*{box-sizing:border-box}html,body{color:#fff;background:#111;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.hidden{display:none!important}.overlay{background:#0a140fbf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{text-align:center;background:#1d2b22;border:2px solid #3f6b4e;border-radius:12px;width:min(420px,92vw);padding:28px}h1{margin:0 0 4px;font-size:1.8rem}.subtitle{color:#9fc7a9;margin:0 0 20px}button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;width:100%;margin:6px 0;padding:12px;font-size:1rem;font-weight:700}button:hover{background:#5cc160}button:disabled{cursor:default;background:#555}button.secondary{background:#34495e}button small{opacity:.8;font-weight:400}.join-row{gap:8px;display:flex}.join-row input{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:3px;background:#0f1712;border:2px solid #3f6b4e;border-radius:8px;width:40%;margin:6px 0;padding:10px;font-size:1.1rem}.join-row input::placeholder{letter-spacing:0}.code{letter-spacing:8px;color:#ffd54f;-webkit-user-select:all;user-select:all;margin:10px 0;font-size:2.6rem;font-weight:700}.small{color:#aaa;font-size:.85rem}.status{color:#ff8a80;min-height:1.2em;font-size:.9rem}#hud .hud-box{pointer-events:none;background:#00000073;border-radius:6px;padding:6px 10px;font-size:.85rem;position:fixed}#hud-info{top:10px;left:10px}#hud-net{top:10px;right:10px}#hud-help{white-space:nowrap;bottom:10px;left:50%;transform:translate(-50%);font-size:.75rem!important}#hud-hint{bottom:50px;left:50%;transform:translate(-50%);font-size:1rem!important}#hud-bars{width:210px;bottom:44px;left:10px}.bar-row{align-items:center;gap:6px;margin:3px 0;display:flex}.bar{background:#ffffff26;border-radius:6px;flex:1;height:12px;overflow:hidden}.fill{height:100%;transition:width .2s}.fill.health{background:#e53935}.fill.hunger{background:#ff9800}.fill.energy{background:#fdd835}#hud-toasts{pointer-events:none;flex-direction:column;gap:4px;display:flex;position:fixed;bottom:140px;left:10px}.toast{background:#0000008c;border-radius:6px;padding:4px 10px;font-weight:700;animation:.2s toastIn,.5s 2s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translate(-10px)}}@keyframes toastOut{to{opacity:0}}#inventory{z-index:5;background:radial-gradient(#00000026,#0009);flex-wrap:wrap;place-content:safe center center;align-items:flex-start;gap:12px;padding:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.equip-panel{text-shadow:0 1px 3px #000;border:2px solid #3f6b4e;background:0 0!important;width:min(300px,92vw)!important}.equip-panel h2,#inv-stats{background:#0f1712d9;border-radius:8px;padding:4px 8px}.bag-panel{width:min(400px,92vw)!important}.paperdoll{justify-content:center;align-items:stretch;gap:8px;display:flex}.gear-col{flex-direction:column;justify-content:center;gap:8px;display:flex}#inv-preview{border:2px solid #3f6b4e;border-radius:10px;flex:1;min-height:260px;box-shadow:inset 0 0 30px #00000080}#inv-stats{margin-top:8px;line-height:1.5}.slot-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.bar-grid{grid-template-columns:repeat(7,1fr)}.bag-panel h3{margin:12px 0 6px;font-size:.95rem}.slot{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f1712;border:1px solid #2f5039;border-radius:8px;justify-content:center;align-items:center;min-width:44px;display:flex;position:relative}.slot.gear{background:#13201a;border-color:#52795e;width:52px;height:52px}.slot.full:hover{background:#22331f}.slot.selected{border-color:#ffd54f;box-shadow:inset 0 0 0 2px #ffd54f}.slot.hand{background:#2c3d1d;border-color:#8bc34a}.slot.nope{border-color:#ff5252;animation:.3s shake}.slot .icon{pointer-events:none;font-size:1.5rem}.slot .icon.ghost{opacity:.25}.slot .count{color:#fff;text-shadow:0 0 3px #000;pointer-events:none;font-size:.75rem;font-weight:700;position:absolute;bottom:1px;right:4px}.slot .key{color:#9fc7a9;pointer-events:none;font-size:.6rem;position:absolute;top:1px;left:4px}.slot .dur,.hot-slot .dur{pointer-events:none;background:#0009;border-radius:2px;height:3px;position:absolute;bottom:3px;left:4px;right:4px}.slot .dur span,.hot-slot .dur span{border-radius:2px;height:100%;display:block}#inv-detail{background:#0f1712;border:1px solid #2f5039;border-radius:8px;min-height:56px;margin-top:10px;padding:8px}.detail-buttons{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.detail-buttons button{width:auto;margin:0;padding:4px 10px;font-size:.8rem}.inv-panel{background:#1d2b22;border:2px solid #3f6b4e;border-radius:12px;width:min(420px,92vw);max-height:75vh;padding:16px;overflow-y:auto}.inv-panel h2{margin:0 0 10px;font-size:1.2rem}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.inv-cell{text-align:center;background:#0f1712;border:1px solid #3f6b4e;border-radius:8px;padding:8px 4px;position:relative}.inv-cell.usable{cursor:pointer;border-color:#ffd54f}.inv-cell.usable:hover{background:#26351f}.inv-cell .icon{font-size:1.6rem;display:block}.inv-cell .name{color:#ccc;font-size:.7rem}.inv-cell .count{color:#ffd54f;font-weight:700;position:absolute;top:4px;right:6px}.recipe{background:#0f1712;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:6px;display:flex}.recipe .icon{font-size:1.5rem}.recipe-name{flex:1;font-size:.9rem}.recipe-name small{color:#aaa}.recipe .missing{color:#ff8a80}.recipe.disabled{opacity:.6}.recipe button{width:auto;margin:0;padding:8px 12px;font-size:.85rem}.inv-close{text-align:center;color:#ccc;width:100%;margin:0}#cinema .bar{pointer-events:none;background:#000;height:9vh;position:fixed;left:0;right:0}#cinema .top{top:0}#cinema .bottom{bottom:0}#caption{letter-spacing:2px;text-shadow:0 2px 8px #000;white-space:nowrap;opacity:0;pointer-events:none;background:#00000073;border-radius:6px;padding:6px 18px;font-size:1.6rem;font-weight:700;transition:opacity 1s;position:fixed;top:13vh;left:50%;transform:translate(-50%)}#caption.visible{opacity:1}#skip-hint{color:#ccc;pointer-events:none;font-size:.8rem;position:fixed;bottom:calc(9vh + 8px);right:16px}#phone{width:min(300px,40vw);position:fixed;top:calc(9vh + 16px);right:24px}#phone-video{aspect-ratio:4/3;border:3px solid #4caf50;border-bottom:none;border-radius:12px 12px 0 0;width:100%;position:relative;box-shadow:0 4px 16px #00000080}#phone-video .live{color:#ff5252;text-shadow:0 1px 3px #000;font-size:.7rem;font-weight:700;position:absolute;top:6px;left:8px}.phone-info{background:#141923eb;border:2px solid #4caf50;border-radius:16px;padding:12px 14px}#phone-video:not(.hidden)+.phone-info{border-width:medium 3px 3px;border-top-style:none;border-top-color:currentColor;border-radius:0 0 12px 12px}.phone-row{align-items:center;gap:12px;display:flex}.phone-icon{font-size:2rem}#phone-name{font-size:1.1rem;font-weight:700}#phone-status{color:#9fc7a9;font-size:.9rem}#phone.ringing .phone-icon{animation:.3s infinite shake}#phone #btn-accept{margin:4px 0 0}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}#fade{opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}#dialogue{z-index:10;cursor:pointer;background:#0f141ee6;border:2px solid #ffd54f;border-radius:10px;width:min(700px,92vw);padding:16px 20px;position:fixed;bottom:50px;left:50%;transform:translate(-50%)}#dialogue-name{color:#ffd54f;margin-bottom:6px;font-weight:700}#dialogue-hint{color:#999;text-align:right;margin-top:8px;font-size:.75rem}.inv-cell.equipped{background:#3a5a2a;border-color:#8bc34a;box-shadow:inset 0 0 0 2px #8bc34a}#btn-skip-intro{background:#0000008c;border:1px solid #888;width:auto;margin:0;padding:8px 14px;font-size:.85rem;position:fixed;top:calc(9vh + 12px);left:16px}#btn-skip-intro:hover{background:#000c}#hud-clock{font-weight:700;top:10px;left:50%;transform:translate(-50%);font-size:.95rem!important}#hud-ability{bottom:44px;right:10px}#hurt-flash{pointer-events:none;opacity:0;background:radial-gradient(#f000 40%,#dc00008c 100%);transition:opacity .4s;position:fixed;inset:0}#hurt-flash.on{opacity:1;transition:none}#sleep-overlay{z-index:4;background:#050814d9;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:0}.sleep-text{font-size:2rem;font-weight:700}#boss-bar{text-align:center;pointer-events:none;width:min(520px,80vw);position:fixed;top:46px;left:50%;transform:translate(-50%)}#boss-name{letter-spacing:2px;color:#ff5a4a;text-shadow:0 0 8px #000,0 0 4px #000;margin-bottom:4px;font-weight:700}.boss-track{background:#0009;border:2px solid #2a0000;border-radius:7px;height:14px;overflow:hidden}#boss-fill{background:linear-gradient(#ff4d3a,#a80d00);width:100%;height:100%;transition:width .25s}#big-title{text-align:center;pointer-events:none;z-index:6;position:fixed;top:38%;left:0;right:0}#big-title-main{letter-spacing:6px;color:#ff3b2a;text-shadow:0 0 18px #7a0000,0 0 4px #000,0 4px #2a0000;font-size:clamp(2rem,7vw,4.5rem);font-weight:900}#big-title-sub{letter-spacing:4px;color:#f3d9d4;text-shadow:0 0 6px #000;margin-top:6px;font-size:clamp(1rem,2.6vw,1.5rem)}#big-title.show #big-title-main{animation:.9s ease-out big-title-in}#big-title.show #big-title-sub{animation:.9s ease-out .4s both big-title-in}@keyframes big-title-in{0%{opacity:0;filter:blur(6px);transform:scale(1.8)}to{opacity:1;filter:blur();transform:scale(1)}}#cinema.no-skip #skip-hint,#cinema.no-skip #btn-skip-intro{display:none}#map{text-align:center;z-index:5;pointer-events:none;background:#3b2a14ee;border:3px solid #8a6a3a;border-radius:12px;padding:14px 18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#map .map-title{color:#f3e2b8;margin-bottom:8px;font-size:1.2rem;font-weight:700}#map-canvas{width:min(440px,80vw,70vh);height:auto;margin:0 auto 6px;display:block}.recipe-tabs{flex-wrap:wrap;gap:4px;margin:6px 0 10px;display:flex}.recipe-tab{color:#ccc;background:#0f1712;border:1px solid #3f6b4e;width:auto;margin:0;padding:5px 8px;font-size:.78rem}.recipe-tab.active{color:#fff;background:#3f6b4e}.recipe-tab .ready{color:#000;background:#ffd54f;border-radius:8px;padding:0 5px;font-weight:700}.recipe-stats{color:#9fc7a9;font-size:.75rem}#options{z-index:7;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.options-panel{background:#1d2b22;border:2px solid #3f6b4e;border-radius:12px;width:min(380px,90vw);padding:18px 20px}.options-panel h2{margin:0 0 12px}.options-panel label{margin:10px 0;font-size:.95rem;display:block}.options-panel label span{float:right;color:#ffd54f}.options-panel input[type=range]{width:100%;margin-top:6px}.options-panel button{width:100%;margin:6px 0 0}#boss-bar2{margin-top:8px}#boss-name2{letter-spacing:2px;color:#ffab40;text-shadow:0 0 8px #000;margin-bottom:4px;font-weight:700}#boss-fill2{background:linear-gradient(#ffb74d,#e65100);width:100%;height:100%;transition:width .25s}#credits{z-index:8;text-align:center;background:#000;position:fixed;inset:0;overflow:hidden}#credits-roll{animation:38s linear forwards credits-up;position:absolute;top:100%;left:0;right:0}#credits h1{color:#ffd54f;margin:0 0 10px;font-size:4rem}#credits h3{color:#ffd54f;letter-spacing:3px;margin:34px 0 6px}#credits p{color:#eee;margin:0;font-size:1.1rem}#credits .credits-sub{color:#b0bec5;margin-top:30px}#btn-credits-close{width:auto;position:absolute;bottom:20px;right:20px}@keyframes credits-up{to{transform:translateY(calc(-100% - 100vh))}}#hotbar{pointer-events:none;gap:4px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.hot-slot{background:#00000080;border:2px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex;position:relative}.hot-slot.active{background:#ffd54f40;border-color:#ffd54f}.hot-slot .key{color:#ddd;font-size:.65rem;position:absolute;top:1px;left:4px}.hot-slot .tier{color:#ffd54f;font-size:.6rem;position:absolute;bottom:1px;right:3px}.hot-slot .count{color:#fff;text-shadow:0 0 3px #000;font-size:.7rem;font-weight:700;position:absolute;bottom:2px;right:4px}.hot-slot.weapon-fallback{opacity:.75}#xp-bar{pointer-events:none;align-items:center;gap:8px;width:340px;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}#xp-level{color:#b9f6ca;text-shadow:0 0 3px #000;white-space:nowrap;font-size:.75rem;font-weight:700}.xp-track{background:#0000008c;border:1px solid #fff3;border-radius:3px;flex:1;height:6px;overflow:hidden}#xp-fill{background:linear-gradient(90deg,#69f0ae,#b2ff59);width:0;height:100%;transition:width .3s}#board{z-index:6;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.board-panel{width:min(620px,95vw)!important;max-height:88vh!important}.board-panel h3{margin:10px 0 6px;font-size:.95rem}.quest-row{background:#0f1712;border:1px solid #3f6b4e;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:flex}.quest-row.ready{border-color:#ffd54f;box-shadow:0 0 8px #ffd54f4d}.quest-row button{width:auto;margin:0;padding:6px 12px}.quest-buttons{gap:6px;display:flex}#skills{z-index:6;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skills-panel{width:min(760px,95vw)!important;max-height:88vh!important}#skills-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.skill-card{background:#0f1712;border:1px solid #3f6b4e;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.skill-card .skill-icon{font-size:1.8rem}.skill-card.special{border-color:#ffd54f;box-shadow:0 0 12px #ffd54f40}.skill-card.locked{opacity:.6}.skill-card.maxed{border-color:#8bc34a}.skill-card button{margin:0}.pips{gap:3px;margin:3px 0;display:flex}.pip{background:#2a3a2e;border-radius:3px;width:14px;height:6px}.pip.on{background:#b2ff59}.skill-why{color:#ffcc80}#station{z-index:5;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.station-panel{width:min(460px,94vw)!important}.station-row{justify-content:center;align-items:center;gap:12px;margin:10px 0;display:flex}.station-col{flex-direction:column;align-items:center;gap:4px;display:flex}.st-slot{width:64px;height:64px}.st-slot.out{border-color:#ffd54f}.station-arrow{color:#ffd54f;flex-direction:column;align-items:center;font-size:1.6rem;display:flex}.st-bar{background:#0b110d;border-radius:3px;width:64px;height:6px;overflow:hidden}.st-bar.wide{width:70px}.st-fill{width:0;height:100%}.st-fill.burn{background:linear-gradient(90deg,#ff6d00,#ffd54f)}.st-fill.prog{background:#8bc34a}#chest{z-index:5;background:#0000008c;flex-wrap:wrap;place-content:center;align-items:flex-start;gap:16px;padding:16px;display:flex;position:fixed;inset:0}#chest-close{width:auto;margin:0 0 0 6px;padding:4px 10px;font-size:.8rem}#compass{pointer-events:none;background:#00000073;border-radius:12px;align-items:center;gap:6px;padding:2px 10px;font-weight:700;display:flex;position:fixed;top:44px;left:50%;transform:translate(-50%)}#compass-arrow{color:#ffd54f;font-size:1.2rem;transition:transform .1s linear;display:inline-block}#compass-dist{color:#eee;font-size:.8rem}.options-panel{max-height:85vh;overflow-y:auto}#opt-achievements h3{color:#ffd54f;margin:16px 0 6px;font-size:1rem}.ach-stat{justify-content:space-between;padding:2px 0;font-size:.85rem;display:flex}.ach{color:#888;padding:3px 0;font-size:.82rem}.ach.got{color:#fff}.ach small{color:#9fc7a9}.news{text-align:left;margin-top:10px;font-size:.82rem}.news summary{cursor:pointer;color:#ffd54f;font-weight:700}.news ul{margin:6px 0 0;padding-left:18px}.news li{margin:2px 0}#menu .panel{max-height:94vh;overflow-y:auto}