*{box-sizing:border-box}html,body{color:#e8eef6;overscroll-behavior:none;background:#0b1020;height:100%;margin:0;font:13px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex}#hud{background:#10141c;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.pill{white-space:nowrap;background:#222a36;border-radius:6px;padding:4px 8px;font-weight:700}.pill.dim{color:#9fb2c8;font-weight:400}.hpwrap{flex:1;align-items:center;gap:5px;min-width:120px;display:flex}.hpwrap em{color:#9fb2c8;font-size:11px;font-style:normal}.hp{background:#000a;border-radius:5px;flex:1;height:10px;overflow:hidden}.hp i{background:#e0a040;width:100%;height:100%;transition:width .2s;display:block}.hp i.low{background:#e05040}#stage{flex:1;min-height:0;position:relative}#game{position:absolute;inset:0}#hint{pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#000a;border-radius:10px;max-width:96%;padding:3px 10px;font-size:12px;position:absolute;top:4px;left:50%;overflow:hidden;transform:translate(-50%)}#hint:empty{display:none}#debug{color:#8f8;pointer-events:none;white-space:pre-wrap;background:#000c;max-width:98%;margin:0;padding:4px 6px;font:11px monospace;position:absolute;bottom:4px;left:4px}#overlay{z-index:5;background:#000a;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0}#overlay[hidden],#debug[hidden],#day[hidden],#tray[hidden]{display:none}.card{text-align:center;background:#1a2130;border-radius:12px;width:100%;max-width:440px;max-height:100%;padding:18px 22px;overflow:auto}.card h2{margin:0 0 8px;font-size:24px}.card p{color:#c8d2de;margin:6px 0}.card .stats{text-align:left;grid-template-columns:1fr 1fr;gap:4px 12px;margin:10px 0;display:grid}.card .journal{color:#e8d8b0;font-style:italic}#ovBtns{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.cta{color:#1a1206;cursor:pointer;touch-action:manipulation;background:#e0a040;border:0;border-radius:10px;min-width:150px;min-height:48px;padding:0 16px;font:700 16px system-ui,sans-serif}.cta.alt{color:#e8eef6;background:#34405a}#tray{padding:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:#10141c;justify-content:center;gap:6px;display:flex}.b{color:#e8eef6;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;max-width:160px;min-height:52px;font:inherit;background:#222a36;border:1px solid #3a4658;border-radius:9px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:4px 6px;display:flex}.b b{font-size:14px}.b small{color:#e0c070;font-size:11px}.b:disabled{opacity:.5;cursor:default}.back{color:#e8eef6;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#222a36;border:1px solid #3a4658;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 10px;font-weight:700;text-decoration:none;display:inline-flex}#day{width:min(440px,100%);padding:10px 12px calc(12px + env(safe-area-inset-bottom));z-index:4;background:#141a26f2;border-right:1px solid #2c3648;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}@media (width<=640px){#day{border-top:1px solid #2c3648;border-right:0;border-radius:14px 14px 0 0;width:100%;top:28%}}#day h3{text-transform:uppercase;letter-spacing:.06em;color:#9fb2c8;margin:12px 0 6px;font-size:13px}.dayhead{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dayhead h2{margin:0;font-size:20px}.hours{gap:3px;margin:6px 0 4px;display:flex}.hours i{background:#e0a040;border-radius:3px;flex:1;height:10px}.hours i.used{background:#2c3648}.res{flex-wrap:wrap;gap:4px;display:flex}.res span{background:#222a36;border-radius:6px;padding:3px 7px;font-weight:600}.row{background:#1c2433;border:1px solid #2c3648;border-radius:9px;align-items:center;gap:8px;margin-bottom:6px;padding:7px 8px;display:flex}.row .info{flex:1;min-width:0}.row .info b{display:block}.row .info small{color:#9fb2c8}.row button{color:#1a1206;cursor:pointer;touch-action:manipulation;background:#e0a040;border:0;border-radius:8px;min-width:84px;min-height:44px;font-size:13px;font-weight:700}.row button:disabled{color:#8090a4;cursor:default;background:#3a4252}.log{color:#c8d2de;max-height:120px;margin:0;padding-left:16px;overflow:auto}.log li{margin:2px 0}.log li:first-child{color:#ffe0a0}#dayGo{width:100%;margin-top:12px}@media (width<=480px){#hud{flex-wrap:nowrap;gap:4px;padding:4px 6px;overflow:hidden}.pill{padding:3px 6px;font-size:12px}.hpwrap{gap:3px;min-width:48px}.hpwrap em{display:none}#wallTxt{font-size:12px}.back{padding:0 8px}}#rotate{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:10;color:#e8ecf5;text-align:center;pointer-events:none;background:#0b1020d9;border-radius:999px;max-width:min(92vw,360px);padding:6px 12px;font-size:13px;line-height:1.3;animation:.5s 6s forwards rotateChipOut;display:none;position:absolute;left:50%;transform:translate(-50%)}@keyframes rotateChipOut{to{opacity:0;visibility:hidden}}@media (orientation:portrait) and (pointer:coarse){body:not(.portrait-ok) #rotate{display:block}}#overlay .tagline{letter-spacing:.02em;opacity:.9;font-style:italic}small{font-size:11px}.sheet{z-index:8;background:#000b;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0}.sheet[hidden]{display:none}.sheet .btns{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.sheet .step{color:#9fb2c8;letter-spacing:.06em;text-transform:uppercase}#tips .card{text-align:left}#tips h2{margin-top:4px}.opt{text-align:left;cursor:pointer;align-items:center;gap:12px;min-height:48px;margin:8px 0;display:flex}.opt input[type=checkbox]{accent-color:#e0a040;flex:none;width:28px;height:28px}.opt span small{color:#9fb2c8;display:block}.opt.vol{flex-direction:column;align-items:stretch;gap:4px}.opt.vol span{justify-content:space-between;display:flex}.opt input[type=range]{accent-color:#e0a040;width:100%;min-height:44px}#back{z-index:30;position:relative}.opt,.opt input{-webkit-tap-highlight-color:transparent}.opt input:focus{outline:none}.opt input:focus-visible{outline-offset:2px;outline:2px solid #e0a040}.icon{color:#e8eef6;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#222a36;border:1px solid #3a4658;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.icon .cross{display:none}.icon.muted .cross{display:inline}.icon.muted .wave{display:none}.icon.muted{color:#e0a040}.row button[aria-disabled=true]{color:#8090a4;cursor:default;background:#3a4252}@media (width<=480px){.hpwrap{min-width:36px}#wallTxt{display:none}}@media (hover:none) and (pointer:coarse){.kbd{display:none}}@media (width<=480px) and (orientation:portrait){.dayphase #game canvas{margin-top:0!important}.dayphase #day{max-height:calc(100% - 50vw - 4px);top:auto}}html,body{touch-action:manipulation;max-width:100vw;overflow:hidden}#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;max-width:100vw;overflow:hidden}#game,#game canvas{touch-action:none}body:has(#tray[hidden]) #app{padding-bottom:env(safe-area-inset-bottom)}.pill{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}@media (width<=400px){#hud{gap:3px}.back{width:44px;padding:0}.back .lbl{display:none}.pill{padding:3px 5px;font-size:11px}}@media (orientation:portrait) and (width<=640px){body:not(.dayphase) #game{flex-direction:column;justify-content:flex-end;display:flex}body:not(.dayphase) #game canvas{margin-top:0!important}}@media (orientation:landscape) and (height<=500px){#app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;padding-right:0;display:grid}body:has(#tray[hidden]) #app{padding-right:env(safe-area-inset-right)}#hud{padding:3px 8px;padding-right:max(8px, env(safe-area-inset-right));grid-column:1/-1}#stage{grid-area:2/1}#tray{width:calc(96px + env(safe-area-inset-right));padding:6px calc(6px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) 6px;flex-direction:column;grid-area:2/2}#tray .b{max-width:none;min-height:44px}.card{padding:12px 16px}.card h2{font-size:20px}}@media (width<=640px){.dayphase #day{padding-bottom:0;scroll-padding-bottom:72px}body.dayphase:has(#tray[hidden]) #app{padding-bottom:0}.dayphase #dayGo{z-index:2;width:calc(100% + 24px);min-height:calc(48px + env(safe-area-inset-bottom));padding:0 16px env(safe-area-inset-bottom);background:#e0a040;border-radius:0;margin:12px -12px 0;display:block;position:sticky;bottom:0;box-shadow:0 -8px 12px #141a26}}#hud .icon,#hud .back{flex:none}#nightPill{letter-spacing:.02em;text-transform:uppercase;flex:none;font-size:14px}#nightPill b{color:#ffc860;font-size:15px}#nightPill .of{color:#9fb2c8;font-weight:600}#ammoPill{align-items:center;gap:4px;font-size:13px;display:inline-flex}#ammoPill b{font-size:14px}#ammoPill .ai{color:#e0c070;flex:none}.zc{color:#e8eef6;flex:none;align-self:center;align-items:center;gap:5px;padding:5px 8px;display:inline-flex;position:relative}.zc .skull{flex:none}.zc .zt{white-space:nowrap;font-size:14px;font-weight:600}.zc .zt b{color:#ffd27a;font-size:15px}.zc .zbar{background:#0008;border-radius:2px;height:3px;position:absolute;bottom:2px;left:6px;right:6px;overflow:hidden}.zc .zbar i{background:#e05040;width:100%;height:100%;transition:width .25s;display:block}.zc.idle .skull,.zc.idle .zbar{display:none}.zc.idle{padding:3px 8px}@media (width<=480px){#ammoPill .wn,#ammoPill .res{display:none}.hpwrap{flex:24px;min-width:24px}}@media (width<=400px){#nightPill{text-transform:none;padding:3px 5px;font-size:13px}#nightPill b{font-size:14px}.zc{gap:3px;padding:5px}.zc .zt{font-size:14px}.zc .zbar{left:4px;right:4px}#ammoPill{gap:3px;font-size:12px}#ammoPill b{font-size:14px}}#banner{z-index:3;pointer-events:none;opacity:0;white-space:nowrap;background:#0b1020c0;border:1px solid #e0a04066;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 26px;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}#banner[hidden]{display:none}#banner b{letter-spacing:.12em;text-transform:uppercase;color:#ffd27a;font-size:28px}#banner small{color:#c8d2de;letter-spacing:.06em;font-size:13px}#banner.go{animation:1.5s ease-out forwards bannerFade}#banner.go.fx{animation-name:bannerPop}@keyframes bannerFade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%)scale(.92)}15%{opacity:1;transform:translate(-50%)scale(1)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1.02)}}@media (prefers-reduced-motion:reduce){#banner.go.fx{animation-name:bannerFade}}#overlay .stats b{color:#ffd27a;font-size:17px}