:root{--star-white: #fff4d6;--star-quiet: rgba(255, 244, 214, .62);--star-faint: rgba(255, 244, 214, .3);--star-cool: #dce8ff;--line: #8fa3b8;--ink-panel: rgba(15, 30, 49, .82);--ink-solid: #0f1e31;--ink-deep: #0b1826;--gilt: #c9a227;--gilt-hairline: rgba(201, 162, 39, .6);--brass: #b89650;--amber: #e0a458;--blue-word: #7fb5e0;--horizon-warmth: #8a6a52;--night-disc: #081525;--scrim: rgba(4, 8, 14, .55);--font-almanac: "Fraunces", "Iowan Old Style", Georgia, serif;--font-observatory: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--radius-card: 12px;--radius-button: 8px;--tray-width: 360px;--display-size: 76px;--subtitle-size: 20px;--card-title-size: 26px;--card-subtitle-size: 14px;--fraction-size: 22px;--inset: 40px;--column: 640px;--card-padding: 28px;--card-gap: 18px;--hud-panel: 52px;--hud-inset: 20px;--word-panel-height: 76px;--word-panel-width: 470px;--button-height: 44px;--hud-number: 22px;--word-size: 40px}:root[data-platform=tablet]{--display-size: 60px;--subtitle-size: 20px;--card-title-size: 22px;--inset: 32px;--hud-inset: 16px}:root[data-platform=phone]{--display-size: 34px;--subtitle-size: 15px;--card-title-size: 19px;--card-subtitle-size: 13px;--fraction-size: 18px;--inset: 16px;--column: 361px;--card-padding: 16px;--card-gap: 12px;--hud-panel: 40px;--hud-inset: 10px;--word-panel-height: 60px;--word-panel-width: 361px;--button-height: 36px;--hud-number: 18px;--word-size: 30px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:var(--ink-deep);color:var(--star-white);font-family:var(--font-almanac);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-synthesis:none}body{overflow-x:hidden}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gilt);outline-offset:2px}a{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.panel{background:var(--ink-panel);border:1px solid var(--gilt-hairline);border-radius:var(--radius-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--button-height);min-width:104px;padding:0 18px;border-radius:var(--radius-button);font-family:var(--font-almanac);font-weight:600;font-size:16px;letter-spacing:0;white-space:nowrap;transition:transform .12s ease,background-color .12s ease,opacity .12s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--brass);color:var(--ink-deep)}.btn-primary:hover:not(:disabled){background:#c7a45c}.btn-ghost{border:1px solid var(--gilt-hairline);color:var(--star-white)}.btn-ghost:hover:not(:disabled){background:#fff4d60f}.btn-done{border:1px solid var(--gilt);color:var(--gilt)}.btn-small{height:36px;min-width:0;padding:0 14px;font-size:14px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--hud-panel);height:var(--hud-panel);border-radius:var(--radius-button);color:var(--star-white)}.icon-btn:hover{background:#fff4d614}.icon-btn:disabled{opacity:.4;cursor:default}.icon{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-sm{width:18px;height:18px}.hairline{border:0;border-top:1px solid var(--gilt-hairline);margin:0}.mono{font-family:var(--font-observatory);font-variant-numeric:tabular-nums}.quiet{color:var(--star-quiet)}.tag{display:inline-block;padding:3px 8px;border:1px solid var(--gilt-hairline);border-radius:999px;font-family:var(--font-observatory);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--star-quiet)}.label-mono{font-family:var(--font-observatory);font-size:11px;letter-spacing:.16em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.sky-bg{position:fixed;inset:0;overflow:hidden;z-index:0}.sky-stars{position:absolute;inset:0;width:100%;height:100%;will-change:transform}.sky-stars-0{transform:translate(calc(var(--sky-pan, 0) * -.06px))}.sky-stars-1{transform:translate(calc(var(--sky-pan, 0) * -.15px))}.sky-stars-2{transform:translate(calc(var(--sky-pan, 0) * -.3px))}.twinkle{animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.15}to{opacity:.9}}.sky-milky-way{position:absolute;left:-20%;right:-20%;top:20%;height:46%;transform:rotate(-18deg);background:radial-gradient(ellipse at center,#fff4d6e6,#dce8ff59,#dce8ff00 70%)}.sky-horizon-glow{position:absolute;left:0;right:0;bottom:0;height:42%;background:radial-gradient(ellipse 80% 70% at 50% 110%,var(--horizon-warmth) 0%,rgba(138,106,82,0) 70%)}.sky-horizon{position:absolute;left:0;right:0;bottom:0;width:100%;height:16vh;min-height:90px}.board{position:absolute;inset:0;z-index:1;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.board:active{cursor:grabbing}.board svg{display:block;width:100%;height:100%}.board .node{cursor:pointer}.board .node text{font-family:var(--font-observatory);font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none}.node-free .disc{fill:#08152573;stroke:var(--star-white);stroke-opacity:.85;stroke-width:2}.node-free .letter{fill:var(--star-white)}.node-selected .disc{fill:var(--star-white);stroke:var(--star-white);stroke-width:2}.node-selected .letter{fill:var(--ink-deep)}.node-blocked .disc{fill:#08152573;stroke:var(--line);stroke-opacity:.6;stroke-width:2}.node-blocked .letter{fill:var(--line);opacity:.7}.node-blocked .slash{stroke:var(--line);stroke-width:2.5;stroke-opacity:.8}.node-locked .atlas-star{fill:var(--star-white)}.node-object .disc{fill:#08152573;stroke-width:3}.node-object.kind-letter .disc{stroke:var(--gilt)}.node-object.kind-letter .letter{fill:var(--gilt)}.node-object.kind-word .disc{stroke:var(--blue-word)}.node-object.kind-word .letter{fill:var(--blue-word)}.node-object.node-selected .disc{fill:var(--star-white)}.node-object.node-selected .letter{fill:var(--ink-deep)}.node-object.node-locked.kind-letter .planet{fill:var(--gilt)}.node-object.node-locked.kind-word .planet{fill:var(--blue-word)}.node-object.node-locked.kind-letter .ring{stroke:var(--gilt)}.node-object.node-locked.kind-word .ring{stroke:var(--blue-word)}.node-object.node-locked .ring{fill:none;stroke-width:2.5}.line-locked{stroke:var(--line);stroke-width:6;stroke-linecap:round}.line-progress{stroke:var(--star-white);stroke-width:6;stroke-linecap:round;stroke-dasharray:16 14}.label-pill rect{fill:var(--ink-solid);stroke:var(--gilt-hairline);stroke-width:1.5}.label-pill text{fill:var(--star-white);font-family:var(--font-observatory);font-weight:400;letter-spacing:.16em}.label-pill{cursor:pointer}.letter-value{fill:var(--gilt);font-size:18px;opacity:.85}.pan-edge{position:absolute;top:0;bottom:0;width:72px;z-index:2;display:flex;align-items:center;pointer-events:none}.pan-edge-west{left:0;justify-content:flex-start;background:linear-gradient(to right,#07131f8c,#07131f00)}.pan-edge-east{right:0;justify-content:flex-end;background:linear-gradient(to left,#07131f8c,#07131f00)}.pan-edge button{pointer-events:auto;color:var(--gilt);width:44px;height:64px;display:flex;align-items:center;justify-content:center}.pan-edge .icon{stroke-width:1.2}.tray-root{position:fixed;inset:0;z-index:40;pointer-events:none}.tray-root.is-open{pointer-events:auto}.tray-scrim{position:absolute;inset:0;background:var(--scrim);opacity:0;transition:opacity .2s ease}.is-open .tray-scrim{opacity:1}.tray{position:absolute;top:0;right:0;bottom:0;width:min(var(--tray-width),100vw);border-radius:0;border-width:0 0 0 1px;border-color:var(--gilt);display:flex;flex-direction:column;transform:translate(100%);transition:transform .22s ease;background:var(--ink-solid)}.is-open .tray{transform:translate(0)}.tray-header{display:flex;align-items:center;justify-content:flex-end;padding:8px 8px 0}.tray-header .icon-btn{width:44px;height:44px}.tray-entries{overflow-y:auto;padding:8px 0 24px}.tray-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 32px;text-align:left;font-size:18px;font-weight:600}.tray-item:hover:not(:disabled){background:#fff4d60f}.tray-item:disabled{cursor:default;opacity:.7}.tray-label{flex:1}.tray-caret{color:var(--gilt)}.is-small .tray-item{font-size:15px;font-weight:500;padding:10px 32px;color:var(--star-quiet)}.tray-divider{margin:8px 32px}.tray-content{padding:4px 32px 18px;font-size:15px;line-height:1.5;color:var(--star-quiet)}.tray-content h4{margin:14px 0 6px;font-size:15px;color:var(--star-white);font-weight:500}.tray-content p{margin:0 0 8px}.tray-content ul{margin:0 0 8px;padding-left:18px}.tray-content .score-line{display:flex;justify-content:space-between;gap:12px;padding:3px 0;color:var(--star-white)}.tray-content .score-line.is-total{border-top:1px solid var(--gilt-hairline);margin-top:6px;padding-top:8px;color:var(--gilt)}.home{position:relative;min-height:100%;z-index:1}.home-header{position:absolute;top:var(--inset);right:var(--inset);z-index:3}.home-menu-btn{border-radius:var(--radius-button);background:none;border:0}.home-main{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:var(--inset) var(--inset) 24px}.title-block{text-align:center;margin:clamp(24px,8vh,72px) 0 clamp(16px,4vh,36px)}.title{margin:0;font-size:var(--display-size);font-weight:400;font-style:italic;font-variation-settings:"opsz" 144;letter-spacing:0;line-height:1}.subtitle{margin:12px 0 0;font-size:var(--subtitle-size);line-height:1.2}.home-column{width:min(var(--column),100%);display:flex;flex-direction:column;gap:var(--card-gap)}.date-row-wrap{position:relative}.date-row{display:flex;align-items:center;justify-content:space-between;height:44px}.date-button{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:600;padding:6px 4px;border-radius:var(--radius-button)}.date-button:hover{background:#fff4d60f}.countdown{font-size:15px;font-weight:500;letter-spacing:.04em;color:var(--star-quiet)}.calendar-stub{position:absolute;top:48px;left:0;right:0;z-index:5;padding:16px 20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.home-notice{padding:16px 20px;display:flex;gap:16px;align-items:center;justify-content:space-between}.home-notice p{margin:0}.mode-card{overflow:hidden}.mode-card.is-open{border-color:var(--gilt)}.mode-card-header{display:flex;align-items:center;gap:16px;width:100%;padding:var(--card-padding);text-align:left}.mode-card-header:hover{background:#fff4d60a}.mode-card-text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.mode-card-title{font-size:var(--card-title-size);font-weight:600;line-height:1.1}.mode-card-subtitle{font-size:var(--card-subtitle-size);font-style:italic}.mode-card-fraction{font-size:var(--fraction-size);font-weight:500;color:var(--gilt)}.mode-card-caret{color:var(--gilt)}.mode-card-body{padding:0 var(--card-padding) 8px}.variant-row{display:flex;align-items:center;gap:14px;padding:8px 0}.variant-name{font-size:19px;font-weight:600}.variant-count{flex:1;display:inline-flex;align-items:center;gap:4px;font-size:12px;letter-spacing:.08em}.variant-loading{margin:12px 0}.reading-card{display:flex;align-items:center;gap:16px;padding:var(--card-padding);opacity:.75}.reading-icon{color:var(--gilt);display:inline-flex}.home-footer{margin-top:auto;padding-top:48px;font-family:var(--font-observatory);font-size:10px;letter-spacing:.14em;text-transform:uppercase}:root[data-platform=phone] .home-main{padding-bottom:16px}:root[data-platform=phone] .variant-name{font-size:17px}.play{position:fixed;inset:0;overflow:hidden}.hud{position:absolute;z-index:10;display:flex;gap:10px;align-items:flex-start}.hud-top-left{top:var(--hud-inset);left:var(--hud-inset);flex-wrap:wrap;max-width:min(520px,calc(100vw - 2 * var(--hud-inset) - var(--hud-panel) - 20px))}.hud-top-right{top:var(--hud-inset);right:var(--hud-inset)}.hud-bottom{bottom:var(--hud-inset);left:50%;transform:translate(-50%)}.state-bar{display:inline-flex;align-items:center;gap:10px;height:var(--hud-panel);padding:0 16px}.state-bar.is-button:hover{background:#0f1e31f2}.state-icon{color:var(--gilt)}.state-icon.is-warning,.state-number.is-warning{color:var(--amber)}.state-number{font-size:var(--hud-number);font-weight:600;letter-spacing:0}.state-sep{width:1px;height:22px;background:var(--gilt-hairline)}.finish-btn{height:var(--hud-panel)}.puzzle-detail{flex-basis:100%;padding:16px 20px;max-width:480px;max-height:calc(100vh - var(--hud-panel) - var(--word-panel-height) - 3 * var(--hud-inset) - 20px);overflow-y:auto}.puzzle-category{margin:0 0 10px;font-size:24px;font-weight:500}.puzzle-slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.puzzle-slot{font-size:18px;letter-spacing:.08em;color:var(--star-quiet)}.puzzle-slot.is-found,.puzzle-blank.is-found{color:var(--gilt)}.puzzle-phrase{margin:0;font-size:19px;line-height:1.5}.puzzle-quote{color:var(--gilt)}.puzzle-blank{letter-spacing:.12em;color:var(--star-quiet);margin:0 1px}.puzzle-attribution{margin:10px 0 0;text-align:right;font-style:italic}.word-panel{display:flex;align-items:center;gap:6px;height:var(--word-panel-height);width:min(var(--word-panel-width),calc(100vw - 2 * var(--hud-inset)));padding:0 16px}.word-panel .icon-btn{width:var(--button-height);height:var(--button-height);border:1px solid var(--gilt-hairline)}.word-panel .icon-btn+.icon-btn{margin-left:2px}.word{flex:1;text-align:center;font-family:var(--font-almanac);font-size:var(--word-size);font-weight:600;letter-spacing:.15em;overflow:hidden;white-space:nowrap;text-overflow:clip;min-width:0}.toast{position:absolute;z-index:11;left:50%;bottom:calc(var(--hud-inset) + var(--word-panel-height) + 14px);transform:translate(-50%);padding:10px 18px;font-size:16px;white-space:nowrap;max-width:calc(100vw - 32px);animation:toast-in .18s ease}.toast.is-brief{font-family:var(--font-observatory);color:var(--gilt);font-size:20px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.play-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:italic;z-index:5}.play-error{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px 24px;max-width:360px}.play-error-actions,.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.confirm-root{position:fixed;inset:0;z-index:30;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:16px}.confirm{padding:22px 24px;max-width:420px;width:100%;background:#0f1e31f5}.confirm-text{margin:0;font-size:19px;line-height:1.4}.confirm-note{margin:8px 0 0;font-size:14px}.landscape-prompt{position:absolute;top:calc(var(--hud-inset) + var(--hud-panel) + 10px);left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;font-size:14px;max-width:calc(100vw - 24px)}.landscape-prompt button{display:inline-flex;color:var(--star-quiet)}.just-accepted .atlas-star{animation:settle .6s ease-out}@keyframes settle{0%{transform:scale(1.8);opacity:.2}to{transform:scale(1);opacity:1}}