:root{--ink:#1d1b2f;--paper:#fffdf7;--accent:#6d4bd8;--accent-ink:#fff;--gold:#ffd650;--good:#3fae54;--bad:#e2504f;--hint-bg:#fff4c7;--muted:#5d5a73;--line:#e5e1f2;--touch:48px;--font:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--ink);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.stage{position:fixed;inset:0}.phaser-host{position:absolute;inset:0}.overlay{padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(12px + var(--safe-left));pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.overlay>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.hud-top{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:8px;display:flex}.chip{color:#fff;background:#1d1b2fc7;border:0;border-radius:999px;padding:6px 14px;font-size:14px;line-height:1.4}.chip b{color:var(--gold)}.chip.coins,.chip.light{color:var(--gold);font-weight:700}.chip-button{min-height:var(--touch)}.chip-icon{width:var(--touch);place-items:center;padding:0;display:inline-grid}.chip-icon svg{width:24px;height:24px}.chip-button:hover{background:#1d1b2feb}.tip{text-align:center;color:#fff;pointer-events:none;background:#1d1b2fc7;border-radius:12px;align-self:center;max-width:560px;margin-top:auto;padding:8px 14px;font-size:14px}.quest{text-align:left;border:1px solid #ffd6508c;align-self:flex-start;align-items:center;gap:8px;max-width:min(520px,100%);margin-top:8px;font-weight:600;display:inline-flex}.quest img{flex:none;width:22px;height:22px}.route-track{flex:none;align-items:center;gap:5px;margin-left:2px;display:inline-flex}.route-track i{border:2px solid #ffd650b3;border-radius:50%;width:11px;height:11px;font-style:normal}.route-track i.passed{background:#ffd650}.route-track i.boss{color:#ffd65073;background:0 0;border:0;width:auto;height:auto;font-size:18px;line-height:1}.route-track i.boss.passed{color:#ffd650}.field{right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));flex-direction:column;align-items:stretch;gap:8px;display:flex;position:absolute}.field-hp{color:#fff;font-variant-numeric:tabular-nums;background:#1d1b2fd1;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:flex}.field-heart{color:#ff6b6b;font-size:18px;line-height:1}.field-hp-track{background:#ffffff38;border-radius:999px;flex:auto;height:10px;overflow:hidden}.field-hp-fill{background:#5ad16b;border-radius:999px;height:100%;transition:width .2s ease-out;display:block}.field-hp-fill.low{background:#ff6b6b}.field-skills{gap:8px;display:flex}.field-skill{color:#fff;text-align:center;background:#1d1b2fd1;border:3px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:104px;min-height:64px;padding:16px 8px 8px;font-size:13px;font-weight:700;line-height:1.2;transition:transform 80ms,box-shadow .16s;display:flex;position:relative;overflow:hidden}.field-key{color:#c9c5dc;font-size:11px;font-weight:600;position:absolute;top:4px;left:8px}.field-skill:active:not(:disabled){transform:scale(.95)}.field-skill.selected{border-color:var(--gold)}.field.in-range .field-skill:not(:disabled){background:var(--paper);color:var(--ink);box-shadow:0 0 0 3px #ffd65073}.field.in-range .field-skill:not(:disabled) .field-key{color:var(--muted)}.field-skill:disabled{opacity:.72;cursor:default;color:#c9c5dc}.field-cooldown{transform-origin:bottom;pointer-events:none;background:#1d1b2f8c;animation:linear forwards field-cooldown;position:absolute;inset:0}@keyframes field-cooldown{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.dialog{background:var(--paper);border-radius:20px;align-self:center;align-items:center;gap:14px;width:min(860px,100%);margin-top:auto;padding:12px 16px 12px 14px;animation:.18s ease-out panel-in;display:flex;position:relative;box-shadow:0 10px 30px #00000059}.dialog-tap{border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.dialog>:not(.dialog-tap){position:relative}.dialog-portrait,.dialog-body{pointer-events:none}.dialog-portrait{background:#f3ecdc;border-radius:16px;flex:none;width:72px;height:72px}.dialog-body{flex:1 1 0;min-width:0;animation:.22s ease-out line-in}@keyframes line-in{0%{opacity:0;transform:translateY(4px)}}.dialog-speaker{color:#9b3b26;margin-bottom:2px;font-size:14px;font-weight:800}.dialog-text{margin:0;font-size:clamp(17px,3.4vh,22px);font-weight:600;line-height:1.45}.dialog-text.narration{color:var(--muted);font-style:italic}.dialog-next{flex:none}.dialog-choices{flex-direction:column;flex:none;gap:8px;display:flex}.dialog-choices.many{grid-template-columns:1fr 1fr;display:grid}.dialog-choice{min-height:var(--touch);border:2px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:0 18px;font-size:15px;font-weight:700}.dialog-choice:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.dialog-choices.many .dialog-choice{color:var(--ink)}.dialog-choices.many .dialog-choice:last-child{color:var(--muted)}.dialog.dream{color:#fff6d8;background:#1b1f45;box-shadow:0 0 0 2px #ffd65080,0 10px 30px #00000080}.dialog.dream .dialog-speaker{color:var(--gold)}.dialog.dream .dialog-text.narration{color:#d8d3f0}.panel{background:var(--paper);border-radius:20px;align-self:center;width:min(860px,100%);margin-top:auto;padding:16px 18px;animation:.18s ease-out panel-in;position:relative;box-shadow:0 10px 30px #00000059}.abilities{gap:8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.ability{min-width:0;min-height:var(--touch);color:#fff;text-align:left;background:#1d1b2fd1;border:3px solid #0000;border-radius:14px;flex:1 1 0;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:700;line-height:1.2;transition:transform 80ms;display:flex}.ability:active:not(:disabled){transform:scale(.97)}.ability.selected{background:var(--paper);color:var(--ink);border-color:var(--gold)}.ability:disabled{opacity:.72;cursor:default;color:#c9c5dc}.ability-mark{color:var(--gold);flex:none}.ability.selected .ability-mark{color:var(--good);font-weight:900}.ability-name{flex:auto;min-width:0}.ability-level{white-space:nowrap;flex:none;font-size:12px;font-weight:700}.level-up{color:#9b6a00;margin-top:6px;font-size:15px;font-weight:800}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)}}.panel-row{align-items:center;gap:18px;display:flex}.panel-prompt{flex:1 1 0;min-width:0}.panel-answers{flex:1.15 1 0;min-width:0}.prompt{letter-spacing:.5px;font-size:clamp(30px,6vh,44px);font-weight:800}.prompt-line{align-items:center;gap:10px;display:flex}.asker{color:#9b3b26;font-size:14px;font-weight:800}.leave{margin-left:-12px}.speak{width:var(--touch);height:var(--touch);background:#efecf8;border:0;border-radius:50%;flex:none;font-size:22px;line-height:1}.speak:active{transform:scale(.94)}.prompt.small{font-size:clamp(24px,5vh,34px)}.correct-answer{color:var(--good)}.subtle{color:var(--muted);margin-top:4px;font-size:15px}.hint,.explain{background:var(--hint-bg);border-radius:12px;margin-top:8px;padding:8px 12px;font-size:15px;line-height:1.45}.hint b{color:var(--bad)}.choices{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.answer{border:2px solid var(--line);background:#fff;border-radius:14px;min-height:56px;font-size:26px;font-weight:800;transition:transform 80ms;position:relative}.answer:hover:not(:disabled){border-color:var(--accent)}.answer:active:not(:disabled){transform:scale(.96)}.answer:disabled{opacity:.35;cursor:default;text-decoration:line-through}.key-hint{color:var(--muted);font-size:11px;font-weight:600;position:absolute;top:4px;left:8px}.numpad{flex-direction:column;gap:8px;display:flex}.numpad-display{border:2px solid var(--accent);background:#fff;border-radius:12px;justify-content:center;align-items:center;height:48px;font-size:30px;font-weight:800;display:flex}.numpad-display .placeholder{color:var(--line)}.numpad-keys{grid-template-columns:repeat(6, minmax(var(--touch), 1fr));gap:6px;display:grid}.key{min-height:var(--touch);background:#efecf8;border:0;border-radius:10px;font-size:22px;font-weight:700}.key:active{transform:scale(.94)}.key-erase{background:#fde3e3}.key-submit{background:var(--accent);color:var(--accent-ink)}.key-submit:disabled{opacity:.4}.continue{background:var(--accent);min-height:56px;color:var(--accent-ink);border:0;border-radius:14px;flex:none;padding:0 28px;font-size:20px;font-weight:700}.result{font-size:clamp(28px,6vh,40px);font-weight:800}.result-actions{flex-direction:column;flex:none;gap:8px;display:flex}.again{color:#3a2508;background:linear-gradient(#ffe98f,#ffd04a 55%,#f4b22c);border:0;border-radius:14px;min-height:56px;padding:0 28px;font-size:20px;font-weight:800;box-shadow:0 4px #b97f1c}.again:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #b97f1c}.again:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.again:disabled{color:var(--muted);box-shadow:none;background:#efecf8;font-size:16px}.continue.quiet{min-height:var(--touch);color:var(--ink);background:#efecf8;font-size:16px}.rematch-note{color:#8a5a00;margin-top:6px;font-size:17px;font-weight:800}.rematch-note.gone{color:var(--muted);font-weight:600}.result.win{color:var(--good)}.result.retreat{color:var(--accent)}.board-layer{padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(12px + var(--safe-left));background:#1410229e;justify-content:center;align-items:center;animation:.16s ease-out fade-in;display:flex;position:absolute;inset:0}.board-backdrop{cursor:default;background:0 0;border:0;position:absolute;inset:0}.board{width:min(880px,100%);max-height:calc(100% - 26px);box-shadow:inset 0 0 0 2px #5c120e, inset 0 0 0 4px var(--gold), 0 18px 44px #0000008c;background:linear-gradient(#d23c2c,#a3201a);border-radius:18px;flex-direction:column;margin-top:26px;padding:12px;animation:.2s ease-out panel-in;display:flex;position:relative}.board.solo{width:min(640px,100%)}.board.pair{width:min(720px,100%)}.board-roof{pointer-events:none;filter:drop-shadow(0 4px 4px #00000059);width:calc(100% + 40px);height:40px;position:absolute;top:-30px;left:-20px}.board-head{color:var(--gold);justify-content:center;align-items:center;gap:14px;padding:2px 0 8px;display:flex}.board-head h2{letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#fff8d6 10%,#ffd650 55%,#f0a52e 95%);color:#0000;filter:drop-shadow(0 2px #5c120e);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(22px,5vh,32px);font-weight:900}.board-star{filter:drop-shadow(0 2px #5c120e);flex:none;width:clamp(22px,5vh,30px);height:clamp(22px,5vh,30px)}.board-cards{overscroll-behavior:contain;touch-action:pan-y;background:repeating-radial-gradient(circle at 50% 135%,#ffffff12 0 2px,#fff0 2px 30px),radial-gradient(at 50% 0,#2bb09c,#12756c 75%);border-radius:10px;flex:auto;grid-auto-columns:minmax(0,320px);grid-auto-flow:column;place-content:start center;gap:18px;min-height:0;padding:28px 18px 18px;display:grid;overflow-y:auto;box-shadow:inset 0 0 0 2px #5c120e,inset 0 6px 16px #0006}.board.solo .board-cards{grid-auto-columns:minmax(0,380px)}.job{--job-color:var(--gold);--job-tint:#fff1bf;--job-ink:#3a2508;border-top:7px solid var(--job-color);background:var(--paper);border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:24px 14px 14px;animation:.26s ease-out backwards panel-in;display:flex;position:relative;transform:rotate(-.7deg);box-shadow:0 5px #0003,0 12px 22px #0000004d}.job:nth-child(2n){animation-delay:70ms;transform:rotate(.7deg)}.job:only-child{transform:none}.job.new{--job-color:#ffc93c;--job-tint:var(--gold);box-shadow:0 0 0 3px #ffd650bf,0 0 26px #ffd6508c,0 5px #0003,0 12px 22px #0000004d}.job.doing{--job-color:#37a7e6;--job-tint:#dbeffc;--job-ink:#14598c}.job.report,.job.done{--job-color:var(--good);--job-tint:#dcf4e1;--job-ink:#1e7334}.job.soon{--job-color:#9a97ab;--job-tint:#e2e0ea;--job-ink:var(--muted);color:var(--muted);background:linear-gradient(#1d1b2f12 1px,#1d1b2f00 1px) 0 0/16px 16px,linear-gradient(90deg,#1d1b2f12 1px,#1d1b2f00 1px) 0 0/16px 16px,#eeedf3}.job-pin{background:radial-gradient(circle at 35% 30%,#fff8d6,#ffd04a 45%,#b97f1c);border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;top:-15px;left:50%;box-shadow:0 2px 3px #00000073}.job-badge{background:var(--job-tint);color:var(--job-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:14px;font-weight:800;display:inline-flex;position:absolute;top:-20px;left:12px;box-shadow:0 2px 4px #0000004d}.job-badge svg,.job-badge img{flex:none;width:18px;height:18px}.job.done .job-badge{background:var(--paper);color:#d8432f;letter-spacing:.5px;text-transform:uppercase;border:2.5px solid #d8432f;border-radius:9px;padding:2px 10px 2px 6px;transform:rotate(-4deg)}.job-goal-row{align-items:center;gap:8px;display:flex}.job-goal{background:#f3ecdc;border-radius:12px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:68px;padding:6px 10px;display:flex}.job.soon .job-goal{background:#1d1b2f14}.job.soon .speak{background:#fff}.job-icon{object-fit:contain;filter:grayscale()brightness(.8);opacity:.5;width:52px;height:52px}.job-icon.lit{filter:none;opacity:1}.job-goal:has(.job-icon.boss) .job-icon:not(.boss){width:30px;height:30px}.job-icon.boss{width:56px;height:56px}.job-count{margin-left:8px;font-size:24px;font-weight:800}.job-goal:has(.job-icon.boss) .job-count{display:none}.job-title{margin:2px 0 0;font-size:20px;font-weight:800;line-height:1.25}.job-text{margin:0;font-size:16px;font-weight:600;line-height:1.4}.job-chips{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;display:flex}.job-chip{background:#f3ecdc;border-radius:999px;align-items:center;gap:5px;min-height:30px;padding:2px 10px 2px 6px;font-size:13px;font-weight:700;display:inline-flex}.job.soon .job-chip{background:#1d1b2f14}.job-chip svg{color:#d8432f;flex:none;width:18px;height:18px}.job-chip img{background:#fff;border-radius:50%;flex:none;width:26px;height:26px}.job-chip.coins{color:#6e4310;background:#ffefb5;padding-left:10px}.job.report .job-chip.giver{box-shadow:0 0 0 2px var(--good);background:#e2f5e5}.job-action{width:100%;margin-top:6px}.job-stamp{color:#d8432f;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#fffdf7eb;border:4px solid #d8432f;border-radius:12px;padding:2px 16px;font-size:26px;font-weight:900;animation:1.9s ease-out stamp;position:absolute;top:42px;left:50%}@keyframes stamp{0%{opacity:0;transform:translate(-50%)rotate(-10deg)scale(2.4)}12%,70%{opacity:1;transform:translate(-50%)rotate(-10deg)scale(1)}to{opacity:0;transform:translate(-50%)rotate(-10deg)scale(1)}}.job-empty{color:#ffffffd9;flex-direction:column;justify-self:center;align-items:center;gap:10px;padding:14px 0 22px;font-size:18px;font-weight:700;display:flex}.job-empty img{object-fit:contain;opacity:.85;width:56px;height:56px}.board-foot{background:var(--paper);border-radius:12px;align-items:center;gap:12px;min-height:72px;margin-top:10px;padding:8px 10px 8px 14px;display:flex;box-shadow:inset 0 0 0 2px #5c120e}.board-feather{object-fit:contain;flex:none;width:30px;height:30px}.board-note{flex:1 1 0;min-width:0;margin:0;font-size:clamp(16px,3.2vh,20px);font-weight:600;line-height:1.4}.board-leave{flex:none}.board.wmap{width:min(880px,100%,200vh - 380px);min-width:min(600px,100%);max-height:100%;margin-top:0}.wmap-land{aspect-ratio:2;border-radius:10px;flex:auto;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #5c120e}.wmap-art{width:100%;height:100%;position:absolute;inset:0}.wmap-road{fill:none;stroke:#7d7a90;stroke-width:5px;stroke-linecap:round;stroke-dasharray:1 13}.wmap-road.open{stroke:#fff6c9;filter:drop-shadow(0 1px #8a5a12)}.wmap-dome{fill:#ffd65061;stroke:var(--gold);stroke-width:3px}.wmap-home,.wmap-place{--medal:clamp(var(--touch), min(13vh, 9vw), 78px);margin:calc(var(--medal) / -2) 0 0;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;transform:translate(-50%)}.wmap-place{background:0 0;border:0;padding:0}.wmap-place:focus-visible{outline:none}.wmap-medal{width:var(--medal);height:var(--medal);background:#d5d3df;border-radius:50%;place-items:center;transition:transform .12s;display:grid;position:relative;box-shadow:0 0 0 3px #4a4860,0 0 0 6px #9a97ab,0 7px 10px #00000059}.wmap-home .wmap-medal{box-shadow:0 0 0 3px #5c120e, 0 0 0 5px var(--gold);color:var(--gold);background:linear-gradient(#d23c2c,#a3201a)}.wmap-icon{object-fit:contain;filter:grayscale()brightness(.8);opacity:.5;width:76%;height:76%}.wmap-place.open .wmap-medal{box-shadow:0 0 0 3px #5c120e, 0 0 0 6px var(--gold), 0 7px 10px #00000059;background:radial-gradient(circle at 50% 35%,#fffdf7,#ffe9a8)}.wmap-place.open .wmap-icon{filter:none;opacity:1}.wmap-place.selected .wmap-medal,.wmap-place:focus-visible .wmap-medal{transform:scale(1.1);box-shadow:0 0 0 3px #5c120e,0 0 0 7px #fff,0 0 20px 10px #ffd650f2}.wmap-lock{color:#fff;background:#4a4860;border-radius:50%;width:30px;height:30px;padding:5px;position:absolute;bottom:-7px;right:-7px}.wmap-quest{object-fit:contain;filter:drop-shadow(0 2px 2px #00000080);width:38px;height:38px;animation:.65s ease-in-out infinite alternate wmap-bob;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@keyframes wmap-bob{to{transform:translate(-50%,-7px)}}.wmap-name{background:var(--paper);color:var(--ink);white-space:nowrap;border-radius:999px;padding:2px 12px;font-size:clamp(12px,min(3vh,2.4vw),17px);font-weight:800;box-shadow:0 0 0 2px #5c120e}.wmap-place:not(.open) .wmap-name{color:var(--muted)}.wmap-place.selected .wmap-name{background:var(--gold)}.wmap-home{--medal:clamp(36px, min(10vh, 7vw), 58px);pointer-events:none}.wmap-home .board-star{width:64%;height:64%}@media (height<=460px){.wmap .board-head{display:none}.wmap .board-foot{min-height:0;margin-top:6px;padding:4px 8px 4px 12px}.wmap .board-leave{min-height:var(--touch);font-size:17px}}.board.lobby{width:min(760px,100%)}.lobby-cards.open{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-auto-flow:row;justify-content:stretch}.lobby-card,.lobby-card:nth-child(2n){min-height:190px;transform:none}.lobby-create{width:100%;margin-top:auto}.lobby-waiting{text-align:center;color:var(--muted);margin:auto 0;font-size:20px;animation:1.6s ease-in-out infinite lobby-pulse}@keyframes lobby-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.lobby-waiting{animation:none}}.lobby-rooms{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:8px;max-height:min(240px,38vh);display:flex;overflow-y:auto}.lobby-room{min-height:64px;color:var(--ink);text-align:left;background:#fff;border:2px solid #37a7e6;border-radius:14px;align-items:center;gap:10px;padding:6px 8px;display:flex}.lobby-room:active{transform:scale(.98)}.lobby-room:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.lobby-room img{object-fit:cover;object-position:top;background:#dbeffc;border-radius:50%;flex:none;width:48px;height:48px}.lobby-room-name{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;font-size:18px;font-weight:800;overflow:hidden}.lobby-room-name small{color:var(--muted);font-size:13px;font-weight:600;display:block}.lobby-room-go{color:#3a2508;background:linear-gradient(#ffe98f,#ffd04a 55%,#f4b22c);border-radius:999px;flex:none;padding:8px 18px;font-size:18px;font-weight:800}.chip.duel{color:#3a2508;background:linear-gradient(#ffe98f,#ffd04a 55%,#f4b22c);font-weight:800}.chip.duel:hover{background:linear-gradient(#fff0a8,#ffd65e 55%,#f7bb3d)}.intro{color:#fff;background:#17151f;position:absolute;inset:0;overflow:hidden}.intro-art,.intro-art svg{width:100%;height:100%;position:absolute;inset:0}.intro-art svg{display:block}.intro-fx{will-change:transform}.intro-art .drain{animation:2.6s ease-in forwards drain}@keyframes drain{to{opacity:0}}.ripple{transform-box:fill-box;transform-origin:50%;opacity:0;animation:4.5s ease-out infinite ripple}@keyframes ripple{0%{opacity:.95;transform:scale(.06)}70%{opacity:.35}to{opacity:0;transform:scale(1)}}.firefly{animation:2.4s ease-in-out infinite alternate twinkle}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}.mote{opacity:0;animation:4.5s linear infinite mote-rise}@keyframes mote-rise{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}to{opacity:0;transform:translateY(-170px)}}.wing{transform-box:fill-box;animation:5s ease-in-out infinite alternate wing-breathe}.wing-left{--wing-tilt:-2.5deg;transform-origin:100% 100%}.wing-right{--wing-tilt:2.5deg;transform-origin:0 100%}@keyframes wing-breathe{to{transform:rotate(var(--wing-tilt))}}.wings.appear{animation:1.4s ease-out .8s both fade-in}@keyframes fade-in{0%{opacity:0}}.feather{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite alternate feather-float}@keyframes feather-float{0%{transform:translate(0)rotate(-10deg)}to{transform:translate(8px,-14px)rotate(8deg)}}.fading-question{animation:3s ease-in .6s forwards question-fade}@keyframes question-fade{to{opacity:0;transform:translateY(-16px)}}.title-art-backdrop{filter:blur(24px)brightness(.7);background:50%/cover no-repeat;position:absolute;inset:-48px}.title-art>svg,.title-art-backdrop{opacity:0;transition:opacity .6s}.title-art.ready>svg,.title-art.ready .title-art-backdrop{opacity:1}.glow-pulse{animation:2.4s ease-in-out infinite alternate twinkle}.spark{transform-box:fill-box;transform-origin:50%;opacity:0;animation:1.6s ease-out infinite spark}@keyframes spark{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}.intro-dark{opacity:0;pointer-events:none;background:#0e0c16f2;transition:opacity .8s;position:absolute;inset:0}.intro-dark.on{opacity:1}.intro-shade{pointer-events:none;background:radial-gradient(at 50% 55%,#0a091200 55%,#0a091266 100%);position:absolute;inset:0}.intro-shade.strong{background:#0e0c16a8}.btn-primary{color:#3a2508;background:linear-gradient(#ffe98f,#ffd04a 55%,#f4b22c);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 28px;font-size:20px;font-weight:800;transition:transform 80ms;display:inline-flex;box-shadow:inset 0 2px #fff9,0 5px #b97f1c,0 10px 24px #00000059}.btn-primary:active{transform:translateY(3px);box-shadow:inset 0 2px #fff9,0 2px #b97f1c,0 6px 16px #00000059}.btn-primary:focus-visible,.btn-quiet:focus-visible,.grade-card:focus-visible{outline-offset:3px;outline:3px solid #fff}.btn-quiet{min-height:var(--touch);color:#f4f1ff;background:#100e1c9e;border:1px solid #ffffff2e;border-radius:999px;padding:0 18px;font-size:15px;font-weight:600}.btn-quiet:hover{background:#100e1cd9;border-color:#ffd65080}.btn-link{min-height:var(--touch);color:var(--muted);background:0 0;border:0;padding:0 12px;font-size:15px;text-decoration:underline}.title-logo{top:calc(4vh + var(--safe-top));text-align:center;pointer-events:none;position:absolute;left:0;right:0}.title-logo h1{letter-spacing:1px;background:linear-gradient(#fff8d6 10%,#ffd650 50%,#e8952c 92%);color:#0000;filter:drop-shadow(0 3px #6e4310)drop-shadow(0 0 22px #ffc85a59)drop-shadow(0 10px 18px #0000008c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(46px,13vh,100px);font-weight:900;line-height:1.08}.title-logo p{letter-spacing:4px;text-transform:uppercase;color:#ffeec2;text-shadow:0 2px 6px #0009;justify-content:center;align-items:center;gap:12px;margin:2px 0 0;font-size:clamp(12px,2.8vh,18px);font-weight:700;display:flex}.title-logo p:before,.title-logo p:after{content:"";background:linear-gradient(90deg,#ffd65000,#ffd650);width:clamp(24px,6vw,56px);height:2px}.title-logo p:after{transform:scaleX(-1)}.title-actions{left:0;right:0;bottom:calc(7vh + var(--safe-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}.title-actions>*{pointer-events:auto}.btn-play{min-height:68px;padding:0 44px 0 36px;font-size:26px;animation:2.4s ease-in-out infinite play-glow}@keyframes play-glow{50%{box-shadow:inset 0 2px #fff9,0 5px #b97f1c,0 10px 24px #00000059,0 0 0 8px #ffd65038,0 0 36px #ffd65073}}.play-icon{width:26px;height:26px}.title-stats{color:var(--gold);background:#100e1c9e;border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:700}.title-corner{left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));pointer-events:none;justify-content:space-between;display:flex;position:absolute}.title-corner>*{pointer-events:auto}.sheet{background:var(--paper);width:min(560px,100% - 32px);max-height:calc(100% - 24px);color:var(--ink);text-align:center;border-radius:20px;padding:20px 24px 8px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000059}.sheet-kicker{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:700}.sheet h2{margin:6px 0 16px;font-size:clamp(22px,5vh,30px)}.grade-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grade-card{border:3px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:112px;font-size:17px;font-weight:700;transition:transform 80ms;display:flex}.grade-card:hover{border-color:#e8c25a}.grade-card:active{transform:scale(.96)}.grade-card[aria-pressed=true]{border-color:var(--gold);background:#fff8dc}.grade-number{font-size:48px;font-weight:900;line-height:1}.sheet-note{color:var(--muted);margin:14px 0 0;font-size:14px}.setup-screen{background:radial-gradient(120% 90% at 50% 0,#2a2748 0%,#15132a 100%)}.sheet-wide{width:min(820px,100% - 24px)}.character-options{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.character-card{border:3px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-height:150px;padding:6px 4px 8px;transition:transform 80ms;display:flex;position:relative}.character-card img{object-fit:contain;width:100%;height:auto;max-height:128px}.character-name{font-size:16px;font-weight:800}.character-card:hover{border-color:#e8c25a}.character-card:active{transform:scale(.96)}.character-card[aria-pressed=true]{border-color:var(--gold);background:#fff8dc}.character-tick{background:var(--gold);width:26px;height:26px;color:var(--ink);border-radius:50%;font-weight:900;line-height:26px;position:absolute;top:6px;right:8px}.name-portrait{object-fit:contain;width:128px;height:128px;margin-bottom:6px}.name-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.name-card{min-height:var(--touch);border:3px solid var(--line);background:#fff;border-radius:14px;padding:8px 6px;font-size:19px;font-weight:800}.name-card[aria-pressed=true]{border-color:var(--gold);background:#fff8dc}.name-field{text-align:left;margin-bottom:12px;display:block}.name-field input{width:100%;min-height:var(--touch);border:3px solid var(--line);color:var(--ink);font-family:var(--font);background:#fff;border-radius:14px;margin-top:4px;padding:0 12px;font-size:20px;font-weight:700}.name-field input:focus-visible{border-color:var(--gold);outline:none}.name-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px;display:flex}.setup-screen .btn-primary:disabled{opacity:.45}@media (width<=560px){.character-options,.name-options{grid-template-columns:repeat(2,1fr)}.name-portrait{width:96px;height:96px}}.prologue{flex-direction:column;display:flex}.prologue-stage{flex:1 1 0;min-height:0;position:relative}.prologue-band{padding:10px calc(12px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(12px + var(--safe-left));background:#0f0d18;flex:none}.prologue-tap{background:0 0;border:0;position:absolute;inset:0}.prologue-skip{top:calc(10px + var(--safe-top));right:calc(12px + var(--safe-right));position:absolute}.caption{background:var(--paper);width:min(860px,100%);color:var(--ink);border-radius:20px;align-items:center;gap:14px;margin:0 auto;padding:14px 16px 14px 18px;animation:.3s ease-out panel-in;display:flex;box-shadow:0 10px 30px #00000059}.caption-text{flex:1 1 0;min-width:0;margin:0;font-size:clamp(17px,3.6vh,23px);font-weight:600;line-height:1.45}.caption-next{flex:none}.prologue-dots{pointer-events:none;justify-content:center;gap:8px;margin-top:8px;display:flex}.dot{background:#ffffff80;border-radius:999px;width:8px;height:8px;transition:width .2s}.dot.on{background:var(--gold);width:22px}@media (prefers-reduced-motion:reduce){.ripple,.mote{display:none}.feather,.fading-question,.caption,.dialog,.dialog-body,.board-layer,.board,.job,.job-stamp,.wmap-quest,.firefly,.wing,.wings.appear,.btn-play,.glow-pulse,.spark{animation:none}.title-art>svg,.title-art-backdrop{transition:none}.spark{opacity:1}.intro-art .drain{animation-duration:1ms}.intro-dark{transition:none}}@media (height<=460px){.title-actions{bottom:calc(10px + var(--safe-bottom))}.title-stats{display:none}.btn-play{min-height:56px;font-size:22px}.sheet{padding:12px 16px 4px}.sheet h2{margin-bottom:10px}.grade-card{min-height:84px}.grade-number{font-size:36px}.sheet-note{margin-top:8px}.prologue-band{padding-top:6px}.caption{padding:8px 12px}.prologue-dots{margin-top:5px}.caption-text{font-size:16px}.dialog{padding:8px 12px}.dialog-portrait{width:52px;height:52px}.dialog-text{font-size:16px}.dialog-next{min-height:var(--touch);font-size:17px}.quest{margin-top:6px;font-size:13px}.field-skill{width:88px;min-height:var(--touch);padding:14px 6px 6px;font-size:12px}.caption-next{min-height:var(--touch);font-size:17px}.board{max-height:100%;margin-top:0;padding:6px}.board-roof{display:none}.board-head{gap:10px;padding:0 0 2px}.board-head h2{font-size:19px}.board-star{width:18px;height:18px}.board-cards{gap:12px;padding:18px 10px 8px}.board.solo .board-cards{grid-auto-columns:minmax(0,1fr)}.job{border-top-width:5px;gap:4px;padding:16px 10px 8px}.job-badge{padding:2px 10px 2px 6px;font-size:13px;top:-16px}.job-goal{min-height:var(--touch);padding:2px 8px}.job-icon{width:36px;height:36px}.job-goal:has(.job-icon.boss) .job-icon:not(.boss){width:22px;height:22px}.job-icon.boss{width:40px;height:40px}.job-count{font-size:20px}.job-title{margin-top:0;font-size:17px}.job-text{font-size:14px;line-height:1.3}.job-chips{padding-top:0}.job-chip{min-height:26px}.board:not(.solo) .job-chip.giver{padding:0}.board:not(.solo) .job-chip.giver span{display:none}.job-action{min-height:var(--touch);margin-top:0;font-size:18px}.job-stamp{font-size:20px;top:26px}.board-foot{min-height:52px;margin-top:6px;padding:2px 8px 2px 10px}.board-note{font-size:15px}.board-leave{min-height:var(--touch);font-size:17px}}@media (width<=640px){.title-actions{bottom:calc(76px + var(--safe-bottom))}.title-corner{flex-wrap:wrap;justify-content:center;gap:8px}.caption{flex-wrap:wrap}.caption-text{flex-basis:calc(100% - 62px)}.caption-next{margin-left:auto}.dialog{flex-wrap:wrap}.dialog-body{flex-basis:calc(100% - 86px)}.dialog-next{margin-left:auto}}@media (width<=480px){.board-head h2{font-size:clamp(18px,6.4vw,28px)}.board-cards,.board.solo .board-cards{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:26px;padding-left:12px;padding-right:12px}.job,.job:nth-child(2n){transform:none}.board-foot{flex-wrap:wrap}.board-note{flex-basis:calc(100% - 42px)}.board-leave{margin-left:auto}.wmap-land{aspect-ratio:4/3}}@media (height<=460px){.panel{border-radius:16px;padding:10px 14px}.abilities{gap:4px;margin-top:6px;position:static}.ability{gap:3px;padding:4px 6px;font-size:12px}.prompt{font-size:28px}.hint,.explain,.subtle{font-size:13px}.with-abilities>.subtle{display:none}.answer,.continue{min-height:var(--touch);font-size:22px}.numpad-display{height:38px;font-size:24px}.key{font-size:18px}.chip,.tip{padding:4px 10px;font-size:12px}}@media (width<=640px){.panel-row{flex-direction:column;align-items:stretch}.ability{padding:6px 8px;font-size:13px}}