:root{--night:#232a3d;--slate:#2e3650;--slate-deep:#1b2033;--mist:#e6e1d6;--mist-dim:#a9a69c;--papyrus:#e8dcc2;--papyrus-ink:#2b2418;--papyrus-ink-dim:#6e5a3c;--gold:#c9a94e;--papyrus-edge:#cdbb93;--wine:#7a2e3b;--right:#8fd19e;--t-name:#e2c56a;--t-noun:#bfc7d9;--t-action:#e08a96;--t-number:#7fc7c2;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--inset:20px}*{box-sizing:border-box}html,body{background:var(--slate-deep);color:var(--mist);font-family:var(--sans);-webkit-text-size-adjust:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.screen{max-width:430px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(var(--inset), env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(var(--inset), env(safe-area-inset-left));background:var(--night);flex-direction:column;gap:24px;margin:0 auto;display:flex}.masthead{text-align:center}.screen h1,.title h1{font-family:var(--serif);margin:0;font-size:32px;font-weight:400;line-height:1.1}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:6px 0 0;font-size:13px}.masthead .kicker{margin-top:4px;font-size:11px}.title{z-index:10;max-width:430px;padding:0 var(--inset) calc(24px + env(safe-area-inset-bottom));background:var(--night);text-align:center;flex-direction:column;justify-content:flex-end;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}.title-picture{transform-origin:50% 30%;width:calc(100% + 8px);position:absolute;top:0;left:-4px;-webkit-mask-image:linear-gradient(#000 42dvh,#0000 70dvh);mask-image:linear-gradient(#000 42dvh,#0000 70dvh)}.title-body{position:relative}.title h1{font-size:60px}.title .line{margin:18px 0 28px}.sound-line{color:var(--mist-dim);margin:14px 0 0;font-size:13px;line-height:1.45}.sound-line span{display:block}.sound-line svg{vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;margin-right:6px}.title.leaving{background:0 0}.leaving .title-picture{animation:.9s ease-out forwards push}.leaving .line,.leaving .begin,.leaving .sound-line{animation:.25s ease-out forwards fade-out}.leaving h1,.leaving .kicker{transform-origin:50% 0;animation:.8s ease-in-out forwards glide}.arriving .masthead{visibility:hidden}.arriving .case-card,.arriving .season-head{animation:rise .45s ease-out calc(.75s + var(--i) * .12s) both}.arriving>:not(.masthead,.case-list,.title){animation:.4s ease-out 1.2s both fade-in}@keyframes push{to{opacity:0;transform:scale(1.08)}}@keyframes fade-out{to{opacity:0}}@keyframes glide{to{transform:translateY(var(--dy)) scale(var(--s))}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes fade-in{0%{opacity:0}}.epigraph{background:var(--papyrus);color:var(--papyrus-ink);font-family:var(--serif);border-radius:10px;margin:0;padding:16px 18px}.epigraph p{margin:0;font-size:18px;font-style:italic;line-height:1.55}.epigraph footer{font-family:var(--sans);color:var(--papyrus-ink-dim);margin-top:8px;font-size:13px}.line{font-family:var(--serif);font-size:19px;line-height:1.45}.line span{display:block}.status{color:var(--mist-dim);margin:0;font-size:15px}.notice{color:var(--mist-dim);margin:auto 0 0;padding-top:24px;font-size:11px;line-height:1.45}.credit{color:var(--mist-dim);margin:-18px 0 0;font-size:11px;line-height:1.45}.credit a{color:var(--gold)}.toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--slate);border-radius:10px;align-items:center;gap:16px;padding:10px 16px;font-size:15px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 2px 12px #0006}.toast button{min-height:44px;color:var(--gold)}.nudge{width:max-content;max-width:calc(100% - 2 * var(--inset));margin:0;position:fixed}:root:has(.toast:not(.nudge)) .nudge.toast{bottom:calc(88px + env(safe-area-inset-bottom))}.case-list{flex-direction:column;gap:12px;display:flex}.season-head{text-align:center;margin-top:8px}.season-head h2{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0;font-size:11px;font-weight:400}.season-head p{font-family:var(--serif);margin:4px 0 0;font-size:20px;line-height:1.2}.case-card{text-align:left;background:var(--slate);border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;transition:box-shadow .3s;display:flex}.case-card .thumb{flex-shrink:0;display:flex;position:relative}.case-card img{object-fit:cover;border-radius:8px;width:84px;height:105px}.case-card.locked img{filter:grayscale()brightness(.45)}.case-card .thumb svg{fill:none;width:28px;height:28px;stroke:var(--mist);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;margin:auto;position:absolute;inset:0}.case-card.locked .ct,.case-card.locked .cs,.case-card.locked .done{color:var(--mist-dim)}.case-card.first{box-shadow:inset 0 0 0 1px var(--gold)}.case-card.lit{box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 2px var(--gold), 0 0 22px #c9a94e8c}@media (prefers-reduced-motion:reduce){.case-card{transition:none}}.case-card .ct{font-family:var(--serif);margin:0 0 4px;font-size:19px}.case-card .cs{color:var(--mist-dim);font-size:13px;line-height:1.4}.case-card .done{color:var(--gold);margin-top:6px;font-size:13px}.app{--dock:104px;max-width:430px;padding-top:env(safe-area-inset-top);background:var(--night);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}.app.reading{min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) var(--inset) 0;position:static;overflow:visible}.bar{padding:6px max(8px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--slate);background:var(--slate-deep);flex:none;gap:4px;display:flex}.bar [role=tablist]{flex:1;gap:4px;display:flex}.menu-btn{background:linear-gradient(var(--mist) 0 0) center 17px / 20px 2px no-repeat, linear-gradient(var(--mist) 0 0) center 23px / 20px 2px no-repeat, linear-gradient(var(--mist) 0 0) center 29px / 20px 2px no-repeat;border-radius:10px;flex:none;width:48px;min-height:48px}.tab{min-height:48px;color:var(--mist-dim);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:16px;display:flex;position:relative}.tab.is-on{background:var(--slate);color:var(--mist)}.tab .n{color:var(--gold);font-size:13px}.tab .new{background:var(--gold);color:var(--slate-deep);border-radius:9px;padding:1px 6px;font-size:11px;font-weight:600;animation:.3s ease-out bump;position:absolute;top:3px;right:8px}@keyframes bump{0%{transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.tab .new{animation:none}}.coach{z-index:15;pointer-events:none;position:fixed;inset:0}.coach .ring{border:2px solid var(--gold);border-radius:12px;transition:box-shadow .2s;position:fixed}.coach .ring.dim{box-shadow:0 0 0 200vmax #0a0c1499}.coach .pulse{border:2px solid var(--gold);border-radius:18px;animation:.6s ease-out forwards pulse;position:absolute;inset:-6px}@keyframes pulse{to{opacity:0;transform:scale(1.15)}}.coach .label{background:var(--gold);width:max-content;max-width:300px;color:var(--slate-deep);text-wrap:balance;border-radius:10px;margin:0;padding:8px 12px;font-size:15px;font-weight:600;line-height:1.3;position:fixed;transform:translate(-50%);box-shadow:0 2px 10px #0006}.coach .next{background:var(--slate-deep);min-height:44px;color:var(--gold);pointer-events:auto;border-radius:8px;margin:8px 0 0 auto;padding:0 18px;display:block}.coach .next:focus-visible{outline-color:var(--slate-deep)}.coach .ring,.coach .label{animation:.25s ease-out arrive}@keyframes arrive{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.coach .ring,.coach .label{transition:none;animation:none}.coach .pulse{animation-name:arrive;animation-direction:reverse}}.hint{color:var(--mist-dim);margin:0 0 10px;font-size:13px;line-height:1.4}.moment-picker{flex:none;gap:8px;padding:6px 12px;display:flex}.moment-btn{background:var(--slate);color:var(--mist-dim);border-radius:8px;flex:1;min-height:44px;padding:10px 6px;font-size:14px}.moment-btn .left{background:var(--gold);vertical-align:2px;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.moment-btn.is-on{color:var(--mist);box-shadow:inset 0 0 0 1.5px var(--gold)}.stage-wrap{flex:0 1 calc(min(100vw, 430px) / var(--ar));justify-content:center;min-height:0;display:flex;position:relative;container-type:size}.frame{width:min(100cqw, 100cqh * var(--ar));aspect-ratio:var(--ar);position:relative}.stage{background:var(--slate-deep);height:100%;overflow:hidden}.stage svg{width:100%;height:auto;display:block}.stage svg,.stage rect{-webkit-tap-highlight-color:transparent}.stage rect{fill:#0000;pointer-events:all;cursor:pointer}.stage rect.half{fill:none;pointer-events:none}.stage .found{pointer-events:none}.stage .found circle{fill:var(--slate-deep);fill-opacity:.85;stroke:var(--gold);stroke-width:2px;vector-effect:non-scaling-stroke}.stage .found path{fill:none;stroke:var(--gold);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.stage.zoomed{overflow:auto}.stage.zoomed svg{width:200%}.pill{width:56px;height:32px;color:var(--mist);background:#1b2033d1;border-radius:16px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex;position:absolute;top:10px;left:10px}.pill.is-on{background:var(--gold);color:var(--slate-deep)}.card{background:var(--papyrus);color:var(--papyrus-ink);border-radius:12px;padding:16px 18px;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%);box-shadow:0 0 0 100vmax #0a0c148c}.card h2{font-family:var(--serif);margin:0 0 6px;font-size:22px;font-weight:400}.card p{font-family:var(--serif);margin:0 0 14px;font-size:17px;font-style:italic;line-height:1.45}.card .how{font-family:var(--sans);color:var(--papyrus-ink-dim);text-wrap:pretty;font-size:14px;font-style:normal}.card button{background:var(--wine);min-height:44px;color:var(--mist);border-radius:8px;padding:0 22px}.dock{flex:1 0 var(--dock);border-top:1px solid var(--slate);background:var(--slate-deep);flex-direction:column;min-height:0;padding:10px 16px 8px;display:flex;position:relative;overflow:hidden}.dock .said{flex-direction:column;flex:0 auto;min-height:0;display:flex;position:relative}.dock p{min-height:0;font-family:var(--serif);margin:0;font-size:15px;line-height:1.4;overflow:hidden}.dock .more{color:var(--gold);justify-content:flex-end;align-items:flex-end;font-size:13px;display:flex;position:absolute;inset:0}.dock .more span{background:var(--slate-deep);padding-left:12px;line-height:21px}.dock.is-open{overflow:visible}.dock .whole{border-top:1px solid var(--slate);background:var(--slate-deep);padding:10px 16px 20px;position:absolute;left:0;right:0}.dock .found{min-height:18px;color:var(--gold);flex:none;padding-top:4px;font-size:12px;line-height:18px}.offer{min-height:44px;color:var(--mist-dim);flex:none;justify-content:flex-end;align-items:center;gap:6px;font-size:14px;display:flex}.offer b{color:var(--gold);font-weight:600}.dock:has(.offer) .said{min-height:42px}.submit-row .offer{background:var(--slate);border-radius:10px;padding:0 14px}.papers-row{padding:6px var(--inset);border-bottom:1px solid var(--slate);flex:none;justify-content:flex-end;display:flex}.solve{overscroll-behavior:contain;min-height:0;padding:0 var(--inset) 16px;flex:1;overflow:auto}.papers-btn{background:var(--slate);min-height:36px;font-family:var(--sans);border-radius:18px;padding:0 14px;font-size:14px}.papers-btn .n{color:var(--gold);margin-left:6px}.bank{background:var(--slate-deep);border-top:1px solid var(--slate);padding:8px var(--inset);flex-direction:column;flex:none;display:flex}.note{color:var(--t-action)}.solve,.chips,.stage{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.solve,.chips,.stage{scroll-behavior:auto}}.bank-head{color:var(--mist-dim);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.legend span{align-items:center;gap:4px;margin-right:12px;display:inline-flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot.name{background:var(--t-name)}.dot.noun{background:var(--t-noun)}.dot.action{background:var(--t-action)}.dot.number{background:var(--t-number)}.chips{flex-wrap:wrap;gap:8px;max-height:156px;display:flex;overflow:auto}.submit-row+.bank .chips{max-height:108px}.submit-row+.bank{max-height:150px}.chip{background:var(--slate);min-height:40px;color:var(--mist);border:1.5px solid #0000;border-radius:20px;align-items:center;gap:7px;padding:8px 14px 8px 12px;font-size:15px;line-height:1.2;display:inline-flex}.chip.is-on{background:var(--wine);border-color:var(--wine)}.chip.is-new{border-color:var(--gold)}.chip.is-dim{opacity:.3}.empty{color:var(--mist-dim);font-size:14px}.paper{background:var(--papyrus);color:var(--papyrus-ink);font-family:var(--serif);border-radius:10px;margin-bottom:12px;padding:14px 16px;font-size:16px;line-height:1.55}.paper h3{font-size:14px;font-weight:400;font-family:var(--sans);color:var(--papyrus-ink-dim);margin:0 0 6px}.paper p{white-space:pre-line;margin:0}.modal{z-index:20;background:#0a0c14b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal .paper{width:100%;max-width:380px;margin:0;padding:18px 18px 14px;font-size:18px;line-height:1.6}.modal .close{background:var(--wine);color:var(--mist);font-family:var(--sans);border-radius:8px;margin:14px auto 0;padding:10px 22px;font-size:15px;display:block}.modal.sheet{align-items:flex-end;padding:0}.menu,.papers{width:100%;max-width:430px;max-height:85dvh;padding:20px var(--inset) calc(24px + env(safe-area-inset-bottom));background:var(--slate);border-radius:16px 16px 0 0;overflow:auto}.papers{flex-direction:column;gap:12px;display:flex}.menu h2{font-family:var(--serif);margin:0 0 6px;font-size:22px;font-weight:400}.menu p{font-family:var(--serif);margin:0 0 16px;font-size:17px;font-style:italic;line-height:1.45}.menu button{text-align:left;border-top:1px solid var(--night);width:100%;min-height:48px;font-size:16px;display:block}.switches{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.switches .silent{text-align:center;color:var(--mist-dim);flex-basis:100%;margin:0;font-family:inherit;font-size:13px;font-style:normal;line-height:1.45}.menu .switches{margin-top:16px}.switches .switch{border:1px solid var(--gold);width:auto;min-height:44px;color:var(--gold);border-radius:999px;padding:0 16px;font-size:15px;display:inline-block}.switches .switch[aria-pressed=false]{border-color:var(--mist-dim);color:var(--mist-dim)}.app h2{font-family:var(--serif);margin:18px 0 8px;font-size:18px;font-weight:400}.faces{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.faces.two{grid-template-columns:repeat(2,1fr);max-width:260px}.face{text-align:center}.face img{object-fit:cover;width:56px;height:56px;box-shadow:0 0 0 2px var(--slate);border-radius:50%;margin:0 auto 4px;display:block}.face .who{color:var(--mist-dim);min-height:2.6em;margin-bottom:4px;font-size:12px;line-height:1.3}.face .slot{border:1.5px dashed var(--t-name);width:100%;min-height:44px;color:var(--mist-dim);border-radius:8px;justify-content:center;align-items:center;padding:6px 8px;font-size:15px;line-height:1.2;display:inline-flex}.face .slot.is-filled{color:var(--mist);border-style:solid}.face .slot.is-target{background:#c9a94e24}.face .slot.is-right{border-color:var(--right);color:#c9f0d0}.face .slot.is-right:after,.app h2.is-right:after{content:"✓";color:var(--right);margin-left:.3em}.slot.is-dim{opacity:.35}.order{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.order.is-wrong{box-shadow:0 0 0 3px var(--t-action);border-radius:10px}.order .step{color:var(--mist-dim);margin-bottom:4px;font-size:12px}.oslot{border:1.5px dashed var(--mist-dim);width:100%;min-height:108px;color:var(--mist-dim);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:12px;display:flex}.oslot img,.tile img{object-fit:cover;border-radius:6px;width:60px;height:75px}.oslot.is-filled{border-style:solid;border-color:var(--gold);color:var(--mist)}.oslot.is-target{background:#c9a94e24}.oslot.is-right{border-color:var(--right)}.tiles{background:var(--slate-deep);border-radius:10px;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;padding:10px;display:grid}.tile{background:var(--slate);color:var(--mist);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:6px;font-size:12px;display:flex}.tile img{width:48px;height:60px}.tile.is-on{box-shadow:inset 0 0 0 2px var(--gold)}.tile.is-used{opacity:.45}.scroll{background:var(--papyrus);color:var(--papyrus-ink);font-family:var(--serif);box-shadow:inset 0 0 0 1px var(--papyrus-edge);border-radius:10px;padding:16px 16px 18px;font-size:17px;line-height:1.8}.scroll .slot{color:#8b7a55;min-width:72px;min-height:30px;font-family:var(--sans);vertical-align:baseline;border-bottom:2.5px dashed #8b7a55;border-radius:4px 4px 0 0;margin:0 2px;padding:0 8px;font-size:15px;line-height:30px;display:inline-block}.scroll .slot.name{border-bottom-color:#b8962e}.scroll .slot.noun{border-bottom-color:#5c6b8a}.scroll .slot.action{border-bottom-color:#a24a58}.scroll .slot.number{border-bottom-color:#2e8c86}.scroll .slot.is-filled{color:var(--papyrus-ink);font-family:var(--serif);border-bottom-style:solid;font-size:17px}.scroll .slot.is-target{background:#7a2e3b1a}.scroll .slot.is-right{color:#1f6b3a;border-bottom-color:#1f6b3a}.scroll .slot.is-right:after{content:" ✓";font-size:13px}.scroll .slot.is-wrong{box-shadow:0 0 0 3px var(--wine)}.face .slot.is-wrong{border-style:solid;border-color:var(--t-action);box-shadow:0 0 0 2px var(--t-action)}.submit-row{padding:8px var(--inset);border-top:1px solid var(--slate);background:var(--night);flex:none;gap:8px;display:flex}.submit,.begin{background:var(--wine);width:100%;min-height:50px;color:var(--mist);border-radius:10px;font-size:16px}.submit:disabled{background:var(--slate);color:var(--mist-dim);cursor:default}.reveal{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.reveal p{font-family:var(--serif);margin:0 0 12px;font-size:17px;line-height:1.6}.reveal .hints-used{font-family:var(--sans);color:var(--mist-dim);font-size:14px}.reveal .missed{border:1px solid var(--slate);background:var(--night);border-radius:10px;margin:4px 0 18px;padding:12px 14px 4px}.reveal .missed h3{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-size:13px;font-weight:600}.reveal .missed ul{margin:0;padding:0;list-style:none}.reveal .missed li{font-family:var(--serif);margin:0 0 10px;font-size:16px;line-height:1.5}.reveal .verse,.reveal .missed .more{font-family:var(--sans);color:var(--gold);text-underline-offset:3px;margin:-12px -4px;padding:12px 4px;font-size:14px;text-decoration:underline}.reveal .missed .more{margin:-4px -4px 0;display:block}.passage p.is-cited{background:#c9a94e4d;border-radius:4px;box-shadow:0 0 0 4px #c9a94e4d}.passage{background:var(--papyrus);color:var(--papyrus-ink);font-family:var(--serif);border-radius:10px;margin-top:8px;padding:16px;font-size:16px;line-height:1.65}.passage h3{margin:0 0 6px;font-size:16px;font-style:italic;font-weight:400}.passage p{margin:0 0 8px;font-size:16px}.passage sup{color:var(--papyrus-ink-dim);margin-right:2px;font-size:11px}.passage .muted{color:var(--papyrus-ink-dim);font-size:14px;font-family:var(--sans)}.passage h3 .tr{float:right;font-family:var(--sans);letter-spacing:.08em;color:var(--papyrus-ink-dim);font-size:11px;font-style:normal}.reveal .attribution{font-family:var(--sans);color:var(--mist-dim);margin:16px 0 0;font-size:11px;line-height:1.45}.reveal .attribution a{color:var(--gold)}.back{background:var(--slate);color:var(--mist);border-radius:8px;margin-top:16px;padding:12px 18px;display:inline-block}