:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f5e9cc;background:#0b1520;color-scheme:dark;--ink:#0b1520;--panel:#142536;--line:#435769;--muted:#b0bdc4;--gold:#efbb60;--rail:clamp(240px,25vw,320px);--controls:138px;--tray:78px;--context:28px;--hud:56px}*{box-sizing:border-box}html,body,#game-container{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff0b1;outline-offset:3px}[hidden]{display:none!important}.icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.shell{position:relative;width:100%;height:100dvh;min-height:320px;isolation:isolate;overflow:hidden}#board{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;touch-action:none}#board canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.game-layout{position:absolute;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:1;pointer-events:none}#playfield,#dice-tray{position:absolute;pointer-events:none}#playfield{inset:var(--hud) var(--rail) 36px 0}#dice-tray{right:10px;width:calc(var(--rail) - 20px);top:calc(50% - 84px);height:var(--tray)}.hud{position:absolute;inset:0 0 auto;height:var(--hud);display:flex;align-items:center;gap:12px;padding:6px 12px;pointer-events:auto;background:#101e2d;border-bottom:2px solid #314254}.hud-brand,#floor-name,.best{display:none}.hud-stat{display:flex;align-items:center;gap:8px;color:#ff987b;white-space:nowrap}.hud-stat .hud-icon{display:none}.health{display:flex;gap:3px}.health span{font-size:20px;text-shadow:0 2px #663934}.health .empty{color:#465264;text-shadow:none}#health-value{font-size:12px;font-weight:700}.stats{color:#e8cd85;font-size:14px}.stat{display:flex;align-items:center;gap:4px}.stat .icon{width:18px;height:18px}.hud-floor{margin-left:auto;white-space:nowrap;color:var(--gold);font-size:16px}.hud-floor small{font-size:11px;color:var(--muted)}.icon-button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;background:#24394d;border:1px solid #526a7d;border-bottom:3px solid #060e17;color:#d9e6ef}.icon-button:hover{background:#344c61}.controls{position:absolute;top:calc(50% + 3px);right:0;width:var(--rail);height:var(--controls);padding:6px 10px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.phase-copy{position:absolute;left:10px;right:10px;bottom:calc(100% + 87px)}.phase-copy h1{font-size:19px;line-height:1.15;margin:0;font-weight:850}.phase-copy p{margin:4px 0 0;font-size:12px;line-height:1.2;color:var(--muted);min-height:14px;white-space:nowrap}.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.slot{position:relative;min-width:0;min-height:66px;padding:5px 4px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:27px 14px 12px;align-items:center;text-align:center;border:1px solid #52687a;border-bottom:4px solid #080f19;background:#213348;color:var(--stat)}.slot-icon{grid-column:1;grid-row:1}.slot-icon .icon{width:22px;height:22px}.slot-value{grid-column:2;grid-row:1;font-size:24px;font-weight:900;color:#fff2d5;line-height:1}.slot-label{grid-column:1/-1;grid-row:2;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800}.slot-bonus{grid-column:1/-1;grid-row:3;font-size:10px;color:#bfccd6}.slot.filled{border-color:var(--stat);background:#263d50}.slot.receptive:not(:disabled){border-top:3px solid var(--stat)}.slot:not(:disabled):hover{background:#36516a}.slot:disabled{cursor:default}.slot:disabled .slot-bonus{color:#8fa4b6}.primary,.secondary{min-height:48px;flex-shrink:0;width:100%;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:850;border:1px solid #ffdea0;border-bottom:4px solid #9b662f;background:var(--gold);color:#20252c}.primary:not(:disabled):hover{background:#ffd28a}.primary:disabled{background:#334557;border-color:#536272;border-bottom-color:#192939;color:#889eae;cursor:default}.secondary{background:#2a4055;border-color:#587186;border-bottom-color:#0a1522;color:#f5e9cc}.roster{position:absolute;bottom:4px;left:0;right:var(--rail);height:28px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 6px;pointer-events:none;white-space:nowrap;font-size:12px;color:var(--muted)}.context-copy,.target-cost{display:inline-flex;align-items:center;gap:5px}.roster .icon{width:16px;height:16px}.target-status{color:#ffd397;font-weight:800}.target-status.valid{color:#ff987b}.target-cost{color:#e8edf0}.menu-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:16px;padding:18px;background:#0d1c2a;pointer-events:auto}.menu-art{position:relative;display:grid;place-items:center;width:240px;height:180px}.door-art{width:240px;height:180px;filter:drop-shadow(0 7px #050c14)}.rock{fill:#31475c;stroke:#668094;stroke-width:3}.rock-hi{fill:none;stroke:#486478;stroke-width:2}.door{fill:#0b131e;stroke:#c89c54;stroke-width:3}.light{fill:#f8c878;opacity:.55}.hero{fill:#79d9b2;stroke:#102534;stroke-width:2}.steps{fill:none;stroke:#d7b46a;stroke-width:3}.menu-dice{position:absolute;right:0;bottom:0;display:flex;gap:6px;color:#102534;transform:rotate(-8deg);padding:9px;background:#ffe8b4;border:3px solid #bb9258;box-shadow:4px 4px #040b12}.menu-screen h2{font-size:clamp(30px,5vw,48px);font-weight:950;line-height:1;letter-spacing:-1.5px;text-align:center;margin:0;max-width:460px}.menu-screen h2 em{font-style:normal;color:var(--gold)}.menu-play{width:230px;min-height:54px;font-size:20px}.menu-best{font-size:12px;color:var(--muted)}.shell[data-phase=MainMenu] .game-layout{visibility:hidden}.overlay-menu,.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:12px;background:#071321df}.overlay-card,.modal-card{width:min(400px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:#172b3e;border:2px solid #60778b;box-shadow:0 7px #040c16;padding:18px}.overlay-card{display:grid;gap:10px}.overlay-card h2,.modal-card h2{font-size:26px;margin:0 0 5px;color:#ffd397;line-height:1.1}.modal-card p{font-size:13px;margin:4px 0;color:var(--muted)}.result-mark{float:right;font-size:30px;color:var(--gold)}.help-row{min-height:44px;display:flex;align-items:center;gap:8px;border-top:1px solid #3a5062;font-size:12px}.help-row>span:not(.help-step){display:flex;gap:2px;color:#e8cd85}.help-step{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;background:var(--gold);color:#162839;font-weight:900}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.choice{display:grid;grid-template-columns:24px 1fr;grid-template-rows:20px 18px;gap:2px 8px;align-items:center;text-align:left;min-height:54px;padding:7px;background:#263d52;border:1px solid #526d84;border-bottom:3px solid #0c1928}.choice:hover{border-color:var(--stat);background:#344f67}.choice-icon{grid-row:1/3;color:var(--stat)}.choice-label{font-size:13px;font-weight:750}.choice-value{font-size:13px;color:#e0e9ef}.choices>.primary{grid-column:1/-1}.die-key{position:absolute;z-index:4;pointer-events:none;opacity:0;background:transparent;border:2px solid #ffe8ab}.die-key:focus-visible{opacity:1;pointer-events:auto}@media(orientation:portrait){:root{--hud:56px;--controls:142px;--tray:76px;--context:26px}.hud{gap:7px;padding:6px 8px}.hud-stat{gap:6px}.health span{font-size:17px}.health{gap:2px}#health-value{display:none}.hud-floor{font-size:14px}.stats{font-size:12px}.stat .icon{width:15px;height:15px}#playfield{inset:var(--hud) 0 calc(var(--controls) + var(--tray) + var(--context))}#dice-tray{top:auto;bottom:var(--controls);left:0;right:0;width:auto;height:var(--tray)}.controls{top:auto;bottom:0;left:0;right:0;width:auto;height:var(--controls);padding:4px 8px;gap:5px}.phase-copy{position:static;height:16px;min-height:16px;display:flex;align-items:center;justify-content:space-between}.phase-copy h1{font-size:13px}.phase-copy p{font-size:10px;margin:0;min-height:0}.slot{min-height:60px;grid-template-rows:23px 12px 11px;padding:4px}.slot-value{font-size:23px}.slot .slot-icon .icon{height:20px;width:20px}.slot-label,.slot-bonus{font-size:9px}.primary{min-height:48px}.roster{left:0;right:0;bottom:calc(var(--controls) + var(--tray));height:var(--context);font-size:12px;gap:10px}.menu-screen h2{max-width:300px}.menu-screen h2 em{display:block}}@media(orientation:landscape)and (max-height:380px){:root{--hud:48px;--rail:240px}.hud{padding:2px 8px;gap:8px}.health span{font-size:18px}#health-value{display:none}.phase-copy h1{font-size:16px}.phase-copy p{font-size:11px}.phase-copy{bottom:calc(100% + 81px)}#dice-tray{top:calc(50% - 72px)}.controls{top:calc(50% + 6px);height:138px}.slot{min-height:64px}.roster{height:24px;bottom:0;font-size:11px;gap:8px}#playfield{bottom:26px}.menu-art{width:180px;height:115px}.door-art{width:165px;height:115px}.menu-screen{gap:8px;padding:10px}.menu-screen h2{font-size:30px}.menu-play{min-height:48px}.overlay-card,.modal-card{padding:12px}.modal-card h2{font-size:22px}.choices{gap:5px;margin-top:7px}.choice{min-height:50px}}body[data-vendor=poki] .hud{padding-left:52px}body[data-vendor=poki] #playfield{left:48px}@media(orientation:portrait){body[data-vendor=poki] #playfield{left:0;top:90px}body[data-vendor=poki] .health span{font-size:14px}body[data-vendor=poki] .hud{gap:5px}body[data-vendor=poki] .stats{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.01ms!important;transition-duration:.01ms!important}}.menu-dice{padding:0;gap:0;background:none;border:0;box-shadow:none;right:-6px;bottom:-5px}.menu-dice img{width:52px;height:52px;image-rendering:pixelated}.menu-dice img:nth-child(2){transform:translateY(-7px)}#health-value{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.health{display:flex}#onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none}#onboarding[hidden]{display:none}.coach-veil{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.coach-hand{position:absolute;left:0;top:0;width:52px;height:60px;filter:drop-shadow(0 3px 0 #07121b);transform-origin:17px 7px}.coach-hand svg{width:52px;height:60px}.coach-hand span{position:absolute;left:40px;top:17px;color:#ffe3a0;font-size:24px;font-weight:900}.coach-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}