:root{--panel: #16181f;--panel-2: #1e212b;--edge: #2e3340;--edge-soft: #3a4152;--text: #e8ecf4;--muted: #9aa3b5;--accent: #6fd08c;--slot: #262a36;--slot-hover: #323848;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "Cascadia Mono", "Consolas", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a0c12;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#viewport{display:block;width:100%;height:100%;cursor:crosshair}#game-root,#shell-root{position:absolute;inset:0;pointer-events:none}#game-root>*,#shell-root>*{pointer-events:auto}#game-root{z-index:10}#shell-root{z-index:30}#hub{position:absolute;inset:0;background:#05070d}#hub-backdrop{position:absolute;inset:0;display:block;z-index:0;pointer-events:none}.hub-content{position:absolute;inset:0;z-index:1;display:flex;align-items:stretch}.hub-main{flex:1;min-width:0;overflow-y:auto;padding:46px 34px 32px;display:flex;flex-direction:column}.hub-head{margin-bottom:30px}.hub-logo{margin:0;font-size:42px;letter-spacing:-.03em;background:linear-gradient(115deg,#8fe3a8,#7ec8ff 55%,#c9a7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hub-tagline{margin:6px 0 0;color:var(--muted);font-size:14px}.hub-list{display:flex;flex-direction:column;gap:16px;max-width:1000px}.game-card{display:flex;gap:20px;align-items:stretch;text-align:left;padding:16px;background:#141720d1;backdrop-filter:blur(8px);border:1px solid var(--edge);border-radius:14px;color:var(--text);font-family:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.game-card:hover{transform:translateY(-2px);border-color:var(--accent, var(--edge-soft));box-shadow:0 16px 40px #00000080}.card-art{width:148px;aspect-ratio:3 / 4;height:auto;flex:none;display:block;border-radius:9px;border:1px solid var(--edge)}.card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}.card-title{margin:0;font-size:19px;letter-spacing:-.01em}.card-tags{display:flex;gap:6px;flex-wrap:wrap}.card-tags span{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--edge);color:var(--muted)}.card-detail{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:13px 15px;background:var(--panel-2);border:1px solid var(--edge);border-radius:10px}.card-blurb{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-cta{font-size:13px;font-weight:700;color:var(--accent, #6fd08c)}.card-stat{font-size:11.5px;color:#6c7488;font-family:var(--mono)}.hub-foot{margin-top:28px;font-size:11.5px;color:#6c7488}.hub-side{width:250px;flex:none;padding:46px 22px 24px;background:#05070db8;backdrop-filter:blur(10px);border-left:1px solid var(--edge);overflow-y:auto}.hub-side h3{margin:0 0 16px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.side-stats{margin:0 0 20px;display:flex;flex-direction:column;gap:9px}.side-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12.5px}.side-row dt{color:var(--muted)}.side-row dd{margin:0;color:var(--text);font-family:var(--mono);font-size:12px;text-align:right}.side-resume{width:100%;padding:9px 12px;border-radius:8px;background:var(--panel-2);border:1px solid var(--edge-soft);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .12s ease}.side-resume:hover{background:var(--slot-hover)}.side-note{margin:18px 0 0;font-size:11px;line-height:1.6;color:#6c7488}@media(max-width:860px){.hub-content{flex-direction:column}.hub-side{width:auto;border-left:none;border-top:1px solid var(--edge);padding:20px 24px 24px}.game-card{flex-direction:column}.card-art{width:100%;aspect-ratio:16 / 9}}#pause-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#06080cad;backdrop-filter:blur(4px);z-index:45}.pause-card{background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:30px 40px;text-align:center;box-shadow:0 26px 70px #0009}.pause-card h2{margin:0 0 20px;font-size:20px}.pause-buttons{display:flex;gap:10px;justify-content:center}.pause-hint{margin:18px 0 0;font-size:11.5px;color:var(--muted)}.hidden{display:none!important}img{image-rendering:pixelated}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:difference}#crosshair line{stroke:#fff;stroke-width:2;stroke-linecap:round}#break-arc{fill:none;stroke:#fff;stroke-width:2.5;opacity:0;transform:rotate(-90deg);transform-origin:20px 20px;transition:opacity 90ms linear}.slot{position:relative;width:52px;height:52px;background:var(--slot);border:1px solid var(--edge);border-radius:6px;display:flex;align-items:center;justify-content:center;user-select:none}.slot-icon{width:38px;height:38px;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.slot-count{position:absolute;right:3px;bottom:1px;font-size:12px;font-weight:700;font-family:var(--mono);text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none}.slot-key{position:absolute;left:4px;top:1px;font-size:10px;color:var(--muted);pointer-events:none}.slot-dur{position:absolute;left:5px;right:5px;bottom:4px;height:3px;background:#000a;border-radius:2px;overflow:hidden;pointer-events:none}.slot-dur i{display:block;height:100%}#hud{position:absolute;bottom:18px;left:50%;transform:translate(-50%);pointer-events:none}#hotbar{display:flex;gap:4px;padding:5px;background:#0c0e148c;border:1px solid rgba(255,255,255,.08);border-radius:10px;backdrop-filter:blur(6px);pointer-events:auto}.hotbar-slot{cursor:pointer}.hotbar-slot.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffffe6,0 0 16px #ffffff40;background:var(--slot-hover)}#hotbar-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;white-space:nowrap;font-size:15px;font-weight:600;text-shadow:0 2px 6px #000;opacity:0;transition:opacity .35s ease}#hotbar-label.visible{opacity:1}#debug{position:absolute;top:12px;left:12px;font-family:var(--mono);font-size:12px;line-height:1.55;color:#d6ffe4;text-shadow:0 1px 3px #000;pointer-events:none}#toast-stack{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#0e1016e0;border:1px solid var(--edge-soft);padding:7px 14px;border-radius:999px;font-size:13px;opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.toast.out{opacity:0;transform:translateY(-8px)}#screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#06080c9e;backdrop-filter:blur(3px);z-index:20}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:14px;box-shadow:0 24px 70px #0009;padding:16px;max-height:94vh;overflow:auto;min-width:440px;--slot-size: 48px}@media(max-height:780px){.panel{--slot-size: 42px;padding:13px}}.panel.wide{min-width:640px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h2{margin:0;font-size:17px;letter-spacing:.02em}.close-btn{background:var(--slot);border:1px solid var(--edge-soft);color:var(--muted);border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;font-family:var(--mono)}.close-btn:hover{background:var(--slot-hover);color:var(--text)}.panel-body{display:flex;gap:22px;align-items:flex-start;margin-bottom:18px}.grid{display:grid;gap:4px}.inv-grid{grid-template-columns:repeat(9,var(--slot-size))}.hotbar-grid{grid-template-columns:repeat(9,var(--slot-size));margin-top:9px}.craft-2{grid-template-columns:repeat(2,var(--slot-size))}.craft-3{grid-template-columns:repeat(3,var(--slot-size))}#screen .slot{width:var(--slot-size);height:var(--slot-size)}#screen .slot .slot-icon{width:calc(var(--slot-size) * .72);height:calc(var(--slot-size) * .72)}.inv-section{padding-top:12px;border-top:1px solid var(--edge)}.slot[data-c]:hover{background:var(--slot-hover);cursor:pointer}#screen .slot.big{width:calc(var(--slot-size) * 1.15);height:calc(var(--slot-size) * 1.15)}#screen .slot.big .slot-icon{width:calc(var(--slot-size) * .85);height:calc(var(--slot-size) * .85)}.slot.result{border-color:var(--accent);background:#1c2a22}.craft-layout{display:flex;align-items:center;gap:16px}.craft-arrow{font-size:22px;color:var(--muted)}.recipe-book{flex:1;min-width:240px;border-left:1px solid var(--edge);padding-left:18px}.recipe-book h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.recipe-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:5px;max-height:168px;overflow-y:auto;padding-right:4px}@media(max-height:780px){.recipe-list{max-height:132px}}.recipe{display:flex;align-items:center;gap:7px;background:var(--panel-2);border:1px solid var(--edge);border-radius:7px;padding:5px 7px;color:var(--text);font-size:12px;cursor:pointer;text-align:left;font-family:inherit}.recipe:hover{background:var(--slot-hover);border-color:var(--edge-soft)}.recipe img{width:22px;height:22px;flex:none}.recipe-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-count{color:var(--muted);font-family:var(--mono)}.recipe.unavailable{opacity:.38}.hint{margin:10px 0 0;font-size:11.5px;color:var(--muted)}.furnace-layout{display:flex;align-items:center;gap:14px}.flame{width:16px;height:44px;background:#0d0f14;border:1px solid var(--edge);border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.flame i{display:block;width:100%;height:0%;background:linear-gradient(to top,#ff7a18,#ffd24a);transition:height .2s linear}.cook-arrow{width:74px;height:12px;background:#0d0f14;border:1px solid var(--edge);border-radius:999px;overflow:hidden}.cook-arrow i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#4a8ad6,#6fd08c);transition:width .12s linear}.creative-grid{grid-template-columns:repeat(12,var(--slot-size));max-height:300px;overflow-y:auto;padding-right:6px}@media(max-height:780px){.creative-grid{max-height:210px}}.cursor-slot{position:fixed;left:0;top:0;z-index:60;pointer-events:none;background:transparent;border:none;width:46px;height:46px}.cursor-slot .slot-icon{width:40px;height:40px}#menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:40;background:radial-gradient(120% 90% at 50% 0%,#1d3357,#0b0e16 60%),#0b0e16}.menu-card{width:min(560px,92vw);background:#12151de0;border:1px solid var(--edge);border-radius:18px;padding:34px 36px 28px;box-shadow:0 30px 90px #0009;text-align:center}.menu-card h1{margin:0;font-size:42px;letter-spacing:-.02em;background:linear-gradient(120deg,#8fe3a8,#7ec8ff 60%,#c9a7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:6px 0 24px;color:var(--muted);font-size:14px}#menu-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}.menu-btn{background:var(--panel-2);border:1px solid var(--edge-soft);color:var(--text);padding:11px 24px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .12s ease,background .12s ease}.menu-btn:hover{background:var(--slot-hover);transform:translateY(-1px)}.menu-btn.primary{background:linear-gradient(180deg,#4e9c6a,#3d7d54);border-color:#5fb37c}.menu-btn.primary:hover{background:linear-gradient(180deg,#59ac77,#46895e)}.menu-btn.ghost{background:transparent;color:var(--muted)}.controls-grid{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;text-align:left;font-size:12.5px;color:var(--muted);border-top:1px solid var(--edge);padding-top:18px}.controls-grid>div:nth-child(odd){display:flex;gap:3px}kbd{background:#262a36;border:1px solid var(--edge-soft);border-bottom-width:2px;border-radius:5px;padding:2px 6px;font-family:var(--mono);font-size:11px;color:var(--text);white-space:nowrap}.footnote{margin:16px 0 0;font-size:11.5px;color:#6c7488}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0e16;z-index:50}.loading-inner{color:var(--muted);font-size:13px;width:min(340px,78vw)}.loading-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}#loading-status{font-size:14px;color:var(--text);font-weight:600}#loading-pct{font-family:var(--mono);font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}.loading-bar{width:100%;height:6px;background:#1c2029;border-radius:999px;overflow:hidden}.loading-bar span{display:block;width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#6fd08c,#7ec8ff);transition:width .18s ease-out}#loading-detail{margin:10px 0 0;font-family:var(--mono);font-size:11.5px;color:#6c7488}#water-overlay{position:absolute;inset:0;pointer-events:none;background:#1e5aaa57;opacity:0;transition:opacity .18s ease;z-index:5}#water-overlay.active{opacity:1}.fatal{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;background:#0b0e16;color:var(--text);overflow:auto;user-select:text}.fatal h1{margin:0;font-size:20px;color:#ff8f7a}.fatal pre{max-width:min(820px,92vw);max-height:46vh;overflow:auto;margin:0;padding:14px 16px;background:var(--panel);border:1px solid var(--edge);border-radius:9px;font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;text-align:left;color:#ffd7cf}.fatal-env{margin:0;font-size:11.5px;color:var(--muted);max-width:min(820px,92vw);text-align:center}@media(max-width:720px){.panel,.panel.wide{min-width:0;width:94vw}.panel-body{flex-direction:column}.recipe-book{border-left:none;border-top:1px solid var(--edge);padding:14px 0 0}.inv-grid,.hotbar-grid{grid-template-columns:repeat(9,1fr)}.creative-grid{grid-template-columns:repeat(6,1fr)}.slot{width:auto;aspect-ratio:1;height:auto;min-width:38px}}#cs-crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:4}#cs-crosshair .ch{stroke:#4ef08a;stroke-width:2}#cs-crosshair .ch-dot{fill:#4ef08a}#cs-hud{position:absolute;inset:0;pointer-events:none;font-family:var(--font)}.cs-left,.cs-right{position:absolute;bottom:26px;display:flex;align-items:flex-end;gap:22px;text-shadow:0 2px 6px rgba(0,0,0,.85)}.cs-left{left:34px}.cs-right{right:34px;flex-direction:column;align-items:flex-end;gap:2px}.cs-health,.cs-armor{display:flex;align-items:center;gap:8px}.cs-health b,.cs-armor b{font-size:34px;font-weight:700;letter-spacing:-.02em}.cs-health{color:#eef3fb}.cs-armor{color:#8fc4ff}.cs-icon{font-size:19px;opacity:.8}.cs-health.low b{color:#ff6b5a}.cs-ammo b{font-size:34px;font-weight:700;color:#eef3fb}.cs-ammo span{font-size:17px;color:var(--muted);margin-left:5px}.cs-ammo.empty b{color:#ff6b5a}.cs-weapon{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.cs-top{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center}.cs-score{display:flex;align-items:center;gap:14px;background:#0a0d15b8;border:1px solid var(--edge);border-radius:10px;padding:6px 16px;font-variant-numeric:tabular-nums}.cs-score .ct{color:#6fa8ff;font-weight:700;font-size:20px}.cs-score .t{color:#ffb457;font-weight:700;font-size:20px}.cs-timer{font-family:var(--mono);font-size:17px;color:var(--text);min-width:58px}.cs-phase{margin-top:6px;font-size:12px;color:var(--muted);letter-spacing:.06em}#cs-killfeed{position:absolute;top:14px;right:18px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.kf{background:#0a0d15bf;border:1px solid var(--edge);border-radius:6px;padding:4px 10px;font-size:12.5px;transition:opacity .4s ease}.kf .ct{color:#6fa8ff}.kf .t{color:#ffb457}.kf .verb{color:var(--muted);margin:0 6px}.kf.out{opacity:0}#cs-minimap{position:absolute;top:14px;left:14px;width:190px;height:190px;border:1px solid var(--edge);border-radius:10px;background:#0a0d1599}#cs-hitmarker{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;opacity:0;pointer-events:none;background:linear-gradient(45deg,transparent 44%,#fff 44%,#fff 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,#fff 44%,#fff 56%,transparent 56%)}#cs-hitmarker.show{opacity:1;transition:opacity .22s ease-out}#cs-hitmarker.kill{background:linear-gradient(45deg,transparent 44%,#ff5a4a 44%,#ff5a4a 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,#ff5a4a 44%,#ff5a4a 56%,transparent 56%)}#cs-damage{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #be1414d9;opacity:0;transition:opacity .32s ease-out}#cs-damage.hit{opacity:1;transition:opacity 60ms linear}#cs-debug{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:11.5px;color:#d6ffe4;text-shadow:0 1px 3px #000;text-align:center;line-height:1.5}.cs-timer.bomb{color:#ff5a4a;font-weight:700}.cs-money{position:absolute;bottom:74px;left:36px;font-size:22px;font-weight:700;color:#7fe0a0;text-shadow:0 2px 6px rgba(0,0,0,.85)}#cs-buymenu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.buy-card{min-width:330px;background:#0c0f16ed;border:1px solid var(--edge-soft);border-radius:12px;padding:16px 18px;box-shadow:0 20px 60px #0009}.buy-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.buy-head h3{margin:0;font-size:15px;letter-spacing:.08em;text-transform:uppercase}#buy-money{font-size:17px;font-weight:700;color:#7fe0a0}#buy-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}#buy-list li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;background:var(--panel-2);border:1px solid var(--edge);font-size:13.5px}#buy-list li .num{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:4px;background:var(--slot);font-family:var(--mono);font-size:11px;color:var(--muted)}#buy-list li .price{margin-left:auto;font-family:var(--mono);color:#7fe0a0}#buy-list li.owned{opacity:.55}#buy-list li.owned .price{color:var(--muted)}#buy-list li.poor{opacity:.42}#buy-list li.poor .price{color:#ff6b5a}.buy-hint{margin:12px 0 0;font-size:11px;color:var(--muted);text-align:center}.buy-hint kbd{padding:1px 5px;font-size:10px}#pz-hud{position:absolute;inset:0;pointer-events:none;font-family:var(--font)}.pz-top{position:absolute;top:16px;left:calc(50% + 140px);transform:translate(-50%);display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.pz-stat{display:flex;align-items:baseline;gap:8px;background:#0a0d15d1;border:1px solid var(--edge);border-radius:9px;padding:7px 14px}.pz-stat span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pz-stat b{font-size:18px;font-variant-numeric:tabular-nums}.pz-status{width:100%;text-align:center;font-size:12.5px;color:var(--muted);margin-top:2px}.pz-panel{position:absolute;left:18px;top:16px;width:272px;background:#0a0d15db;border:1px solid var(--edge);border-radius:12px;padding:12px;pointer-events:auto;backdrop-filter:blur(8px)}.pz-palette{display:flex;flex-direction:column;gap:6px}.pz-tower{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;background:var(--panel-2);border:1px solid var(--edge);color:var(--text);font-family:inherit;text-align:left;cursor:pointer}.pz-tower:hover{background:var(--slot-hover)}.pz-tower.active{border-color:var(--tc);box-shadow:0 0 0 1px var(--tc) inset}.pz-tower.poor{opacity:.45}.pz-key{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:4px;background:var(--slot);font-family:var(--mono);font-size:10px;color:var(--muted)}.pz-swatch{width:14px;height:14px;border-radius:50%;background:var(--tc);flex:none}.pz-info{display:flex;flex-direction:column;min-width:0;flex:1}.pz-info b{font-size:12.5px}.pz-info em{font-size:10.5px;color:var(--muted);font-style:normal}.pz-cost{font-family:var(--mono);font-size:12px;color:#7fe0a0}.pz-send{width:100%;margin-top:10px;padding:10px;border-radius:8px;background:linear-gradient(180deg,#4e9c6a,#3d7d54);border:1px solid #5fb37c;color:#fff;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.pz-send:disabled{background:var(--panel-2);border-color:var(--edge);color:var(--muted);cursor:default}.pz-hint{margin:9px 0 0;font-size:10.5px;color:#6c7488;text-align:center}.pz-hint kbd{padding:1px 4px;font-size:9.5px}#pz-toast{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.pz-toast-row{background:#0e1016e6;border:1px solid var(--edge-soft);border-radius:999px;padding:7px 15px;font-size:12.5px;transition:opacity .4s ease}.pz-toast-row.out{opacity:0}#pz-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#06080cb8;backdrop-filter:blur(4px);pointer-events:auto}.pz-over-card{background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:30px 38px;text-align:center;box-shadow:0 26px 70px #0009}.pz-over-card h2{margin:0 0 8px;font-size:22px}.pz-over-card p{margin:0 0 20px;color:var(--muted);font-size:13.5px}