@font-face{font-family:Josefin Sans;src:url(/fonts/josefin-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Poiret One;src:url(/fonts/poiret-one-400.woff2) format("woff2");font-weight:400;font-display:swap}body[data-game=eightfold]{--paper: #f2ede1;--card: #fffcf4;--ink: #12151c;--ink-2: #3a3e47;--ink-3: #535862;--line: #e0d8c4;--line-2: #c2b48f;--accent: #8c6510;--accent-ink: #ffffff;--link: #7a5608;--gold: #c39a3e;--gold-hi: #e6c46e;--jet: #12151c;--ef-tile: #fffcf4;--ef-tile-edge: #d8c99f;--ef-on: #12151c;--ef-on-ink: #e6c46e;--ef-frame: #12151c;--good: #22703f;--warn: #94500e;--bad: #a3302a;--display: "Poiret One", "Josefin Sans", "Futura", sans-serif;--tile-font: "Josefin Sans", "Futura", "Century Gothic", sans-serif;--wm-font: var(--tile-font);--r: 2px;--r-sm: 2px;--btn-r: 2px;--bg-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Cg fill='none' stroke='%23e4dccb' stroke-width='1'%3E%3Cpath d='M-24 0 A24 24 0 0 1 24 0'/%3E%3Cpath d='M24 0 A24 24 0 0 1 72 0'/%3E%3Cpath d='M-17 0 A17 17 0 0 1 17 0'/%3E%3Cpath d='M31 0 A17 17 0 0 1 65 0'/%3E%3Cpath d='M-10 0 A10 10 0 0 1 10 0'/%3E%3Cpath d='M38 0 A10 10 0 0 1 58 0'/%3E%3Cpath d='M0 24 A24 24 0 0 1 48 24' /%3E%3Cpath d='M7 24 A17 17 0 0 1 41 24' /%3E%3Cpath d='M14 24 A10 10 0 0 1 34 24' /%3E%3C/g%3E%3C/svg%3E");--bg-size: 48px 24px;--shadow: 0 1px 0 rgba(18, 21, 28, .06), 0 10px 22px -14px rgba(18, 21, 28, .45)}@media (prefers-color-scheme: dark){body[data-game=eightfold]{--paper: #0c0f15;--card: #151a23;--ink: #f2ead6;--ink-2: #c9c0aa;--ink-3: #a39b88;--line: #262c38;--line-2: #3d4452;--accent: #e4b850;--accent-ink: #12151c;--link: #ecc76e;--gold: #c9a24a;--gold-hi: #e4b850;--ef-tile: #1b212c;--ef-tile-edge: #3a4250;--ef-on: #e4b850;--ef-on-ink: #12151c;--ef-frame: #05070a;--good: #6cc890;--warn: #f0a860;--bad: #f08070;--bg-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Cg fill='none' stroke='%23151a23' stroke-width='1'%3E%3Cpath d='M-24 0 A24 24 0 0 1 24 0'/%3E%3Cpath d='M24 0 A24 24 0 0 1 72 0'/%3E%3Cpath d='M-17 0 A17 17 0 0 1 17 0'/%3E%3Cpath d='M31 0 A17 17 0 0 1 65 0'/%3E%3Cpath d='M-10 0 A10 10 0 0 1 10 0'/%3E%3Cpath d='M38 0 A10 10 0 0 1 58 0'/%3E%3Cpath d='M0 24 A24 24 0 0 1 48 24' /%3E%3Cpath d='M7 24 A17 17 0 0 1 41 24' /%3E%3Cpath d='M14 24 A10 10 0 0 1 34 24' /%3E%3C/g%3E%3C/svg%3E");--shadow: 0 1px 0 rgba(0, 0, 0, .4), 0 12px 26px -12px rgba(0, 0, 0, .85)}}body[data-game=eightfold] .cj-top{border-bottom:0;box-shadow:0 1px 0 var(--gold),0 4px 0 var(--paper),0 5px 0 var(--gold);margin-bottom:5px}body[data-game=eightfold] .cj-title h1{font-size:22px}body[data-game=eightfold] .cj-wm{text-transform:uppercase;letter-spacing:.24em;padding-left:.24em;gap:0;line-height:1;padding-top:4px}body[data-game=eightfold] .cj-wm:before,body[data-game=eightfold] .cj-wm:after{content:"";width:22px;height:7px;flex:none;margin-top:-4px;background:linear-gradient(var(--gold) 0 0) center / 100% 1.5px no-repeat,linear-gradient(45deg,transparent 33%,var(--gold) 34% 66%,transparent 67%) right center / 7px 7px no-repeat}body[data-game=eightfold] .cj-wm:before{transform:scaleX(-1);margin-right:8px}body[data-game=eightfold] .cj-wm:after{margin-left:2px}body[data-game=eightfold] .cj-sub{letter-spacing:.08em;margin-top:5px}body[data-game=eightfold] .cj-mark{border-radius:0;transform:rotate(45deg) scale(.8);background:var(--gold);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--gold)}body[data-game=eightfold] .cj-card{border-color:var(--line-2);outline:1px solid var(--gold);outline-offset:-6px}body[data-game=eightfold] .cj-btn{background:var(--jet);color:var(--gold-hi);font:700 16px/1 var(--tile-font);text-transform:uppercase;letter-spacing:.16em;padding-top:3px;box-shadow:inset 0 0 0 1px var(--jet),inset 0 0 0 3px var(--gold)}body[data-game=eightfold] .cj-btn-quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}@media (prefers-color-scheme: dark){body[data-game=eightfold] .cj-btn{background:var(--accent);color:var(--jet);box-shadow:inset 0 0 0 1px var(--accent),inset 0 0 0 3px var(--jet)}body[data-game=eightfold] .cj-btn-quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}}body[data-game=eightfold] .cj-h2,body[data-game=eightfold] .cjd-title,body[data-game=eightfold] .cj-about h2,body[data-game=eightfold] .cj-modal-head h2{font-weight:400;font-size:27px;letter-spacing:.02em}body[data-game=eightfold] .cjs-h,body[data-game=eightfold] .cj-modal-body h3{font:700 15px var(--tile-font);text-transform:uppercase;letter-spacing:.12em}body[data-game=eightfold] .cj-score .big{font-weight:400;font-size:64px}.ef-play{display:flex;flex-direction:column;align-items:center;gap:12px}.ef-bar{width:100%;max-width:420px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px}.ef-clock,.ef-misses{display:flex;flex-direction:column;font-variant-numeric:tabular-nums}.ef-misses{align-items:flex-end;font-weight:700;font-size:20px}.ef-clock-label{font-size:12px;font-family:var(--tile-font);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:700}.ef-time{font:700 30px/1 var(--tile-font);color:var(--ink);letter-spacing:.04em}.ef-word{min-width:8.6ch;min-height:40px;padding:8px 10px 2px;border-bottom:2px solid var(--line-2);font:700 26px/1.2 var(--tile-font);letter-spacing:.18em;text-align:center;color:var(--ink)}.ef-word.full{border-color:var(--gold)}.ef-grid{position:relative;width:min(100%,420px);aspect-ratio:1;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px;background:var(--ef-frame);border:2px solid var(--gold);outline:1px solid var(--gold);outline-offset:3px;border-radius:0;touch-action:none;user-select:none;-webkit-user-select:none}.ef-cell{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:0;border:0;background:var(--ef-tile);box-shadow:inset 0 0 0 3px var(--ef-tile),inset 0 0 0 4px var(--ef-tile-edge);cursor:pointer;padding:0;transition:background .08s ease,transform .08s ease}.ef-ch{position:relative;z-index:3;font:700 clamp(24px,7.4vw,34px)/1 var(--tile-font);color:var(--ink);padding-top:.14em}.ef-cell.on{background:var(--ef-on);box-shadow:inset 0 0 0 3px var(--ef-on),inset 0 0 0 4px var(--gold)}.ef-cell.on .ef-ch{color:var(--ef-on-ink)}.ef-cell.head{box-shadow:inset 0 0 0 3px var(--ef-on),inset 0 0 0 5px var(--gold-hi)}.ef-cell.hinted{box-shadow:inset 0 0 0 3px var(--warn)}.ef-cell.ef-free:before{content:"";position:absolute;left:0;top:0;width:42%;height:42%;z-index:1;background:radial-gradient(circle at 0 0,var(--gold) 0 30%,transparent 31% 45%,var(--gold) 46% 54%,transparent 55% 68%,var(--gold) 69% 75%,transparent 76%)}.ef-cell.ef-free{background:color-mix(in srgb,var(--gold-hi) 42%,var(--ef-tile));box-shadow:inset 0 0 0 5px var(--gold)}.ef-cell.ef-free.on{background:var(--ef-on);box-shadow:inset 0 0 0 5px var(--gold-hi)}.ef-badge{position:absolute;z-index:3;top:3px;right:5px;font:700 12px/1 var(--body);color:var(--warn)}.ef-cell.on .ef-badge{color:var(--ef-on-ink)}.ef-cell.ef-free .ef-badge{color:var(--ink);font-weight:700}.ef-cell.ef-free.on .ef-badge{color:var(--ef-on-ink)}.ef-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.ef-line polyline{fill:none;stroke:color-mix(in srgb,var(--gold) 75%,transparent);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.ef-grid.solved .ef-cell.on{background:var(--good);box-shadow:inset 0 0 0 3px var(--good),inset 0 0 0 4px var(--gold-hi)}.ef-grid.solved .ef-cell.on .ef-ch{color:#fff}@media (prefers-color-scheme: dark){.ef-grid.solved .ef-cell.on .ef-ch{color:#0c1a10}}.ef-grid.solved .ef-line polyline{stroke:color-mix(in srgb,var(--good) 55%,transparent)}.ef-grid.shake{animation:efshake .32s ease}@keyframes efshake{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-4px)}to{transform:none}}.ef-help{margin:0;color:var(--ink-2);font-size:15px;text-align:center;min-height:1.5em}.ef-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.ef-giveup{color:var(--ink-3);padding:0 8px}.cj-start{text-align:center}.ef-ghost{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:170px;margin:6px auto 0;padding:6px;background:var(--ef-frame);border:1.5px solid var(--gold)}.ef-ghost span{aspect-ratio:1;background:var(--ef-tile);box-shadow:inset 0 0 0 2px var(--ef-tile),inset 0 0 0 3px var(--ef-tile-edge)}.ef-ghost span:nth-child(7n+3){background:var(--gold);box-shadow:none}.ef-detail{text-align:center;color:var(--ink-2);margin:0 0 12px}.ef-reveal{display:flex;flex-direction:column;align-items:center;gap:10px}.ef-small{width:min(100%,300px);gap:5px;padding:8px}.ef-small .ef-cell{min-width:0;min-height:0;cursor:default}.ef-small .ef-ch{font-size:clamp(18px,5.4vw,24px)}.ef-grid.reveal .ef-line polyline{stroke-dasharray:2400;stroke-dashoffset:2400;animation:efdraw 1.3s .2s ease forwards}@keyframes efdraw{to{stroke-dashoffset:0}}.ef-answer{margin:0;text-align:center}.ef-answer-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:700}.ef-answer-word{font:700 32px/1.1 var(--tile-font);letter-spacing:.2em;color:var(--accent)}.ef-decoys,.ef-field{text-align:center;font-size:15px;color:var(--ink-2);margin:12px 0 0}.ef-w{font-weight:700;letter-spacing:.04em;color:var(--ink)}.ef-small{touch-action:auto}.ef-clues{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0}.ef-clue{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 4px;border:1px solid var(--line-2);background:var(--card);font:700 13px var(--tile-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.ef-clue strong{color:var(--ink);font-size:16px}.ef-clue-dot{width:14px;height:14px;flex:none;background:radial-gradient(circle at 0 0,var(--gold) 0 30%,transparent 31% 45%,var(--gold) 46% 54%,transparent 55% 68%,var(--gold) 69% 75%,transparent 76%);box-shadow:inset 0 0 0 1px var(--gold)}@media (max-width: 440px){body[data-game=eightfold] .cj-title h1{font-size:19px}body[data-game=eightfold] .cj-wm{letter-spacing:.14em;padding-left:.14em}body[data-game=eightfold] .cj-wm:before,body[data-game=eightfold] .cj-wm:after{width:12px}body[data-game=eightfold] .cj-wm:before{margin-right:4px}}