*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b1026;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#app,#app canvas{width:100%;height:100%;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 4px #0009}#topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:8px 20px;background:#0a0e1c8c;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:20px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}#stats-bars{position:absolute;left:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;width:240px}.bar{position:relative;height:24px;border-radius:8px;background:#080a1499;border:1px solid rgba(255,255,255,.15);overflow:hidden}.bar .fill{height:100%;width:100%;transition:width .18s ease-out}.bar.health .fill{background:linear-gradient(180deg,#ff6b5e,#d62f23)}.bar.hunger .fill{background:linear-gradient(180deg,#ffc164,#e8851c)}.bar.stamina .fill{background:linear-gradient(180deg,#8ee35c,#4d9e2a)}#meta-row{display:flex;gap:6px;margin-bottom:2px}.meta-chip{padding:3px 10px;background:#0a0e1c99;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffd66b;font-size:13px;font-weight:700;text-shadow:0 1px 2px #000}#powerup-row{position:absolute;top:14px;right:16px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:300px}.powerup-chip{display:inline-flex;align-items:center;gap:2px;padding:4px 8px;background:#0a0e1c99;border:1px solid rgba(255,214,107,.3);border-radius:9px;font-size:17px}.powerup-chip b{color:#ffd66b;font-size:12px}#boss-bar{position:absolute;top:64px;left:50%;transform:translate(-50%);width:380px;text-align:center}#boss-name{color:#ff8c2a;font-size:17px;font-weight:800;letter-spacing:4px;text-shadow:0 2px 4px #000}#boss-bar .bar.boss{height:14px;margin-top:3px;border-color:#ff8c2a80}#boss-bar .bar.boss .fill{background:linear-gradient(180deg,#ffa24d,#d9561c);transition:width .12s ease-out}.bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:10px;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.7)}#hotbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.slot{position:relative;width:54px;height:54px;border-radius:10px;background:#0a0e1c99;border:2px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.slot.selected{border-color:#ffd66b;background:#3c320ea6;box-shadow:0 0 12px #ffd66b59}.slot[data-tier=stone]{background:#282c34b3}.slot[data-tier=iron]{background:#222e42bf}.slot[data-tier=gold]{background:#423612bf}.slot[data-tier=mithril]{background:#123c3abf}.slot[data-tier=adamantite]{background:#103a20bf}.slot[data-tier=obamium]{background:#2c1442bf}.slot .item-emoji{font-size:26px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.slot .count{position:absolute;right:4px;bottom:2px;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px #000}.slot .key{position:absolute;left:4px;top:2px;color:#ffffff80;font-size:10px;font-weight:700}.slot.small{width:46px;height:46px}#toasts{position:absolute;right:20px;bottom:90px;display:flex;flex-direction:column-reverse;gap:5px;align-items:flex-end}.toast{padding:6px 12px;background:#0a0e1cb3;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 2px #000;animation:toast-in .18s ease-out;transition:opacity .4s}.toast.fade{opacity:0}@keyframes toast-in{0%{transform:translate(20px);opacity:0}}#prompt{position:absolute;left:50%;bottom:110px;transform:translate(-50%);padding:8px 16px;background:#0a0e1cb3;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#ffd66b;font-size:15px;font-weight:700;opacity:0;transition:opacity .15s}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(190,20,12,.55) 100%);transition:opacity .1s}#night-banner{position:absolute;top:80px;left:50%;transform:translate(-50%) translateY(-12px);padding:12px 28px;background:#0c081acc;border:1px solid rgba(150,110,255,.35);border-radius:12px;color:#cdbbff;font-size:20px;font-weight:700;letter-spacing:1px;opacity:0;transition:opacity .6s,transform .6s}#night-banner.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1000px){#stats-bars{width:170px;bottom:88px}.slot{width:46px;height:46px}}#overlay3d{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;overflow:hidden}.dmg-float{position:absolute;left:0;top:0;color:#fff;font-size:17px;font-weight:800;text-shadow:0 2px 3px rgba(0,0,0,.8);will-change:transform,opacity}.dmg-float.crit{color:#ffe24a;font-size:23px}.mob-bar{position:absolute;left:0;top:0;width:52px;height:7px;border-radius:4px;background:#080a14b3;border:1px solid rgba(255,255,255,.3);overflow:hidden;will-change:transform}.mob-bar-fill{height:100%;background:linear-gradient(180deg,#ff6b5e,#d62f23);transition:width .1s ease-out}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#060812b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.subtle{background:#06081273}.overlay.hidden,.hidden{display:none!important}.menu-card{text-align:center;padding:42px 56px;background:#0e1224eb;border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 24px 80px #0009;color:#dfe6f5}.menu-card.slim{padding:26px 40px}.game-title{font-size:84px;letter-spacing:14px;color:#7ed94d;text-shadow:0 4px 0 #3c7c1e,0 8px 24px rgba(0,0,0,.7);margin-bottom:4px}.subtitle{color:#9aa7c4;font-size:16px;margin-bottom:26px;letter-spacing:2px}.big-btn{font:inherit;font-size:22px;font-weight:800;letter-spacing:2px;padding:14px 46px;border-radius:12px;border:none;cursor:pointer;color:#10240a;background:linear-gradient(180deg,#8ee35c,#5cb52e);box-shadow:0 5px #3c7c1e,0 12px 24px #0006;transition:transform .08s,box-shadow .08s}.big-btn:hover{transform:translateY(-2px)}.big-btn:active{transform:translateY(2px);box-shadow:0 2px #3c7c1e}.controls-grid{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:7px 28px;text-align:left;font-size:14px;color:#9aa7c4}.controls-grid b{color:#ffd66b}.death-title{font-size:64px;letter-spacing:10px;color:#ff5b4d;text-shadow:0 4px 0 #7c1e16,0 8px 24px rgba(0,0,0,.7);margin-bottom:10px}.death-card p,.win-card p{font-size:18px;color:#c2cce4;margin-bottom:26px}.win-title{font-size:64px;letter-spacing:10px;color:#7ed94d;text-shadow:0 4px 0 #3c7c1e,0 8px 24px rgba(0,0,0,.7);margin-bottom:10px}.seed-label{font-size:13px!important;color:#6d7a99!important;margin-top:-16px}.seed-row{margin-top:16px}.records-line{color:#ffd66b;font-size:13px;letter-spacing:1px;margin:-16px 0 18px;min-height:16px}.record-line{color:#ffd66b!important;font-size:15px!important;font-weight:700;margin:-16px 0 20px!important}.pause-card{min-width:360px}.pause-title{font-size:28px;letter-spacing:6px;color:#dfe6f5;margin-bottom:20px}.settings-rows{margin:24px 0 8px;display:flex;flex-direction:column;gap:12px;text-align:left}.settings-rows label{display:grid;grid-template-columns:110px 1fr 46px;align-items:center;gap:10px;font-size:14px;color:#9aa7c4}.settings-rows span{color:#ffd66b;font-weight:700;font-size:13px;text-align:right}.settings-rows input[type=range]{accent-color:#7ed94d;cursor:pointer}.quit-btn{font:inherit;font-size:13px;font-weight:700;letter-spacing:1px;margin-top:14px;padding:8px 22px;border-radius:9px;border:1px solid rgba(255,120,110,.4);background:#781e184d;color:#ff9c92;cursor:pointer;transition:background .1s}.quit-btn:hover{background:#781e188c}.trash-btn{font:inherit;font-size:13px;font-weight:700;width:100%;margin-top:10px;padding:9px;border-radius:9px;border:1px dashed rgba(255,120,110,.5);background:#781e1840;color:#ff9c92;cursor:pointer}.trash-btn:hover{background:#781e1880}#seed-input{font:inherit;font-size:14px;text-align:center;padding:8px 14px;width:220px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:#080a1499;color:#dfe6f5;outline:none}#seed-input:focus{border-color:#7ed94d}.coop-row{margin-top:12px;display:flex;gap:8px;justify-content:center;align-items:center}.coop-btn{font:inherit;font-size:13px;font-weight:700;letter-spacing:1px;padding:9px 16px;border-radius:9px;border:1px solid rgba(91,141,239,.45);background:#1e326459;color:#9ec0ff;cursor:pointer;transition:background .1s}.coop-btn:hover{background:#1e326499}#join-code{font:inherit;font-size:13px;text-align:center;padding:8px 10px;width:110px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:#080a1499;color:#dfe6f5;outline:none;text-transform:lowercase}#join-code:focus{border-color:#5b8def}.coop-status{margin-top:10px;font-size:13px;color:#9ec0ff;min-height:16px}.room-line{font-size:13px;color:#9ec0ff;margin:-8px 0 10px}#craft-panel{position:fixed;top:0;right:0;bottom:0;width:380px;z-index:8;background:#0c1020f0;border-left:1px solid rgba(255,255,255,.12);box-shadow:-16px 0 48px #00000080;overflow-y:auto}.panel-inner{padding:22px;color:#dfe6f5}.panel-inner h2{font-size:18px;letter-spacing:1px;margin:14px 0 10px;color:#ffd66b}.recipes{display:flex;flex-direction:column;gap:7px}.recipe{font:inherit;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#dfe6f5;cursor:pointer;transition:background .1s,transform .06s}.recipe:hover:not(.locked){background:#7ed94d24;transform:translate(-2px)}.recipe.locked{opacity:.45;cursor:default}.recipe-emoji{font-size:26px}.recipe-body{flex:1;display:flex;flex-direction:column}.recipe-name{font-weight:700;font-size:15px}.recipe-desc{font-size:12px;color:#92a0bf}.recipe-cost{display:flex;gap:6px}.cost{font-size:13px;font-weight:700;padding:2px 6px;border-radius:6px;background:#00000059}.cost.have{color:#8ee35c}.cost.missing{color:#ff7a6e}.inv-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.slot.small{width:auto;height:auto;aspect-ratio:1;cursor:pointer;transition:border-color .08s,box-shadow .08s}.slot.small .item-emoji{font-size:20px}.slot.small:hover{border-color:#ffffff73}.slot.small.hotbar-slot{border-color:#ffd66b59}.slot.small.held{border-color:#ffd66b;box-shadow:0 0 10px #ffd66b80;transform:scale(1.07)}.panel-sub{font-size:12px;color:#92a0bf;margin:-4px 0 8px}.panel-hint{margin-top:16px;text-align:center;font-size:12px;color:#6d7a99}