:root{--ink: #1d3b36;--ink-2: #3d544c;--ink-3: #6c7d72;--paper: #f6efdf;--paper-2: #fffaf0;--line: #d9ccb0;--gold: #d4a34d;--gold-2: #f2d38a;--green: #5d9e75;--forest: #153c36;--rose: #d9674e;--pop: 3px 3px 0 var(--ink);--pop-big: 5px 5px 0 var(--ink);--serif: "Fraunces", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:#efe6d3;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin:0}kbd{font:700 11px var(--sans);border:1.5px solid currentColor;border-radius:4px;padding:1px 5px;margin:0 2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{font:700 10px var(--sans);letter-spacing:.16em;color:var(--ink-3)}.btn-primary,.btn-ghost,.textbox-next{border:2px solid var(--ink);border-radius:10px;padding:11px 18px;font-weight:700;font-size:14px;box-shadow:var(--pop);transition:transform .08s,box-shadow .08s}.btn-primary{background:var(--gold)}.btn-ghost,.textbox-next{background:var(--paper-2)}.btn-primary:not(:disabled):hover,.btn-ghost:hover,.textbox-next:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn-primary:not(:disabled):active,.btn-ghost:active,.textbox-next:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn-big{font-size:18px;padding:15px 44px;border-radius:14px;box-shadow:var(--pop-big)}.game{position:fixed;inset:0;overflow:hidden}.world-layer{position:absolute;inset:0}.world-layer canvas{touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,#3a2f1f22 100%);transition:background .8s}.celebrating .vignette{background:radial-gradient(ellipse at 35% 45%,transparent 18%,#0d1f1cb3 70%)}.mode-title .vignette{background:radial-gradient(ellipse at center,#efe6d3b3,#efe6d3f0 70%)}.mode-title .world-layer{filter:blur(4px) saturate(.9);transform:scale(1.03)}.world-layer{transition:filter .9s,transform .9s}.title-screen{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;z-index:20}.title-inner{max-width:560px;display:grid;justify-items:center;gap:16px;animation:rise .8s ease-out both}.title-screen h1{font:700 clamp(46px,9vw,86px)/.95 var(--serif);letter-spacing:-.02em}.title-lede{font-size:17px;line-height:1.55;color:var(--ink-2);max-width:460px}.title-keys{font-size:12px;color:var(--ink-3)}.title-foot{position:absolute;bottom:18px;left:0;right:0;font-size:11px;letter-spacing:.06em;color:var(--ink-3)}.title-ring{position:relative;width:92px;height:92px;display:grid;place-items:center}.title-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.title-ring circle{fill:none;stroke:#d9ccb0;stroke-width:5}.title-ring .title-ring-arc{stroke:var(--gold);stroke-dasharray:80 400;stroke-linecap:round;transform-origin:60px 60px;animation:spin 1.1s linear infinite}.title-ring.ready .title-ring-arc{animation:none;stroke-dasharray:330 0;transition:stroke-dasharray .6s;stroke:var(--green)}.title-ring span{font-size:30px;color:var(--forest)}.chapter-card{position:absolute;top:18px;left:18px;width:340px;background:var(--paper-2);border:2px solid var(--ink);border-radius:14px;box-shadow:var(--pop-big);z-index:5;animation:drop .5s ease-out both}.chapter-head{display:grid;gap:4px;width:100%;text-align:left;background:none;border:0;padding:14px 16px}.chapter-head b{font:700 18px/1.25 var(--serif)}.chapter-head:after{content:"▾";position:absolute;right:14px;top:14px;font-size:12px;color:var(--ink-3)}.chapter-card.open .chapter-head:after{content:"▴"}.chapter-body{padding:0 16px 14px;border-top:1.5px dashed var(--line)}.goals{list-style:none;margin:12px 0;padding:0;display:grid;gap:7px;font-size:14px}.goals li{display:flex;gap:10px;align-items:baseline;color:var(--ink-3)}.goals li:before{content:"";flex:none;width:13px;height:13px;border:2px solid var(--ink-3);border-radius:4px;transform:translateY(2px)}.goals li.done{color:var(--ink-3);text-decoration:line-through;text-decoration-color:#b9ad94}.goals li.done:before{background:var(--green);border-color:var(--green)}.goals li.now{color:var(--ink);font-weight:700}.goals li.now:before{border-color:var(--gold);background:var(--gold-2);animation:pulse 1.6s ease-in-out infinite}.rival-plan{display:flex;gap:12px;align-items:flex-start;background:#efe4cf;border-radius:10px;padding:10px 12px;font-size:12.5px}.rival-plan b{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a5a3c}.rival-plan ul{margin:4px 0 0;padding-left:16px;color:var(--ink-2);line-height:1.5}.rival-plan li.crossed,.rival-plan.done li{text-decoration:line-through 2px var(--rose);color:var(--ink-3)}.rival-face{width:44px;height:44px;flex:none}.dock{position:absolute;top:18px;right:18px;display:flex;gap:10px;z-index:5;animation:drop .5s .1s ease-out both}.dock button{display:grid;justify-items:center;gap:2px;min-width:86px;padding:10px 12px 8px;background:var(--paper-2);border:2px solid var(--ink);border-radius:12px;box-shadow:var(--pop);font-size:12px;font-weight:700;transition:transform .08s,box-shadow .08s}.dock button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.dock button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.dock .dock-icon{font-size:22px;line-height:1;color:var(--forest)}.dock em{font-style:normal;font-weight:500;font-size:10px;color:var(--ink-3)}.dock kbd{font-size:9px;color:var(--ink-3)}.door-prompt{position:absolute;left:50%;bottom:44px;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--forest);color:var(--paper);border:2px solid var(--ink);border-radius:14px;box-shadow:var(--pop-big);font-size:15px;z-index:6;animation:pop .25s ease-out both;white-space:nowrap}.door-prompt b{font:700 19px var(--serif)}.door-prompt span{color:var(--gold-2);font-weight:700}.door-prompt kbd{color:var(--gold-2);margin-right:8px}.drive-hint{position:absolute;left:50%;bottom:40px;transform:translate(-50%);background:#fffaf0e6;border:2px solid var(--ink);border-radius:12px;padding:10px 16px;font-size:14px;box-shadow:var(--pop);z-index:4;white-space:nowrap;animation:rise .6s .4s ease-out both}.toast{position:absolute;left:50%;top:22px;transform:translate(-50%);display:grid;gap:2px;text-align:center;background:var(--gold-2);border:2px solid var(--ink);border-radius:12px;padding:10px 18px;box-shadow:var(--pop-big);z-index:30;animation:pop .3s ease-out both}.toast b{font:700 16px var(--serif)}.toast small{font-size:12px;color:var(--ink-2)}.scene{position:absolute;inset:0;z-index:8;pointer-events:none}.scene>*{pointer-events:auto}.scene-leave{position:absolute;top:18px;left:18px;background:var(--paper-2);border:2px solid var(--ink);border-radius:10px;padding:9px 14px;font-weight:700;font-size:13px;box-shadow:var(--pop)}.scene-flag{position:absolute;top:18px;left:50%;transform:translate(-50%);background:#f5ecd4;border:1.5px dashed #b48a4a;border-radius:8px;padding:6px 12px;font-size:12px}.textbox-wrap{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:min(880px,calc(100% - 32px));animation:rise .35s ease-out both}.textbox-portrait{position:absolute;left:18px;bottom:calc(100% - 38px);width:150px;height:150px;filter:drop-shadow(4px 4px 0 var(--ink));z-index:1;animation:pop .35s ease-out both}.textbox{position:relative;background:var(--paper-2);border:3px solid var(--ink);border-radius:16px;box-shadow:var(--pop-big);padding:26px 28px 20px 190px;min-height:140px;display:grid;gap:14px}.nameplate{position:absolute;top:-17px;left:180px;background:var(--forest);color:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:4px 14px;font:700 14px var(--sans);letter-spacing:.04em}.textbox-line{font:500 19px/1.5 var(--serif);min-height:2.9em}.textbox-next{justify-self:end;display:inline-flex;gap:10px;align-items:center}.textbox-next span{animation:bob 1s ease-in-out infinite;font-size:11px}.textbox-actions{display:flex;justify-content:flex-end;gap:10px}.replies{position:absolute;right:max(16px,calc(50% - 440px));bottom:196px;display:grid;gap:8px;width:min(440px,calc(100% - 32px));animation:rise .35s .1s ease-out both}.replies button{text-align:left;background:var(--paper-2);border:2px solid var(--ink);border-radius:12px;padding:12px 16px 12px 36px;font-size:15px;font-weight:500;line-height:1.35;box-shadow:var(--pop);position:relative}.replies button:before{content:"▸";position:absolute;left:14px;top:12px;color:var(--gold)}.replies button:hover{background:#fff3d6}.replies button.tried{background:#f3e3dc;border-color:#9b4f3b}.casefile{position:absolute;right:18px;top:18px;bottom:18px;width:min(410px,calc(100% - 36px));overflow-y:auto;background:var(--paper-2);border:3px solid var(--ink);border-radius:16px;box-shadow:var(--pop-big);padding:22px;display:flex;flex-direction:column;gap:14px;animation:slide .4s ease-out both}.casefile h2{font:700 26px/1.15 var(--serif)}.casefile>p{font-size:15px;line-height:1.55;color:var(--ink-2)}.clue-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.clue-list button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:12px;box-shadow:var(--pop)}.clue-list button b{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--gold-2)}.clue-list button.seen{background:#e9f2e6}.clue-list button.seen b{background:var(--green);color:#fff}.clue-list span{font-weight:700;font-size:15px}.clue-list small{display:block;font-weight:500;font-size:12px;color:var(--ink-3)}.case-note{background:#f3ead3;border-left:4px solid var(--gold);border-radius:6px;padding:12px 14px;font-size:14.5px;line-height:1.5;animation:rise .3s ease-out both}.case-note b{display:block;font-size:10px;letter-spacing:.14em;color:#8a6a35;margin-bottom:4px}.case-hint{font-size:13px;color:var(--ink-3)}.casefile-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--ink-3)}.hotspot{background:var(--paper-2);border:2px solid var(--ink);border-radius:999px;padding:6px 12px;font:700 12px var(--sans);white-space:nowrap;box-shadow:var(--pop);animation:pop .3s ease-out both}.hotspot.seen{background:#dcebd8}.library{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));display:grid;gap:14px;justify-items:center;text-align:center;background:var(--paper-2);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--pop-big);padding:24px;animation:pop .35s ease-out both}.library>p{font-size:15px;color:var(--ink-2);line-height:1.5}.study-card{position:relative;width:100%;height:210px;border:0;background:none;perspective:900px;padding:0}.study-face{position:absolute;inset:0;display:grid;place-content:center;gap:12px;padding:24px;border:2px solid var(--ink);border-radius:14px;box-shadow:var(--pop);font:500 21px/1.4 var(--serif);backface-visibility:hidden;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}.study-face small{font:700 10px var(--sans);letter-spacing:.16em;color:#8a6a35}.study-face em{font:500 11px var(--sans);color:var(--ink-3);font-style:normal}.study-front{background:#fff7e3}.study-back{background:#e5f0e1;transform:rotateY(180deg)}.study-card.flipped .study-front{transform:rotateY(-180deg)}.study-card.flipped .study-back{transform:rotateY(0)}.library-foot{width:100%;display:flex;justify-content:space-between;align-items:center}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink)}.dots i.done{background:var(--green)}.dots i.now{background:var(--gold)}.battle:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1d3b3622,#1d3b3666);pointer-events:none}.battle-foe,.battle-you{position:absolute;display:flex;align-items:center;gap:16px}.battle-foe{top:70px;right:max(18px,calc(50% - 460px))}.battle-you{bottom:236px;left:max(18px,calc(50% - 460px))}.battle-portrait{width:150px;height:150px;filter:drop-shadow(4px 4px 0 var(--ink))}.battle-foe .battle-portrait{animation:pop .4s ease-out both}.battle-card{background:var(--paper-2);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--pop-big);padding:12px 16px;min-width:250px;display:grid;gap:4px}.battle-card b{font:700 17px var(--serif)}.battle-card small{font-size:10px;letter-spacing:.1em;color:var(--ink-3)}.hp{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;font-size:11px;font-weight:700;margin-top:4px}.hp-track{height:12px;border:2px solid var(--ink);border-radius:99px;background:#e8dfcb;overflow:hidden}.hp-track i{display:block;height:100%;transition:width .7s cubic-bezier(.3,1.2,.5,1)}.hp-foe .hp-track i{background:linear-gradient(90deg,var(--rose),#e88f62)}.hp-you .hp-track i{background:linear-gradient(90deg,var(--green),#8cc49b)}.hit{animation:shake .45s}.battle-foe.hit .battle-portrait{animation:flash .45s}.battle-console{position:absolute;left:50%;bottom:20px;transform:translate(-50%);width:min(920px,calc(100% - 32px));display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.battle-console .textbox-wrap{position:static;transform:none;width:auto}.battle-console .textbox{padding:22px 22px 18px;height:100%}.battle-console .textbox-line{font-size:17px}.moves{display:grid;grid-template-columns:1fr 1fr;gap:8px}.moves button{display:flex;gap:10px;align-items:center;text-align:left;background:var(--paper-2);border:2px solid var(--ink);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.3;box-shadow:var(--pop)}.moves button span{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:var(--forest);color:var(--paper);font-size:12px}.moves button:hover{background:#fff3d6}.moves-next{grid-template-columns:1fr;place-items:center}.restored{position:absolute;right:max(18px,calc(50% - 470px));top:50%;transform:translateY(-50%);width:min(420px,calc(100% - 36px));max-height:calc(100% - 36px);overflow-y:auto;background:var(--paper-2);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--pop-big);padding:26px;display:grid;gap:12px;justify-items:start;animation:slide .5s .3s ease-out both}.restored h2{font:700 30px/1.1 var(--serif)}.restored>p{font-size:15px;line-height:1.55;color:var(--ink-2)}.badge-big{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fbe7a8,var(--gold) 60%,#a97a2c);border:3px solid var(--ink);box-shadow:var(--pop);font:700 34px var(--serif);animation:badge .9s .5s cubic-bezier(.3,1.5,.5,1) both}.restored .rival-plan{width:100%}.restored-score{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--green)}.restored-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.shade{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#1d3b3655;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:auto;animation:fade .2s both}.sheet{position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:7px 7px 0 var(--ink);animation:pop .3s ease-out both}.sheet h2{font:700 30px/1.1 var(--serif)}.sheet-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;background:var(--paper-2);font-size:20px;line-height:1;z-index:2}.card-sheet{width:min(520px,100%);padding:30px;display:grid;gap:14px;justify-items:start}.card-sheet>p{font-size:15px;line-height:1.6;color:var(--ink-2)}.map-theme{font-weight:700;color:#8a6a35!important}.offer{display:flex;gap:12px;align-items:baseline}.offer b{font:700 46px var(--serif)}.offer span{font-size:13px;color:var(--ink-3)}.demo-note{background:#f5ecd4;border-left:3px solid #c29862;padding:10px 12px;font-size:13px!important}.map-sheet{display:grid;grid-template-columns:minmax(0,560px) 300px;width:min(900px,100%);overflow:hidden}.map-art{width:100%;height:auto;display:block;background:#e9dfc8}.map-district{cursor:pointer;outline:none}.map-district rect{transition:transform .15s}.map-district:hover rect,.map-district:focus-visible rect{stroke:var(--ink);stroke-width:.2}.map-district.on circle{stroke-width:.22}.map-label{font-family:var(--sans);font-weight:700}.map-pulse{animation:mpulse 1.6s ease-out infinite;transform-origin:center;transform-box:fill-box}.map-card{padding:30px 24px 24px;display:flex;flex-direction:column;gap:12px;border-left:3px solid var(--ink);background:var(--paper-2)}.map-card>p{font-size:14.5px;line-height:1.55;color:var(--ink-2)}.map-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.map-key{margin-top:auto!important;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:11px!important}.map-key i{width:11px;height:11px;border-radius:50%;display:inline-block;margin-right:-6px;border:2px solid}.k-free{border-color:var(--gold)}.k-done{border-color:var(--green)}.k-locked{border-color:#a3a89a}.k-you{background:var(--ink);border-color:var(--ink)}.book{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:linear-gradient(90deg,var(--paper) 49.6%,#c9b994 49.6%,#c9b994 50.4%,var(--paper) 50.4%)}.book-page{padding:28px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 60px);overflow-y:auto}.book h3{font:700 18px var(--serif);display:flex;justify-content:space-between;align-items:baseline;border-bottom:1.5px dashed var(--line);padding-bottom:6px}.book h3 small{font:700 12px var(--sans);color:var(--ink-3)}.book-page:last-of-type h3{margin-right:44px}.book-you{display:flex;gap:14px;align-items:center}.book-you h2{font-size:24px}.book-you p{font-size:13px;color:var(--ink-3)}.book-portrait{width:76px;height:76px;filter:drop-shadow(3px 3px 0 var(--ink))}.badges{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.badges li{display:grid;justify-items:center;gap:4px;font-size:10px;color:var(--ink-3);text-align:center}.badges span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:2px dashed #b9ad94;font:700 14px var(--sans);color:#b9ad94}.badges li.got span{border:2px solid var(--ink);color:var(--ink);font:700 20px var(--serif);box-shadow:var(--pop)}.badges li.got{color:var(--ink);font-weight:700}.record{margin:0;display:grid;gap:6px}.record div{display:flex;justify-content:space-between;font-size:14px;border-bottom:1px solid #e6dcc6;padding-bottom:6px}.record dt{color:var(--ink-2)}.record dd{margin:0;font-weight:700}.book-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.book-hint{font-size:13px;color:var(--ink-3)}.notes{list-style:none;padding:0;margin:0;display:grid;gap:10px}.notes li{border-radius:10px;padding:12px 14px}.notes li.found{background:#fffaf0;border:2px solid var(--ink);box-shadow:var(--pop);transform:rotate(-.4deg)}.notes li.found:nth-child(2n){transform:rotate(.5deg)}.notes li.found b{font:700 15px var(--serif)}.notes li.found p{font-size:14px;line-height:1.5;margin:4px 0;color:var(--ink-2)}.notes li.found small{font-size:11px;font-weight:700;color:#8a6a35}.notes li.missing{border:2px dashed #cdbf9f;color:var(--ink-3);display:flex;justify-content:space-between;font-size:13px}.drive-pad{display:none}@media(hover:none)and (pointer:coarse){.drive-pad{display:grid;position:absolute;right:16px;bottom:16px;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,56px);gap:6px;touch-action:none;user-select:none;-webkit-user-select:none;z-index:5}.drive-pad button{border:2px solid var(--ink);border-radius:12px;background:#fffaf0e6;color:var(--ink);font-size:18px;box-shadow:var(--pop);touch-action:none}.drive-pad button:active{background:var(--gold-2);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.pad-forward{grid-column:2;grid-row:1}.pad-left{grid-column:1;grid-row:2}.pad-back{grid-column:2;grid-row:2}.pad-right{grid-column:3;grid-row:2}.door-prompt{bottom:150px}.door-prompt kbd,.drive-hint{display:none}}@media(max-width:760px){.chapter-card{top:12px;left:12px;width:auto;right:234px}.chapter-head{padding:10px 12px}.chapter-head b{font-size:15px}.dock{top:12px;right:12px;gap:6px}.dock button{min-width:0;width:48px;height:48px;padding:0;font-size:0;place-content:center}.dock .dock-icon{font-size:22px}.dock em,.dock kbd{display:none}.chapter-card.open{right:12px;top:70px}.textbox-wrap{bottom:12px;width:calc(100% - 24px)}.textbox-portrait{width:86px;height:86px;left:10px;bottom:calc(100% - 20px)}.textbox{padding:26px 16px 14px;min-height:0}.nameplate{left:104px}.textbox-line{font-size:17px}.replies{inset:70px 12px auto;width:auto}.casefile{inset:auto 12px 12px;width:auto;max-height:50vh;padding:18px}.toast{top:72px;width:calc(100% - 24px)}.casefile h2{font-size:21px}.scene-leave{top:12px;left:12px}.battle-foe{top:60px;right:12px}.battle-you{bottom:auto;top:200px;left:12px}.battle-portrait{width:86px;height:86px}.battle-card{min-width:0;padding:8px 12px}.battle-card b{font-size:14px}.battle-console{grid-template-columns:1fr;bottom:12px;width:calc(100% - 24px)}.battle-console .textbox-line{font-size:15px;min-height:0}.moves button{font-size:13px;padding:8px 10px}.restored{inset:auto 12px 12px;width:auto;transform:none;max-height:70vh;padding:20px}.map-sheet{grid-template-columns:1fr}.map-card{border-left:0;border-top:3px solid var(--ink);padding:18px}.book{grid-template-columns:1fr;background:var(--paper)}.book-page{max-height:none;padding:22px 18px}.shade{place-items:start center}.door-prompt{font-size:14px}.door-prompt b{font-size:17px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translate(var(--tx, -50%),14px)}}.title-inner,.case-note,.battle-console .textbox-wrap{--tx: 0}@keyframes drop{0%{opacity:0;transform:translateY(-12px)}}@keyframes pop{0%{opacity:0;scale:.9}}@keyframes slide{0%{opacity:0;translate:30px 0}}@keyframes fade{0%{opacity:0}}@keyframes bob{50%{transform:translateY(3px)}}@keyframes pulse{50%{box-shadow:0 0 0 4px #f2d38a88}}@keyframes shake{20%{translate:-8px 0}40%{translate:7px 0}60%{translate:-5px 0}80%{translate:3px 0}}@keyframes flash{30%{filter:drop-shadow(4px 4px 0 var(--ink)) brightness(2.2)}}@keyframes badge{0%{opacity:0;transform:scale(.2) rotate(-200deg)}}@keyframes mpulse{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.btn-primary.small,.btn-ghost.small{padding:7px 12px;font-size:13px}.linkish{background:none;border:0;padding:0;color:#8a5a2c;font-weight:700;text-decoration:underline;text-underline-offset:3px;font-size:inherit;text-align:left}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hint{font-size:13px;color:var(--ink-3)}.warn{color:#9b3b2b;font-size:13px;font-weight:700}.meter{height:10px;border:2px solid var(--ink);border-radius:99px;background:#e8dfcb;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#8cc49b);transition:width .6s cubic-bezier(.3,1.2,.5,1)}.mastery-row,.readiness{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:12px;font-weight:700;color:var(--ink-2)}.scene-flag.story{background:var(--paper-2);border:2px solid var(--ink);border-radius:999px;padding:6px 14px;font-weight:700;font-size:12px;box-shadow:var(--pop);max-width:calc(100% - 32px);width:max-content;text-align:center;line-height:1.35}.elevator{position:absolute;right:18px;top:18px;bottom:18px;width:min(460px,calc(100% - 36px));display:flex;flex-direction:column;gap:14px;overflow-y:auto;background:var(--paper-2);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--pop-big);padding:20px;animation:slide .4s ease-out both}.elevator-head{display:flex;gap:14px;align-items:center}.elevator-head h2{font:700 28px/1.1 var(--serif)}.elevator-head p{font-size:13px;color:var(--ink-3);margin-top:2px}.elevator-face{width:64px;height:64px;flex:none;filter:drop-shadow(3px 3px 0 var(--ink))}.floors{list-style:none;padding:0;margin:0;display:grid;gap:8px}.floor button{width:100%;display:grid;grid-template-columns:40px 1fr 24px;gap:12px;align-items:center;text-align:left;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:12px;box-shadow:var(--pop)}.floor button:hover{background:#fff7e6}.floor.cleared button{background:#eaf3e6}.floor.paid button,.floor.needs-previous button{background:#f1ece1;color:var(--ink-2);box-shadow:none}.floor.next button{outline:3px solid var(--gold);outline-offset:2px}.floor-n{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--forest);color:var(--paper);font:700 18px var(--serif)}.floor.cleared .floor-n{background:var(--green)}.floor.paid .floor-n,.floor.needs-previous .floor-n{background:#b7ae9c}.floor-body b{display:block;font-size:15px}.floor-body small{display:block;font-size:12px;color:var(--ink-3);line-height:1.4;margin-top:2px}.floor-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.04em;border:1.5px solid #cdbf9f;border-radius:999px;padding:2px 8px;color:var(--ink-2);background:var(--paper)}.chip.cleared{border-color:var(--green);color:#2f6b47}.chip.paid{border-color:#b48a4a;color:#8a5a2c}.floor-go{font-size:18px;text-align:center}.elevator-foot{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.floor-panel{position:absolute;right:18px;top:18px;bottom:18px;width:min(620px,calc(100% - 36px));display:flex;flex-direction:column;gap:14px;overflow-y:auto;background:var(--paper-2);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--pop-big);padding:22px;animation:slide .4s ease-out both}.floor-panel.onboarding{right:50%;transform:translate(50%);top:50%;bottom:auto;translate:0 -50%;width:min(560px,calc(100% - 36px))}.floor-head{display:grid;gap:2px}.floor-head b{font:700 24px/1.15 var(--serif)}.floor-sub{font-size:14px;color:var(--ink-2);line-height:1.5}.floor-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-3)}.fcard{border:2px solid var(--ink);border-radius:14px;background:#fff;padding:18px;display:grid;gap:10px;box-shadow:var(--pop)}.fcard header{display:flex;justify-content:space-between;align-items:center}.fcard h3{font:700 22px/1.2 var(--serif)}.ftype{font-size:11px;font-weight:700;letter-spacing:.06em;border-radius:6px;padding:3px 8px}.ftype.P{background:#f3d9cf;color:#8a3a26}.ftype.O{background:#dcebd8;color:#2f6b47}.ftype.civic{background:#e6e0f2;color:#4b3d7a}.fcode{font:700 13px var(--sans);color:var(--ink-3)}.fintent{background:#fff7e3;border-left:4px solid var(--gold);padding:10px 12px;border-radius:6px;font-size:15px;line-height:1.5}.fintent b,.fcore b{display:block;font-size:10px;letter-spacing:.14em;color:#8a6a35;margin-bottom:2px}.fshort{font-size:14px;color:var(--ink-2)}.fparts{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14px;line-height:1.45}.fparts ul{margin:4px 0 0;padding-left:16px;color:var(--ink-2)}.fparts.plain{padding-left:18px}.fcore{font-size:13px;color:var(--ink-2);background:#eef2ea;padding:8px 10px;border-radius:6px}.case-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px}.case-steps li{border:2px solid #d9ccb0;border-radius:12px;padding:12px 14px;display:grid;gap:6px;font-size:14px;line-height:1.45;color:var(--ink-3)}.case-steps li.now{border-color:var(--ink);color:var(--ink);background:#fff;box-shadow:var(--pop)}.case-steps li.done{border-color:var(--green);background:#eef6ea;color:var(--ink-2)}.case-steps button{justify-self:start}.qcard{display:grid;gap:12px}.qcard-top{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase}.qprompt{font:600 19px/1.35 var(--serif)}.qcontext{margin:0;padding:12px 14px;background:#f3ead3;border-left:4px solid var(--gold);border-radius:6px;font-size:17px;line-height:1.5;color:var(--ink)}.qoptions{display:grid;gap:8px}.qoptions.grid,.qoptions.pair{grid-template-columns:1fr 1fr}.qopt{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:12px;font-size:14.5px;font-weight:600;line-height:1.35;box-shadow:var(--pop);transition:transform .08s}.qopt:not(:disabled):hover{background:#fff3d6;transform:translate(-1px,-1px)}.qopt kbd{flex:none;color:var(--ink-3)}.qopt.right{background:#dcefd6;border-color:#3f7a55}.qopt.wrong{background:#f6d8cf;border-color:#9b3b2b;animation:shake .4s}.qopt.dim{opacity:.55}.qopt:disabled{cursor:default}.qfeedback{border-radius:12px;padding:14px;display:grid;gap:6px;animation:rise .25s ease-out both;--tx: 0}.qfeedback.good{background:#e6f2e1;border:2px solid #3f7a55}.qfeedback.bad{background:#fbe9e3;border:2px solid #9b3b2b}.qfeedback p{font-size:14px;line-height:1.5}.qfeedback small{font-size:11px;color:var(--ink-3)}.qfeedback .btn-primary{justify-self:end}.set-done{display:grid;gap:10px;text-align:left}.set-done h3{font:700 22px var(--serif)}.battle-taunt{position:absolute;top:230px;right:max(18px,calc(50% - 460px));max-width:380px;background:var(--paper-2);border:2px solid var(--ink);border-radius:14px;padding:10px 14px;font:italic 500 15px/1.4 var(--serif);box-shadow:var(--pop);animation:pop .3s ease-out both}.battle-q{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(820px,calc(100% - 32px));background:var(--paper-2);border:3px solid var(--ink);border-radius:16px;box-shadow:var(--pop-big);padding:16px 18px;max-height:52vh;overflow-y:auto}.battle .battle-you{bottom:auto;top:250px}.result-score{display:flex;align-items:baseline;gap:14px}.result-score b{font:700 54px var(--serif)}.result-score span{color:var(--ink-3);font-size:14px}.result.pass .result-score b{color:#2f6b47}.result.fail .result-score b{color:#9b3b2b}.result h2{font:700 28px var(--serif)}.boss-response{font:italic 16px var(--serif);color:var(--ink-2)}.badge-line{display:flex;gap:10px;align-items:center;font-weight:700}.badge-mini{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fbe7a8,var(--gold) 60%,#a97a2c);border:2px solid var(--ink);font:700 16px var(--serif)}.missed summary{cursor:pointer;font-weight:700}.missed ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.missed li{border:1.5px solid #e2cdbf;border-radius:10px;padding:10px 12px;display:grid;gap:4px;font-size:13.5px;background:#fff}.missed li span{color:#2f6b47;font-weight:700}.missed li small{color:var(--ink-3)}.exam-facts{display:flex;gap:10px;padding:0;list-style:none;flex-wrap:wrap}.exam-facts li{border:2px solid var(--ink);border-radius:12px;padding:10px 14px;background:#fff;font-size:13px}.exam-facts b{display:block;font:700 22px var(--serif)}.check{display:flex;gap:8px;align-items:center;font-size:14px}.domain-bars{list-style:none;padding:0;margin:0;display:grid;gap:6px}.domain-bars li{display:grid;grid-template-columns:170px 1fr 44px;gap:10px;align-items:center;font-size:13px}.domain-bars small{color:var(--ink-3)}.onb-head{display:flex;gap:14px;align-items:center}.onb-head h2{font:700 30px var(--serif)}.onb-head p{font-size:14px;color:var(--ink-2);line-height:1.5}.onb-face{width:84px;height:84px;flex:none;filter:drop-shadow(3px 3px 0 var(--ink))}.field{display:grid;gap:6px;font-size:13px;font-weight:700;border:0;padding:0;margin:0}.field input{font:500 16px var(--sans);padding:10px 12px;border:2px solid var(--ink);border-radius:10px;background:#fff}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{border:2px solid var(--ink);border-radius:10px;padding:9px 14px;background:#fff;font-weight:700}.seg button.on{background:var(--gold);box-shadow:var(--pop)}.chapter-card.today .goals li{align-items:flex-start}.chapter-card.today .linkish{color:inherit;text-decoration-color:#cdbf9f}.plan-note{font-size:12.5px;line-height:1.45;color:var(--ink-2);margin:4px 0 10px}.plan-note.behind{color:#9b3b2b;font-weight:700}.readiness-sub{font-size:11px;color:var(--ink-3);margin-top:4px}.book2{width:min(1000px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden}.book-top{display:flex;gap:14px;align-items:center;padding:22px 26px 12px}.book-top h2{font-size:24px}.book-top p{font-size:13px;color:var(--ink-3)}.book-tabs{display:flex;gap:6px;padding:0 22px;border-bottom:2px solid var(--ink);flex-wrap:wrap}.book-tabs button{border:2px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0;background:#efe4cf;padding:8px 14px;font-weight:700;font-size:13px;margin-bottom:-2px}.book-tabs button.on{background:var(--paper)}.book-body{padding:20px 26px 26px;overflow-y:auto}.book-body h3{font:700 19px var(--serif);margin:4px 0 10px;display:flex;justify-content:space-between;align-items:baseline}.book-body h3 small{font:700 12px var(--sans);color:var(--ink-3)}.book-body p{font-size:14px;line-height:1.55;color:var(--ink-2);margin-bottom:10px}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.big-line{font:600 18px var(--serif)!important;color:var(--ink)!important}.week{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:4px}.week li{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:13px;border-bottom:1px solid #e6dcc6;padding:4px 0}.floor-grid{border-collapse:collapse;margin-top:18px;width:100%;font-size:13px}.floor-grid th,.floor-grid td{border:1.5px solid #d9ccb0;padding:6px 8px;text-align:center}.floor-grid th:first-child{text-align:left}.floor-grid td.clear{background:#dcebd8;font-weight:700;color:#2f6b47}.floor-grid td.tried{background:#fbeee0}.cast-grid{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.cast-grid button{width:100%;display:grid;justify-items:center;gap:4px;text-align:center;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:12px 8px;box-shadow:var(--pop)}.cast-grid button:hover{background:#fff7e6}.cast-face{width:76px;height:76px}.cast-grid b{font-size:14px}.cast-grid small{font-size:11px;color:var(--ink-3);line-height:1.3}.cast-grid.small .cast-face{width:60px;height:60px}.person-page{display:grid;gap:12px;max-width:640px}.person-head{display:flex;gap:16px;align-items:center}.person-face{width:110px;height:110px;filter:drop-shadow(4px 4px 0 var(--ink))}.person-head h3{font-size:28px;margin:0}.role{font-weight:700}.where{font-size:13px;color:var(--ink-3)}.person-page h4{font:700 16px var(--serif);margin:6px 0 0;display:flex;justify-content:space-between}.arc-core{font-style:italic}.arc-list{padding-left:18px;display:grid;gap:6px;font-size:14px}.arc-list small{display:block;color:var(--ink-3);font-size:12px}.arc-list li:not(.seen) b{color:var(--ink-3)}.arc-choices{display:flex;gap:8px;flex-wrap:wrap}.arc-note{font-size:13px;color:var(--ink-3);font-style:italic}.code-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}.code-form .field{flex:1;min-width:200px}.textbox.narration{padding-left:28px;background:#f3ead3}.textbox.narration .textbox-line{font-style:italic}.textbox-foot{display:flex;justify-content:space-between;align-items:center}.textbox-count{font-size:11px;color:var(--ink-3);font-weight:700}.map-quarter{font-family:var(--sans);font-weight:700}.mini-floors{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:13px}.mini-floors li{display:flex;gap:8px;align-items:center;color:var(--ink-3)}.mini-floors li span{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:#d9d1bf;color:#fff;font-size:11px;font-weight:700}.mini-floors li.free{color:var(--ink)}.mini-floors li.free span{background:var(--forest)}.mini-floors li.clear{color:#2f6b47;font-weight:700}.mini-floors li.clear span{background:var(--green)}.map-lead{display:flex;gap:10px;align-items:center;font-size:13px}.map-lead small{display:block;color:var(--ink-3)}.map-lead-face{width:48px;height:48px}@media(max-width:760px){.elevator,.floor-panel{inset:auto 12px 12px;width:auto;max-height:78vh;padding:16px}.floor-panel.onboarding{right:12px;transform:none;translate:none;top:auto}.qoptions.grid,.qoptions.pair{grid-template-columns:1fr}.qprompt{font-size:17px}.battle-taunt{top:150px;right:12px;left:12px;max-width:none;font-size:13px}.battle .battle-you{display:none}.battle-q{bottom:12px;width:calc(100% - 24px);max-height:60vh}.book-grid{grid-template-columns:1fr}.domain-bars li{grid-template-columns:110px 1fr 40px}.book-top{padding:18px 16px 10px}.book-body{padding:16px}.book-tabs{padding:0 10px}}.reveal{background:#fff7e3;border-left:4px solid var(--gold);padding:10px 12px;border-radius:6px}.reveal b{display:block;font-size:10px;letter-spacing:.14em;color:#8a6a35;margin-bottom:2px;text-transform:uppercase}.interior{position:absolute;inset:0;z-index:9;overflow:hidden;background:#efe6d3;animation:fade .35s both}.interior-room{position:absolute;inset:0}.room-art{width:100%;height:100%;display:block}.interior-banner{position:absolute;top:16px;left:16px;display:grid;gap:2px;background:linear-gradient(90deg,#f2d38a,#e2b23e);border:3px solid var(--ink);border-radius:14px 40px 40px 14px;padding:10px 40px 10px 16px;box-shadow:var(--pop-big);animation:drop .4s both}.interior-banner b{font:700 26px/1 var(--serif)}.interior-banner small{font-size:12px;font-weight:700;color:var(--ink-2)}.interior-mastery{position:absolute;top:18px;right:18px;width:240px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:var(--paper-2);border:2px solid var(--ink);border-radius:12px;padding:8px 12px;font-size:12px;font-weight:700;box-shadow:var(--pop)}.interior-person{position:absolute;right:2%;bottom:0;height:74%;display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:slide .5s .1s both}.interior-figure{height:100%;width:auto;filter:drop-shadow(5px 5px 0 #1d3b3655)}.interior-name{position:absolute;bottom:10px;background:var(--forest);color:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:3px 12px;font-weight:700;font-size:13px}.speech{position:absolute;top:-8%;right:70%;width:min(300px,40vw);background:#fff;border:2px solid var(--ink);border-radius:16px;padding:12px 14px;font:500 15px/1.4 var(--serif);box-shadow:var(--pop)}.speech:after{content:"";position:absolute;right:-12px;bottom:18px;border:10px solid transparent;border-left-color:var(--ink)}.interior-panel{position:absolute;left:50%;bottom:18px;transform:translate(-56%);width:min(760px,calc(100% - 340px));max-height:56%;overflow-y:auto;background:linear-gradient(180deg,#2f4f6f,#253f5a);border:4px solid var(--ink);border-radius:22px;padding:16px;box-shadow:0 8px 0 var(--ink);animation:rise .45s both;--tx: -56%}.interior-panel .panel-head{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:10px;font:700 18px var(--serif)}.interior-panel .panel-head .linkish{color:#f2d38a}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action{display:grid;justify-items:center;gap:4px;padding:14px 10px;border:3px solid var(--ink);border-radius:16px;background:linear-gradient(180deg,#7fd1e4,#3fa9c8);color:#10303a;font:800 16px var(--sans);box-shadow:0 5px 0 var(--ink);transition:transform .08s,box-shadow .08s;text-shadow:0 1px 0 #ffffff99}.action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.action:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.action small{font:600 11px var(--sans);color:#1d4a58}.action .a-icon{font-size:26px;line-height:1}.action.big{background:linear-gradient(180deg,#ffe08a,#e2b23e)}.action.leave{background:linear-gradient(180deg,#f3d9cf,#e8907a)}.action:disabled{filter:grayscale(.7);opacity:.6}.interior-panel .floors .floor button{box-shadow:0 3px 0 var(--ink)}.scene.challenge{background:radial-gradient(ellipse at 50% 40%,#fbf3df,#efe2c6 70%,#d9c7a2)}.ch-head{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(860px,calc(100% - 24px));display:flex;gap:12px;align-items:center;background:var(--paper-2);border:3px solid var(--ink);border-radius:16px;padding:8px 12px;box-shadow:var(--pop-big);z-index:2}.ch-head.hit{animation:hitflash .38s}.ch-head.miss{animation:shake .38s}.ch-boss{width:56px;height:56px;flex:none}.ch-hp{flex:1;display:grid;gap:3px}.ch-hp b{font:700 17px var(--serif)}.ch-hp small{font-size:11px;color:var(--ink-3);font-weight:700;letter-spacing:.04em}.ch-hp .hp-track i{background:linear-gradient(90deg,var(--rose),#e88f62)}.ch-streak{display:grid;justify-items:center;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);min-width:70px}.ch-streak b{font:800 26px var(--serif);color:var(--ink);line-height:1}.ch-streak.hot b{color:#d9412e;animation:pulse2 .6s infinite alternate}.ch-card{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));display:grid;justify-items:center;gap:10px;text-align:center;background:var(--paper-2);border:3px solid var(--ink);border-radius:22px;padding:30px 26px;box-shadow:7px 7px 0 var(--ink);animation:zoomin .35s cubic-bezier(.3,1.4,.5,1) both}.ch-card h2{font:800 40px/1 var(--serif)}.ch-card p{font-size:15px;line-height:1.5;color:var(--ink-2)}.ch-icon{width:84px;height:84px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(160deg,#7fd1e4,#3fa9c8);border:3px solid var(--ink);box-shadow:var(--pop);font-size:38px;font-weight:800;color:#10303a}.ch-taunt{font:italic 500 16px var(--serif)!important;background:#f3e3dc;border-radius:12px;padding:8px 12px}.ch-score{font:800 72px/1 var(--serif)}.ch-stamp{position:absolute;top:-18px;right:-18px;transform:rotate(12deg);background:#d9412e;color:#fff;border:3px solid var(--ink);border-radius:12px;padding:6px 14px;font:800 22px var(--serif);box-shadow:var(--pop);animation:stamp .5s cubic-bezier(.3,1.6,.5,1) both}.confetti{position:absolute;inset:0;pointer-events:none;overflow:visible}.confetti i{position:absolute;left:50%;top:20%;width:10px;height:14px;background:hsl(calc(var(--k) * 37),75%,58%);border:1.5px solid var(--ink);animation:confetti 1.4s ease-out forwards;--a: calc(var(--k) * 15deg)}.ch-play{position:absolute;left:50%;top:92px;max-height:calc(100% - 108px);transform:translate(-50%);width:min(760px,calc(100% - 24px));overflow-y:auto;background:var(--paper-2);border:3px solid var(--ink);border-radius:20px;padding:16px 18px;box-shadow:var(--pop-big)}.ch-play.wide{width:min(1100px,calc(100% - 24px))}.ch-play-head{font:800 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.g-count{text-align:center;font-size:12px;font-weight:700;color:var(--ink-3);margin-top:10px}.g-sentence{font:600 18px/1.45 var(--serif);margin-bottom:12px}.g-blank{display:inline-block;min-width:60px;text-align:center;background:#f2d38a;border:2px solid var(--ink);border-radius:8px;padding:0 8px;margin:0 3px}.g-verdict{margin-top:12px;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5;display:grid;gap:8px;animation:rise .25s both;--tx: 0}.g-verdict.good{background:#e6f2e1;border:2px solid #3f7a55}.g-verdict.bad{background:#fbe9e3;border:2px solid #9b3b2b}.g-verdict .btn-primary{justify-self:end}.g-stack{position:relative;height:150px;margin:10px 0 18px}.g-card{position:absolute;left:50%;top:0;width:min(440px,92%);min-height:110px;transform:translate(-50%,calc(var(--d) * 8px)) scale(calc(1 - var(--d) * .04));display:grid;place-items:center;text-align:center;padding:18px;background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:var(--pop);font:700 20px/1.3 var(--serif);transition:transform .3s}.g-card.top{z-index:3}.g-card.fly{animation:flyaway .38s ease-in forwards}.g-card.nope{animation:shake .45s;background:#fbe9e3}.g-correct{text-align:center;font-size:14px;color:#9b3b2b}.g-bins{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:12px}.g-bin{padding:22px 10px;border:3px solid var(--ink);border-radius:16px;background:linear-gradient(180deg,#fff7e3,#f2d38a);font:800 17px var(--sans);box-shadow:0 5px 0 var(--ink);display:grid;gap:4px;justify-items:center}.g-bin:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.g-bin.ok{background:#bfe3c9}.g-bin.bad{background:#f6c7bb}.g-match{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.g-match .g-count{grid-column:1 / -1}.g-col{display:grid;gap:10px;align-content:start}.g-tile{text-align:left;background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.35;box-shadow:var(--pop);transition:transform .12s,background .2s}.g-tile.intent{font:500 14.5px/1.4 var(--serif)}.g-tile.sel{background:#fff3c4;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.g-tile.done{background:#dcefd6;border-color:#3f7a55;box-shadow:none;opacity:.75}.g-tile.nope{animation:shake .45s;background:#fbe9e3}.g-tile.dim{opacity:.45}.g-tile:disabled:not(.done){cursor:default}.g-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.g-flip{position:relative;aspect-ratio:4 / 3;border:0;background:none;perspective:700px;padding:0}.g-flip span{position:absolute;inset:0;display:grid;place-items:center;padding:8px;border:3px solid var(--ink);border-radius:14px;backface-visibility:hidden;transition:transform .35s cubic-bezier(.3,1.3,.5,1);font-weight:700;font-size:13px;line-height:1.25;text-align:center;box-shadow:var(--pop)}.g-back{background:repeating-linear-gradient(45deg,#3fa9c8 0 10px,#5fbbd6 10px 20px);color:#fff;font:800 28px var(--serif)!important}.g-front{background:#fff;transform:rotateY(180deg)}.g-flip.code .g-front{font:800 22px var(--serif);background:#fff7e3}.g-flip.up .g-back{transform:rotateY(-180deg)}.g-flip.up .g-front{transform:rotateY(0)}.g-flip.found .g-front{background:#dcefd6}.g-gauge{width:min(320px,80%);display:block;margin:0 auto}.g-dial-row{display:flex;justify-content:center;gap:8px;align-items:center;margin:8px 0}.g-nudge{min-width:44px;height:44px;border:2.5px solid var(--ink);border-radius:12px;background:#fff;font:800 18px var(--sans);box-shadow:var(--pop)}.g-num{width:120px;height:48px;text-align:center;font:800 22px var(--serif);border:3px solid var(--ink);border-radius:12px}.g-range{width:100%;accent-color:#d4a34d;margin:6px 0 12px}.g-dial>.btn-primary{display:block;margin:0 auto}.g-claim{position:relative;background:#fff;border:3px solid var(--ink);border-radius:20px;padding:26px 24px 22px;font:600 20px/1.4 var(--serif);box-shadow:6px 6px 0 var(--ink);animation:zoomin .3s cubic-bezier(.3,1.4,.5,1) both}.g-claim>span{position:absolute;top:-18px;left:14px;font:800 60px/1 var(--serif);color:#e2b23e}.g-claim.ok{background:#e6f2e1}.g-claim.bad{background:#fbe9e3;animation:shake .45s}.g-tf-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.g-true,.g-false{padding:20px;border:3px solid var(--ink);border-radius:18px;font:800 22px var(--sans);box-shadow:0 6px 0 var(--ink);display:flex;justify-content:center;gap:10px;align-items:center}.g-true{background:linear-gradient(180deg,#bfe3c9,#7fc493)}.g-false{background:linear-gradient(180deg,#f6c7bb,#e8907a)}.g-true:active,.g-false:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.g-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.g-list li{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:10px 12px;box-shadow:var(--pop);font-weight:600;font-size:14.5px;transition:transform .2s}.g-list li.ok{background:#dcefd6}.g-list li.bad{background:#fbe9e3}.g-pos{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff;font:800 15px var(--serif)}.g-arrows{display:flex;gap:6px}.g-arrows button{width:36px;height:36px;border:2px solid var(--ink);border-radius:10px;background:#fff7e3;font-size:13px}.g-order>.btn-primary{display:block;margin:0 auto}.g-spot{display:grid;gap:10px}.g-room{border:3px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:var(--pop);background:#efe6d3;aspect-ratio:1000 / 560}.g-room .room-art{height:100%}.g-prop{cursor:pointer;transition:transform .15s;transform-box:fill-box}.g-prop:hover>:first-child,.g-prop:focus-visible>:first-child{filter:drop-shadow(0 0 6px #f2c94c) drop-shadow(0 0 2px #f2c94c)}.g-prop:focus-visible{outline:none}.g-spot-bar{display:grid;gap:8px}.g-note{border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.45;animation:rise .25s both;--tx: 0}.g-note.bad{background:#fbe9e3;border:2px solid #9b3b2b}.g-note.good{background:#e6f2e1;border:2px solid #3f7a55}.g-spot-bar .btn-primary,.g-spot-bar .linkish{justify-self:end}@keyframes hitflash{40%{background:#fff3c4}}@keyframes pulse2{to{transform:scale(1.18)}}@keyframes zoomin{0%{opacity:0;scale:.85}}@keyframes stamp{0%{opacity:0;transform:rotate(12deg) scale(2.4)}}@keyframes confetti{0%{transform:translate(-50%) rotate(0);opacity:1}to{transform:translate(calc(-50% + cos(var(--a))*260px),calc(sin(var(--a))*200px + 160px)) rotate(540deg);opacity:0}}@keyframes flyaway{to{transform:translate(-50%,160px) scale(.6);opacity:0}}@media(max-width:760px){.interior-person{height:46%;right:8px;bottom:46%;max-width:40vw}.interior-figure{max-width:100%}.speech{right:82%;top:0;width:52vw;font-size:13px}.interior-panel{left:12px;right:12px;width:auto;transform:none;--tx: 0;bottom:12px;max-height:50%}.interior-mastery{display:none}.interior-banner b{font-size:20px}.action-grid{grid-template-columns:1fr 1fr}.action{padding:10px 6px;font-size:14px}.ch-card h2{font-size:32px}.ch-play{top:84px}.g-match{grid-template-columns:1fr}.g-grid{grid-template-columns:repeat(3,1fr)}.g-tiles{grid-template-columns:1fr}.g-claim{font-size:17px}}@media(max-width:760px){.g-room{aspect-ratio:auto;height:300px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.g-room .room-art{width:540px;height:300px}.g-room:after{content:"Swipe to look around →";position:sticky;left:0;display:block}.speech{top:14%}}.g-claim.swipe{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.g-claim.swipe:active{cursor:grabbing}.g-claim.fly-right{animation:flyright .26s ease-in forwards}.g-claim.fly-left{animation:flyleft .26s ease-in forwards}@keyframes flyright{to{transform:translate(120%) rotate(18deg);opacity:0}}@keyframes flyleft{to{transform:translate(-120%) rotate(-18deg);opacity:0}}.g-stamp{position:absolute;top:-16px;background:var(--paper-2);padding:2px 10px;border:3px solid;border-radius:8px;font:800 20px var(--sans);letter-spacing:.08em;pointer-events:none}.g-stamp.true{left:18px;color:#3f7a55;transform:rotate(-12deg)}.g-stamp.false{right:18px;color:#c2452e;transform:rotate(12deg)}.g-xw{display:grid;gap:12px}.g-xw-active{display:grid;gap:6px;justify-items:start;background:#fff3c4;border:2.5px solid var(--ink);border-radius:12px;padding:10px 14px;font:500 15px/1.4 var(--serif);box-shadow:var(--pop)}.g-xw-active p{margin:0}.g-xw-context{font:400 13px/1.4 var(--sans);color:var(--ink-2);margin:0}.g-xw-means{font:500 13.5px/1.45 var(--sans);background:#fffaf0;border:2px dashed #c9a77a;border-radius:10px;padding:7px 10px;margin:0}.g-cryptex .g-xw-context,.g-cryptex .g-xw-means{max-width:520px;text-align:center}.g-clue-means{display:block;margin-top:4px;font-size:12px;color:var(--ink-2)}.g-xw-active b{font-family:var(--sans);margin-right:6px}.g-xw-grid{display:grid;gap:3px;width:min(100%,calc(var(--cols) * 44px));margin:0 auto}.g-xw-void{aspect-ratio:1}.g-xw-cell{position:relative;aspect-ratio:1;background:#fff;border:2.5px solid var(--ink);border-radius:6px;display:block}.g-xw-cell small{position:absolute;top:1px;left:3px;font:700 9px var(--sans);color:var(--ink-3);pointer-events:none}.g-xw-cell input{width:100%;height:100%;border:0;background:transparent;text-align:center;font:800 clamp(13px,3.6vw,20px) var(--serif);color:var(--ink);text-transform:uppercase;padding:0;caret-color:transparent;outline:none}.g-xw-cell.word{background:#fff7e3}.g-xw-cell.cur{background:#f2d38a}.g-xw-cell.ok{background:#dcefd6;border-color:#3f7a55}.g-xw-clues{display:grid;grid-template-columns:1fr 1fr;gap:14px}.g-xw-clues ol{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px}.g-clue{text-align:left;width:100%;background:#fff;border:2px solid var(--line);border-radius:10px;padding:7px 10px;font-size:13px;line-height:1.35}.g-clue b{margin-right:4px}.g-clue.on{border-color:var(--ink);background:#fff3c4}.g-clue.solved{background:#dcefd6;color:var(--ink-3)}.g-xw-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.g-xw-bar .g-count{margin:0}@media(max-width:620px){.g-xw-clues{grid-template-columns:1fr}}.g-escape{display:grid;gap:14px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.g-escape>.g-verdict{grid-column:2}@media(max-width:760px){.g-escape{grid-template-columns:1fr}.g-escape>.g-verdict{grid-column:auto}.g-escape .g-room{max-height:30vh;aspect-ratio:auto}.g-escape .g-room .room-art{width:100%}}.g-lockpad{cursor:pointer}.g-lockpad:hover rect{filter:drop-shadow(0 0 6px #f2c94c)}.g-lockpad:focus-visible{outline:none}.g-vault.free{animation:pop .4s ease-out both;transform-box:fill-box}.g-lock{display:grid;gap:10px}.g-lock-tabs{display:flex;gap:8px;justify-content:center}.g-lock-tabs button{border:2px solid var(--ink);border-radius:999px;padding:6px 14px;background:#fff;font-weight:700;font-size:13px}.g-lock-tabs button.on{background:#f2d38a;box-shadow:var(--pop)}.g-lock-tabs button.open{background:#dcefd6;color:var(--ink-3)}.g-keypad{display:grid;justify-items:center;gap:10px}.g-keypad .g-sentence{text-align:center;margin:0}.g-screen{min-width:150px;text-align:center;padding:8px 18px;background:#1d3b36;color:#bfe3c9;border-radius:10px;font:800 30px/1.1 ui-monospace,monospace;letter-spacing:.2em;border:3px solid var(--ink)}.g-screen.bad{color:#f6c7bb;animation:shake .45s}.g-screen.good{color:#fff3c4}.g-pad{display:grid;grid-template-columns:repeat(3,64px);gap:8px}.g-pad button{height:52px;border:2.5px solid var(--ink);border-radius:12px;background:#fff;font:800 20px var(--sans);box-shadow:0 4px 0 var(--ink)}.g-pad button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.g-pad button:last-child{grid-column:2;grid-row:4}.g-pad button:nth-last-child(2){grid-column:3;grid-row:4}.g-keypad .g-verdict{width:min(420px,100%)}.g-socket{text-align:center;font:800 16px var(--serif)}.g-cryptex{display:grid;justify-items:center;gap:12px}.g-cryptex .g-sentence{text-align:center;margin:0}.g-wheels{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:10px 12px;background:linear-gradient(180deg,#c9a77a,#9b7a52);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--pop)}.g-wheels.nope{animation:shake .45s}.g-wheels.solved{background:linear-gradient(180deg,#bfe3c9,#7fc493)}.g-wheel{display:grid;justify-items:center;background:#fffaf0;border:2px solid var(--ink);border-radius:10px;width:42px}.g-wheel b{font:800 24px/1.3 var(--serif)}.g-wheel button{width:100%;border:0;background:none;font-size:12px;padding:4px 0;color:var(--ink-2)}.shelf{display:grid;gap:14px;max-height:52vh;overflow:auto;padding:2px 4px 6px 2px}.shelf-floor{display:grid;gap:6px}.shelf-floor .eyebrow{color:#f2d38a}.shelf-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:760px){.shelf-row{grid-template-columns:1fr}}.shelf-game{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-align:left;background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:10px 12px;box-shadow:var(--pop);transition:transform .08s,box-shadow .08s}.shelf-game:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.shelf-game .a-icon{grid-row:span 2;font-size:22px}.shelf-game b{font-size:14px}.shelf-game small{font-size:11.5px;line-height:1.35;color:var(--ink-3)}.linkish.small{font-size:13px}.qconfidence{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;background:#fff7e3;border:2px dashed #c9a77a;border-radius:12px;animation:rise .2s both}.qconfidence span{font-weight:700;font-size:14px;margin-right:auto}.qconfidence kbd{font-size:10px;opacity:.7;margin-left:4px}.qsure{font-weight:600;color:#9b3b2b}.qwhy{padding:8px 10px;background:#fbeee9;border-left:4px solid #c86a52;border-radius:6px}.g-family{display:grid;gap:12px}.g-fam-num{display:flex;align-items:baseline;justify-content:center;gap:10px;font:600 17px var(--serif)}.g-fam-num b{font:800 44px/1 var(--serif);background:#f2d38a;border:3px solid var(--ink);border-radius:14px;padding:4px 14px;box-shadow:var(--pop)}.g-fam-num small{font-size:22px}.g-fam-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g-fam-card{display:grid;gap:4px}.g-fam-card small{font:800 11px var(--sans);letter-spacing:.06em;color:var(--ink-3)}.g-fam-card span{font:500 14px/1.4 var(--serif)}.g-fam-card em{font-style:normal;font-size:12px;font-weight:700}.g-fam-card.done{opacity:1}.g-family>.btn-primary{justify-self:center}@media(max-width:620px){.g-fam-cards{grid-template-columns:1fr}}.families{display:grid;gap:12px}.family{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start;background:#fff;border:2px solid var(--line);border-radius:12px;padding:10px 12px}.family-num{font:800 24px/1.1 var(--serif)}.family-num small{font-size:14px}.family ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px;line-height:1.4}.family em{display:block;font-style:normal;font-weight:700;font-size:11.5px;color:var(--ink-3)}@media(max-width:620px){.family{grid-template-columns:1fr}}.g-locus{transition:opacity .2s}.g-locus.blank{cursor:pointer}.g-locus.blank:hover circle{fill:#fff3c4}.g-locus.here circle{animation:locuspulse 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes locuspulse{50%{transform:scale(1.12)}}.g-locus-card{display:grid;gap:8px;justify-items:start}.g-locus-card h3{margin:0;font:700 22px var(--serif)}.g-locus-card p{margin:0;line-height:1.45}.g-locus-icon{font-size:54px;line-height:1}.g-locus-card .row{display:flex;gap:14px;align-items:center}.g-locus-card .g-tiles,.g-locus-card .g-verdict{width:100%}.bldg-label{display:grid;justify-items:center;padding:4px 10px 5px;background:#fffaf0e8;border:2px solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--ink);white-space:nowrap;transform:translateY(-50%);transition:transform .15s,background .15s}.bldg-label b{font:700 13px/1.1 var(--serif);color:var(--ink)}.bldg-label small{font:700 10px var(--sans);letter-spacing:.05em;color:var(--ink-3);text-transform:uppercase}.bldg-label.hover{background:#f2d38a;transform:translateY(-50%) scale(1.08)}.bldg-label.done small{color:#3f7a55}.bldg-label.civic{background:#637d71}.bldg-label.civic b{color:#f4ead2}.npc-label{font:700 11px var(--sans);color:var(--ink);background:#fffaf0cc;border-radius:6px;padding:1px 6px;white-space:nowrap}.npc-label.hover{background:#f2d38a}.g-ask{display:grid;gap:10px}.g-ask-q{font:600 17px/1.4 var(--serif);margin:0}.g-ask-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.g-ask-opt{text-align:left;background:#fff;border:2.5px solid var(--ink);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.35;box-shadow:var(--pop)}.g-ask-opt.right{background:#dcefd6;border-color:#3f7a55}.g-ask-opt.wrong{background:#fbe9e3;animation:shake .45s}.g-ask-opt.dim{opacity:.5}.g-ask-opt.gone{visibility:hidden}.g-ask-opts.lozenge .g-ask-opt{background:#1f2f5a;color:#f4ead2;border-color:#d4a34d;border-radius:999px;padding:10px 18px}.g-ask-opts.lozenge .g-ask-opt b{color:#f2c94c;margin-right:4px}.g-ask-opts.lozenge .g-ask-opt.right{background:#3f7a55}.g-ask-opts.lozenge .g-ask-opt.wrong{background:#9b3b2b}@media(max-width:620px){.g-ask-opts{grid-template-columns:1fr}}.g-cafe{display:grid;gap:10px}.g-cafe-scene{width:100%;border:3px solid var(--ink);border-radius:14px;box-shadow:var(--pop);display:block}.g-cafe-customer{transition:transform .3s}.g-cafe-order .eyebrow{display:block;margin-bottom:4px}.g-cafe-closing,.g-mill-end{display:grid;gap:8px;justify-items:center;text-align:center;padding:24px 12px}.g-cafe-closing h3,.g-mill-end h3{margin:0;font:700 22px var(--serif)}.g-mill{display:grid;grid-template-columns:1fr 190px;gap:14px;background:radial-gradient(circle at 30% 0%,#2f3f7a,#141c3a 70%);color:#f4ead2;border:3px solid var(--ink);border-radius:16px;padding:14px}.g-mill .eyebrow{color:#f2c94c}.g-mill .g-ask-q{color:#fffaf0}.g-mill .qcontext,.g-mill .g-verdict{color:var(--ink)}.g-mill-main{display:grid;gap:10px;align-content:start}.g-mill-lifelines{display:flex;gap:8px}.g-mill-lifelines button{border:2px solid #d4a34d;background:#1f2f5a;color:#f4ead2;border-radius:999px;padding:6px 12px;font-weight:800;font-size:12px}.g-mill-lifelines button.used{opacity:.35;text-decoration:line-through}.g-mill-hint{margin:0;background:#fffaf0;color:var(--ink);border-radius:10px;padding:8px 10px;font-size:13.5px}.g-mill-ladder{list-style:none;margin:0;padding:0;display:grid;gap:3px;align-content:start;font:700 12.5px var(--sans)}.g-mill-ladder li{display:flex;gap:8px;padding:3px 10px;border-radius:999px;color:#d9c48f}.g-mill-ladder li span{width:18px;text-align:right;opacity:.7}.g-mill-ladder li.safe{color:#fffaf0}.g-mill-ladder li.done{opacity:.55}.g-mill-ladder li.on{background:#d4a34d;color:#141c3a}.g-mill-end{grid-column:1 / -1}@media(max-width:620px){.g-mill{grid-template-columns:1fr}.g-mill-ladder{grid-template-columns:repeat(5,1fr)}.g-mill-ladder li{font-size:10.5px;padding:2px 4px}}.g-dungeon{display:grid;gap:10px}.g-dungeon-scene,.g-race-scene{width:100%;border:3px solid var(--ink);border-radius:14px;box-shadow:var(--pop);display:block}.g-dungeon-hud{display:flex;justify-content:space-between;font-weight:700;font-size:14px}.g-dungeon-hud span:last-child{color:#c2452e;font-size:18px;letter-spacing:2px}.g-dungeon-doors{display:grid;gap:8px}.g-flame{animation:flicker .3s infinite alternate;transform-box:fill-box;transform-origin:bottom}@keyframes flicker{to{transform:scaleY(1.15) scaleX(.9)}}.g-shake{animation:shake .45s}.g-race{display:grid;gap:10px}.shelf-signature{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-align:left;background:linear-gradient(135deg,#fff3c4,#f2d38a);border:3px solid var(--ink);border-radius:16px;padding:12px 14px;box-shadow:var(--pop-big)}.shelf-signature .a-icon{font-size:30px}.shelf-signature b{display:block;font:700 18px var(--serif)}.shelf-signature small{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.4}.shelf-signature .eyebrow{color:#8a5a2c}.study-fab{position:fixed;left:16px;bottom:16px;z-index:40;display:flex;gap:8px}.fab-study{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--forest);color:var(--paper);border:2px solid var(--ink);border-radius:999px;box-shadow:var(--pop);font-weight:800;font-size:14px}.fab-study kbd{font-size:10px;opacity:.7;border:1px solid #f6efdf66;border-radius:4px;padding:0 4px}.fab-help{width:42px;height:42px;border-radius:50%;background:var(--paper-2);border:2px solid var(--ink);box-shadow:var(--pop);font:800 18px var(--serif)}.fab-study:hover,.fab-help:hover{transform:translate(-1px,-1px)}.study-shade{z-index:60}.study{position:absolute;inset:24px;max-width:1100px;margin:0 auto;display:grid;grid-template-rows:auto auto auto 1fr;background:var(--paper-2);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--pop-big);overflow:hidden;animation:rise .25s both}.study-head{display:grid;grid-template-columns:1fr minmax(180px,320px) auto;gap:14px;align-items:center;padding:14px 18px 10px;border-bottom:2px solid var(--line)}.study-head h2{margin:2px 0 0;font:700 22px var(--serif)}.study-head .sheet-close{position:static}.study-search{height:40px;border:2px solid var(--ink);border-radius:10px;padding:0 12px;font-size:14px;background:#fff}.study-warn{margin:0;padding:8px 18px;background:#fbe9e3;color:#9b3b2b;font-weight:700;font-size:13px}.study-concepts{display:flex;gap:6px;overflow-x:auto;padding:10px 18px;border-bottom:2px solid var(--line)}.study-concepts button{white-space:nowrap;border:2px solid var(--ink);border-radius:999px;padding:5px 12px;background:#fff;font-weight:700;font-size:12.5px}.study-concepts button.on{background:var(--gold-2);box-shadow:var(--pop)}.study-body{display:grid;grid-template-columns:280px 1fr;min-height:0}.study-list{overflow-y:auto;padding:10px;border-right:2px solid var(--line);display:grid;gap:4px;align-content:start}.study-list .eyebrow{margin:8px 6px 2px}.study-list button{text-align:left;border:0;background:none;border-radius:10px;padding:8px 10px;font-size:13.5px;line-height:1.3;display:grid}.study-list button b{font-weight:800}.study-list button small{color:var(--ink-3);font-size:11.5px}.study-list button:hover{background:#fff3c4}.study-list button.on{background:var(--gold-2)}.study-read{overflow-y:auto;padding:16px 22px 28px;font-size:14.5px;line-height:1.55}.study-read h3{margin:16px 0 4px;font:700 15px var(--sans);color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}.study-read p{margin:0}.study-tags{display:flex;gap:6px;flex-wrap:wrap}.study-tags span{background:#e6f2e1;border:2px solid #3f7a55;border-radius:999px;padding:2px 10px;font-weight:700;font-size:12px}.study-parts{padding-left:20px;display:grid;gap:10px}.study-parts ul{padding-left:18px;margin:4px 0 0}.study-fams{padding-left:18px}.study-empty{color:var(--ink-3)}@media(max-width:760px){.study{inset:8px}.study-head{grid-template-columns:1fr auto}.study-search{grid-column:1 / -1;grid-row:2}.study-body{grid-template-columns:1fr;grid-template-rows:34% 1fr}.study-list{border-right:0;border-bottom:2px solid var(--line)}.fab-study kbd{display:none}}.guide{display:grid;place-items:center;z-index:50}.guide-card{width:min(640px,calc(100% - 24px));max-height:calc(100% - 40px);overflow-y:auto;background:var(--paper-2);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--pop-big);padding:18px 22px;display:grid;gap:10px;animation:rise .3s both}.guide-top{display:flex;gap:12px;align-items:center}.guide-face{width:64px;height:64px;border:3px solid var(--ink);border-radius:50%;flex:none}.guide-top h2{margin:2px 0 0;font:700 24px var(--serif)}.guide-art svg{width:100%;max-height:170px;display:block;border:2px solid var(--ink);border-radius:12px}.guide-card p{margin:0;font-size:15px;line-height:1.55}.guide-dots{display:flex;gap:6px;justify-content:center}.guide-dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}.guide-dots i.on{background:var(--gold);transform:scale(1.3)}.guide-dots i.done{background:var(--green)}.guide-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.guide-foot span{display:flex;gap:8px}.drive-hint{bottom:76px}@media(max-width:760px){.study-fab{inset:46% 8px auto auto;flex-direction:column}.fab-study{width:44px;height:44px;padding:0;justify-content:center;font-size:0}.fab-study span{font-size:18px}.drive-hint{bottom:16px}}.weak-chip{background:#fbe9e3!important}.weak-chip.on{background:#f6c7bb!important}.study-practise{margin-bottom:10px}.study-note{color:var(--ink-3);font-size:13px;margin:0 0 10px}.weak-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}.weak-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:2px solid var(--line);border-radius:12px;padding:10px 12px}.weak-list b{display:block;font-size:14px}.weak-list small{color:#9b3b2b;font-size:12px;font-weight:700}.hud{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:6;display:grid;grid-template-columns:repeat(4,auto);column-gap:14px;align-items:center;padding:6px 16px 5px;background:var(--paper-2);border:2px solid var(--ink);border-radius:14px;box-shadow:var(--pop);font-size:14px}.hud b{font-weight:800}.hud em{grid-column:1 / -1;font-style:normal;font-size:10.5px;font-weight:700;color:var(--ink-3);text-align:center;letter-spacing:.04em}.hud:hover{transform:translate(-50%) translateY(-1px)}.harvest{position:absolute;left:50%;top:74px;transform:translate(-50%);z-index:6;background:#e6f2e1;border:2px solid #3f7a55;border-radius:999px;padding:6px 14px;font-weight:800;font-size:13px;box-shadow:var(--pop);animation:pulse 2s infinite}.town{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow-y:auto;padding:18px 20px}.town h2{margin:2px 0 4px;font:700 26px var(--serif)}.town-wallet{margin:0 0 10px;font-size:14px}.orders,.projects,.ages{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}.orders li,.projects li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:2px solid var(--line);border-radius:12px;padding:10px 12px}.orders li>div,.projects li>div{display:grid;gap:4px}.orders li.ready{border-color:#3f7a55;background:#f1f8ee}.orders li.done,.projects li.done{opacity:.6}.orders small,.projects small{color:var(--ink-3);font-size:12px}.orders b,.projects b{font-size:14.5px}.order-bar{display:block;height:6px;background:var(--line);border-radius:3px;overflow:hidden}.order-bar i{display:block;height:100%;background:var(--green)}.order-done{font-weight:800;color:#3f7a55}.projects li.locked{background:#f4f1ea}.locked-note{color:#8a5a2c!important;font-weight:700}.cost{display:inline-flex;flex-wrap:wrap;gap:6px}.cost i{font-style:normal;font-size:12px;font-weight:700;background:#f6efdf;border-radius:999px;padding:1px 8px;display:inline-flex;align-items:center;gap:4px}.cost i.short{background:#fbe9e3;color:#9b3b2b}.cost i b{width:9px;height:9px;border-radius:2px;display:inline-block;border:1px solid var(--ink)}.bp-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.bp-grid li{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--line);border-radius:10px;padding:8px 10px;font-weight:700;font-size:13px}.bp-grid li b{width:14px;height:14px;border-radius:3px;border:1.5px solid var(--ink)}.bp-grid li span{margin-left:auto;font:800 16px var(--serif)}.ages li{background:#fff;border:2px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px}.ages li.now{border-color:var(--gold);background:#fff7e3}.ages li.past{opacity:.6}@media(max-width:760px){.hud{top:auto;bottom:74px;font-size:12.5px;column-gap:10px}.harvest{top:auto;bottom:146px}}.projects .proj-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:1px}.projects .proj-district{font-weight:600;opacity:.8}@media(max-width:520px){.chapter-card,.chapter-card.open{top:70px;right:12px}.study-fab.with-sheet{top:auto;bottom:10px;right:10px;flex-direction:row}.study-fab.with-sheet .fab-help{display:none}.sheet{padding-bottom:64px}.btn-primary.small,.book-tabs button{min-height:44px}}.feedback{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow-y:auto;padding:18px 20px}.feedback h2{margin:2px 0 10px;font:700 24px var(--serif)}.feedback-kinds{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.feedback-kinds button{padding:8px 12px;min-height:40px;border:2px solid var(--ink);border-radius:999px;background:var(--paper-2);font-weight:700;font-size:13px}.feedback-kinds button.on{background:var(--forest, #2f5d50);color:#fffaf0}.feedback-text{display:grid;gap:6px;font-size:14px;font-weight:600}.feedback-text textarea{font:inherit;font-weight:400;padding:10px;border:2px solid var(--ink);border-radius:10px;background:#fffdf7;resize:vertical}.feedback-actions{display:flex;gap:12px;align-items:center;margin-top:10px}.fab-feedback{border:2px solid var(--ink);border-radius:999px;background:var(--paper-2);font-weight:800;font-size:13px;padding:0 12px;min-height:40px;box-shadow:var(--pop)}@media(max-width:760px){.fab-feedback{font-size:0;width:44px;height:44px;padding:0}.fab-feedback:before{content:"✎";font-size:18px}}@media(max-width:520px){.study-fab.with-sheet .fab-feedback{display:none}}.title-gate{display:grid;gap:10px;justify-items:center;width:min(420px,100%)}.title-gate-lede,.title-sent,.title-signed{font-size:15px;line-height:1.5;color:var(--ink-2);text-align:center;margin:0}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:2px solid var(--ink);border-radius:12px;background:#fff;font-weight:800;font-size:15px;box-shadow:var(--pop)}.btn-google span{font:800 18px/1 Arial,sans-serif;color:#4285f4}.btn-google:disabled{opacity:.6}.title-or{margin:0;font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}.title-email{display:flex;gap:8px;width:100%;flex-wrap:wrap}.title-email input,.title-field input{flex:1 1 200px;min-height:48px;padding:0 12px;font:inherit;border:2px solid var(--ink);border-radius:12px;background:#fffdf7}.title-email .btn-primary{min-height:48px;flex:1 1 140px}.title-field{display:grid;gap:6px;width:100%;font-weight:700;font-size:14px;text-align:left}.title-field input{width:100%;box-sizing:border-box}.your-data{display:grid;gap:10px;justify-items:start}.btn-danger{min-height:44px;padding:0 16px;border:2px solid #9b2c1f;border-radius:12px;background:#fff3ef;color:#9b2c1f;font-weight:800}.btn-danger:disabled{opacity:.5}.delete-confirm{display:grid;gap:8px;padding:12px 14px;border:2px solid #9b2c1f;border-radius:12px;background:#fff8f5;width:100%;box-sizing:border-box}.delete-confirm p{margin:0}.delete-actions{display:flex;gap:12px;align-items:center}.title-legal{margin:0;font-size:12.5px;color:var(--ink-3);text-align:center}.title-legal a,.title-foot a,.your-data a{color:inherit;font-weight:700}.qlead{margin:0 0 -4px;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--ink-3)}.qrule{margin:0}.qgap{display:inline-block;min-width:2.4em;margin:0 .15em;padding:0 .3em;border-bottom:3px solid var(--gold);color:var(--gold);text-align:center;font-weight:700;line-height:1.1}