:root{--bg:#0b0e11;--panel:#12161b;--line:#232a32;--ink:#d8d3c8;--dim:#7d8590;--amber:#ffb454;--amber-dim:#a8752f;--correct:#2dd4a7;--present:#c9973f;--absent:#3a4149;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0}.app{max-width:480px;margin:0 auto;padding:20px 12px 48px}.app-status{text-align:center;color:var(--dim);margin-top:40vh}.app-error{color:var(--amber);margin-top:24px}.board-header{text-align:center;margin-bottom:16px}.wordmark{letter-spacing:.35em;color:var(--amber);text-shadow:0 0 12px #ffb45459;margin:0;font-size:1.4rem}.fragment-meta{color:var(--dim);letter-spacing:.1em;margin:4px 0 0;font-size:.75rem}.fragment-panel{border:1px solid var(--line);background:repeating-linear-gradient(to bottom, #ffffff06 0px, #ffffff06 1px, transparent 1px, transparent 3px), var(--panel);border-radius:4px 10px 5px 8px;margin-bottom:20px;padding:12px 14px;position:relative}.fragment-label{text-transform:uppercase;letter-spacing:.25em;color:var(--amber-dim);margin:0 0 6px;font-size:.65rem}.fragment-clue{color:var(--ink);margin:0;font-size:.95rem;line-height:1.5}.rows{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.slot-row{justify-content:center;gap:8px;display:flex}.slot{max-width:120px;min-height:52px;font-family:var(--mono);letter-spacing:.06em;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px 3px 8px 4px;flex:1;justify-content:center;align-items:center;padding:6px 4px;font-size:clamp(.7rem,3.2vw,.9rem);display:flex;position:relative;box-shadow:inset 0 2px 4px #00000080}.slot-empty{box-shadow:none;background:0 0;border-style:dashed}button.slot{cursor:pointer}button.slot:hover{border-color:var(--amber-dim)}.slot-correct{border-color:var(--correct);color:var(--correct);background:#10382d}.slot-present{border-color:var(--present);color:var(--present);background:#33270f}.slot-absent{border-color:var(--absent);color:var(--dim);background:#14171b}.mark-symbol{opacity:.9;font-size:.6rem;position:absolute;top:2px;right:5px}.slot-animate.slot-revealed{animation:.45s both reveal}@keyframes reveal{0%{filter:brightness(.3);transform:scale(.94)}60%{filter:brightness(1.6)}to{filter:brightness();transform:scale(1)}}.rows-restored{animation:1.2s ease-out both restore}@keyframes restore{0%{filter:brightness()}30%{filter:brightness(1.5)saturate(1.3)}to{filter:brightness()}}.tile-tray{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.tray-tile{font-family:var(--mono);letter-spacing:.08em;color:var(--amber);background:var(--panel);border:1px solid var(--amber-dim);cursor:pointer;border-radius:3px 7px 4px 8px;padding:10px 12px;font-size:.85rem;transition:filter .15s;box-shadow:inset 0 2px 3px #00000073}.tray-tile:hover:not(:disabled){filter:brightness(1.3)}.tray-tile:disabled{color:var(--absent);border-color:var(--line);cursor:default;opacity:.5}.submit-button,.share-button{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bg);background:var(--amber);cursor:pointer;border:none;border-radius:4px;margin:0 auto;padding:10px 28px;font-size:.85rem;display:block}.submit-button:disabled{background:var(--absent);color:var(--dim);cursor:default}.guess-error{text-align:center;color:var(--amber);margin:12px 0 0;font-size:.8rem}.guess-count{text-align:center;color:var(--dim);letter-spacing:.15em;margin:12px 0 0;font-size:.7rem}.endgame{text-align:center;margin-top:24px}.etymology-card{border:1px solid var(--correct);background:var(--panel);text-align:left;border-radius:5px 9px 4px 8px;margin-bottom:16px;padding:14px 16px}.etymology-title{text-transform:uppercase;letter-spacing:.25em;color:var(--correct);margin:0 0 10px;font-size:.8rem}.etymology-roots{margin:0;padding:0;list-style:none}.etymology-root{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:4px 0;font-size:.85rem;display:flex}.etymology-form{color:var(--amber)}.etymology-meaning{color:var(--dim)}.etymology-recovered{font-style:italic}.etymology-note{color:var(--dim);margin:10px 0 0;font-size:.75rem;line-height:1.5}.failed-line{color:var(--dim);margin:0 0 12px;font-size:.9rem}.streak-line{color:var(--ink);margin:0 0 16px;font-size:.8rem}.streak-note{color:var(--dim)}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:480px;margin:0 auto 20px;padding:12px 4px;display:flex}.nav-wordmark{font-family:var(--mono);letter-spacing:.35em;color:var(--amber);font-size:.95rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:14px;display:flex}.nav-link{font-family:var(--mono);letter-spacing:.08em;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.75rem;text-decoration:none}.nav-link:hover,.nav-signin{color:var(--amber)}.page{max-width:480px;margin:0 auto;padding:0 4px 48px}.page-title{font-family:var(--mono);letter-spacing:.12em;color:var(--amber);margin:8px 0 12px;font-size:1.15rem}.section-title{font-family:var(--mono);letter-spacing:.1em;color:var(--ink);margin:0 0 8px;font-size:.85rem}.muted{color:var(--dim);font-size:.85rem;line-height:1.55}.small{font-size:.72rem}.card{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;margin:0 0 14px;padding:16px;text-decoration:none;display:block}.site-card:hover{border-color:var(--amber)}.progress{background:var(--line);border-radius:3px;height:6px;margin:10px 0 6px;overflow:hidden}.progress-fill{background:var(--teal);height:100%;transition:width .4s}.progress-label{color:var(--dim);margin:0;font-size:.72rem}.stat-row{justify-content:space-around;gap:8px;display:flex}.stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-value{font-family:var(--mono);color:var(--amber);font-size:1.5rem}.stat-label{color:var(--dim);letter-spacing:.08em;font-size:.7rem}.dig-path{margin:20px 0;padding:0;list-style:none}.dig-node{margin:0 0 10px}.dig-node-inner{border:1px solid var(--line);background:var(--panel);font-family:var(--mono);color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:.8rem;text-decoration:none;display:flex}.dig-solved .dig-node-inner{border-color:var(--teal)}.dig-solved .dig-mark{color:var(--teal)}.dig-open .dig-node-inner:hover{border-color:var(--amber)}.dig-open .dig-mark{color:var(--amber)}.dig-locked .dig-node-inner{opacity:.55}.dig-hint{color:var(--dim);margin-left:auto;font-size:.68rem}.feature-list{margin:16px 0;padding:0;font-size:.85rem;line-height:2;list-style:none}.price-cards{gap:12px;margin:18px 0;display:flex}.price-card{text-align:center;flex:1;margin:0}.price-featured{border-color:var(--amber)}.price-amount{font-family:var(--mono);color:var(--amber);margin:4px 0 0;font-size:2rem}.price-term{color:var(--dim);margin:2px 0 14px;font-size:.75rem}.license-badge{font-family:var(--mono);color:var(--teal);margin:0 0 10px;font-size:.85rem}.toggle-row{cursor:pointer;align-items:center;gap:10px;font-size:.85rem;display:flex}.toggle-row input{accent-color:var(--amber);width:18px;height:18px}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.codex-glyph{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.codex-form{font-family:var(--mono);color:var(--amber);font-size:.8rem}.codex-meaning{color:var(--dim);font-size:.68rem}.archive-list{margin:12px 0;padding:0;list-style:none}.archive-entry{border:1px solid var(--line);font-family:var(--mono);color:var(--ink);border-radius:8px;margin:0 0 8px;padding:10px 12px;font-size:.8rem;text-decoration:none;display:block}.archive-entry:hover{border-color:var(--amber)}.banner{border:1px solid var(--amber);background:var(--panel);border-radius:10px;align-items:center;gap:12px;max-width:480px;margin:0 auto 16px;padding:12px 14px;font-size:.8rem;display:flex}.banner p{flex:1;margin:0}.banner-dismiss{border:1px solid var(--amber);color:var(--amber);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px;font-size:.7rem}.signin-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:20px;position:relative}.signin-title{font-family:var(--mono);letter-spacing:.1em;color:var(--amber);margin:0 0 10px;font-size:.9rem}.signin-blurb{color:var(--dim);margin:0 0 12px;font-size:.8rem}.signin-form{flex-direction:column;gap:10px;display:flex}.signin-input{background:var(--bg);border:1px solid var(--line);color:var(--ink);font-family:var(--mono);border-radius:8px;padding:10px 12px;font-size:.85rem}.signin-input:focus{border-color:var(--amber);outline:none}.signin-sent{font-size:.85rem;line-height:1.6}.signin-close{color:var(--dim);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:8px;right:12px}.modal-backdrop{z-index:10;background:#040608bf;justify-content:center;align-items:flex-start;padding:60px 16px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:420px}.link-button{border:1px solid var(--line);color:var(--ink);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:.78rem}.link-button:hover{border-color:var(--amber);color:var(--amber)}.signout{color:var(--dim);margin-top:8px}.welcome{text-align:center;padding-top:40px}.welcome-cta{margin-top:16px;text-decoration:none;display:inline-block}.page a{color:var(--amber)}.intro-panel{background:var(--panel);border:1px solid var(--amber-dim);border-radius:5px 12px 6px 10px;max-height:80vh;padding:22px 20px;overflow-y:auto}.intro-kicker{text-transform:uppercase;letter-spacing:.28em;color:var(--amber-dim);margin:0 0 4px;font-size:.62rem}.intro-title{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);text-shadow:0 0 10px #ffb4544d;margin:0 0 14px;font-size:1.05rem}.intro-lore{color:var(--ink);margin:0 0 12px;font-size:.82rem;line-height:1.65}.intro-lore strong{color:var(--amber);font-weight:600}.intro-legend{border:1px dashed var(--line);color:var(--dim);border-radius:8px;flex-direction:column;gap:8px;margin:14px 0;padding:12px 14px;font-size:.78rem;list-style:none;display:flex}.intro-legend li{align-items:center;gap:10px;display:flex}.legend-chip{font-family:var(--mono);letter-spacing:.08em;text-align:center;border:1px solid;border-radius:4px 7px 4px 6px;min-width:48px;padding:4px 8px;font-size:.68rem}.legend-correct{border-color:var(--correct);color:var(--correct);background:#10382d}.legend-present{border-color:var(--present);color:var(--present);background:#33270f}.legend-absent{border-color:var(--absent);color:var(--dim);background:#14171b}.intro-footnote{color:var(--dim);margin:14px 0 18px;font-size:.72rem;font-style:italic;line-height:1.6}.intro-cta{width:100%}.briefing-row{text-align:center;margin:18px 0 0}.briefing-link{font-family:var(--mono);letter-spacing:.12em;color:var(--dim);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.7rem}.briefing-link:hover{color:var(--amber)}.solved-line{letter-spacing:.04em;color:var(--correct);margin:0 0 12px;font-size:.85rem}.op-scene{background:var(--bg);cursor:pointer;z-index:50;position:fixed;inset:0}.op-scene:before{content:"";pointer-events:none;z-index:6;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.op-scene:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(90% 80% at 50% 48%,#0000 55%,#040608b3 100%);position:absolute;inset:0}.op-stage{z-index:1;opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:opacity .55s,transform .55s;display:flex;position:absolute;inset:0}.op-stage.fading{opacity:0;transform:scale(1.015)}.op-stage svg{width:min(92vw,150vh);height:auto;max-height:62vh;overflow:visible}.op-gold,.op-gold-dim,.op-green{fill:none;stroke-linecap:round;stroke-linejoin:round}.op-gold{stroke:var(--amber);stroke-width:2.5px;filter:drop-shadow(0 0 6px #ffb4548c)}.op-gold-dim{stroke:var(--amber-dim);stroke-width:2px;filter:drop-shadow(0 0 4px #ffb45440)}.op-green{stroke:var(--correct);stroke-width:1.75px;opacity:.8;filter:drop-shadow(0 0 5px #2dd4a773)}.op-caption-block{text-align:center;max-width:min(92vw,900px);min-height:5.5rem;margin-top:5vh;padding:0 24px}.op-kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--amber-dim);opacity:0;margin:0 0 10px;font-size:.62rem;transition:opacity .6s}.op-kicker.show{opacity:1}.op-caption{letter-spacing:.08em;color:var(--ink);min-height:2.8em;margin:0;font-size:clamp(.8rem,2vw,1rem);line-height:1.7}.op-caret{background:var(--correct);vertical-align:text-bottom;width:.55em;height:1em;margin-left:2px;animation:.9s step-end infinite op-blink;display:inline-block}@keyframes op-blink{50%{opacity:0}}.op-finale{z-index:2;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.op-finale.active{display:flex}.op-loops{width:100%;height:100%;position:absolute;inset:0}.op-coil-gold{fill:none;stroke:var(--amber);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ffb4548c)}.op-coil-green{fill:none;stroke:var(--correct);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;filter:drop-shadow(0 0 5px #2dd4a773);transform:translate(6px,9px)}.op-title{z-index:4;text-align:center;pointer-events:none;padding:48px 64px;position:relative}.op-title:before{content:"";z-index:-1;background:radial-gradient(50% 50%,#0b0e11eb 30%,#0b0e118c 60%,#0000 78%);position:absolute;inset:0}.op-title .op-kicker{transition:none}.op-wordmark{letter-spacing:.35em;text-indent:.35em;color:var(--amber);text-shadow:0 0 18px #ffb45466;margin:0;font-size:clamp(1.4rem,5.2vw,3rem);font-weight:700}.op-wordmark span{opacity:0;filter:brightness(.3);display:inline-block;transform:translateY(.35em)}.op-meta{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);opacity:0;margin:14px 0 0;font-size:.68rem}.op-meta .ok{color:var(--correct)}.op-finale.done .op-kicker{animation:.7s ease-out .15s both op-fade-up}.op-finale.done .op-wordmark span{animation:.5s both op-letter-reveal}.op-finale.done .op-meta{animation:.7s ease-out 1.1s both op-fade-up}@keyframes op-letter-reveal{0%{opacity:0;filter:brightness(.3);transform:translateY(.35em)}60%{opacity:1;filter:brightness(1.7)}to{opacity:1;filter:brightness();transform:translateY(0)}}@keyframes op-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.op-finale.done .op-coil-gold{animation:3.2s ease-in-out 1.4s infinite op-breathe}@keyframes op-breathe{0%,to{filter:drop-shadow(0 0 6px #ffb4548c)}50%{filter:drop-shadow(0 0 12px #ffb454d9)}}.op-hint{text-align:center;letter-spacing:.2em;color:var(--dim);opacity:.55;z-index:6;pointer-events:none;font-size:.6rem;transition:opacity .8s;position:absolute;bottom:22px;left:0;right:0}.op-skip{z-index:7;border:1px solid var(--line);color:var(--dim);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:6px;padding:7px 12px;font-size:.65rem;position:absolute;top:18px;right:20px}.op-skip:hover{border-color:var(--amber);color:var(--amber)}.op-dots{z-index:6;pointer-events:none;justify-content:center;gap:10px;display:flex;position:absolute;top:24px;left:0;right:0}.op-dots i{background:var(--line);border-radius:1px;width:5px;height:5px;transition:background .4s;transform:rotate(45deg)}.op-dots i.lit{background:var(--amber-dim)}.op-dots i.now{background:var(--amber);box-shadow:0 0 6px #ffb45499}@media (prefers-reduced-motion:reduce){.op-finale.done .op-coil-gold{animation:none}}