:root{--bg:#0f1115;--panel:#12141adb;--panel-border:#ffffff1f;--text:#f1eee6;--muted:#a9a59b;--accent:#e8a33d;--accent-2:#5fc7d6;--danger:#d9534f;--font:"Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:"SFMono-Regular", "Menlo", "Consolas", monospace}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}#game{image-rendering:auto;outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.debug{pointer-events:none;font:13px/1.35 var(--mono);justify-content:space-between;display:flex;position:fixed;inset:8px}.debug span{color:#eaeaea;white-space:pre;background:#00000073;margin-bottom:2px;padding:0 4px;display:table}.debug-right{text-align:right}.debug-right span{margin-left:auto}.fatal{text-align:center;place-content:center;padding:24px;display:grid;position:fixed;inset:0}.fatal h1{color:var(--accent);margin:0 0 12px;font-size:48px}:root{--slot:44px;--icon:32px}.hud{pointer-events:none;position:fixed;inset:0}.crosshair{mix-blend-mode:difference;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#fff;position:absolute}.crosshair:before{width:2px;height:18px;top:0;left:8px}.crosshair:after{width:18px;height:2px;top:8px;left:0}.hud-bottom{width:calc(var(--slot) * 9 + 10px);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hotbar{background:linear-gradient(#1b1e24e0,#121418e0);border:2px solid #ffffff26;border-radius:7px;gap:1px;padding:3px;display:flex;box-shadow:0 4px 18px #0007}.hotbar .slot{width:var(--slot);height:var(--slot)}.hotbar .slot.sel{outline-offset:-2px;background:#ffffff1f;outline:3px solid #f6e3b0;box-shadow:inset 0 0 12px #f6e3b055}.hud-bars{justify-content:space-between;width:100%;margin-bottom:3px;display:flex}.bars-left,.bars-right{flex-direction:column;gap:1px;display:flex}.bars-right{align-items:flex-end}.bars-right .icon-row{flex-direction:row-reverse}.icon-row{gap:1px;height:18px;display:flex}.icon-row i{width:18px;height:18px;image-rendering:pixelated;background-size:18px 18px;display:block}.icon-row i.blink{filter:brightness(2.2)}.xpbar{background:#0d1a12cc;border:1px solid #000a;border-radius:3px;width:calc(100% - 8px);height:7px;margin:2px 0 4px;position:relative}.xpfill{background:linear-gradient(#b8f58a,#53c44b);border-radius:2px;width:0;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #7ef08a88}.xplevel{color:#8ff07a;font:bold 15px var(--font);text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.hud.creative .hud-bars,.hud.creative .xpbar{visibility:hidden}.held-name{text-shadow:1px 1px #000,0 0 8px #000;min-height:20px;margin-bottom:4px;font-size:16px;font-weight:600;transition:opacity .25s}.actionbar{text-shadow:1px 1px #000;min-height:18px;margin-bottom:6px;font-size:15px}.offhand-hud{left:calc(50% - var(--slot) * 4.5 - 64px);width:var(--slot);height:var(--slot);background:#16191ee0;border:2px solid #ffffff26;border-radius:7px;position:absolute;bottom:11px}.chat-log{flex-direction:column;gap:2px;max-width:46vw;display:flex;position:absolute;bottom:90px;left:10px}.chat-log .msg{text-shadow:1px 1px #000;background:#0009;border-radius:4px;padding:3px 8px;font-size:14px;transition:opacity 1s}.chat-log .msg.fade{opacity:0}.slot{width:var(--slot);height:var(--slot);background:#0f1115c0;border-radius:4px;place-items:center;display:grid;position:relative;box-shadow:inset 2px 2px #00000080,inset -2px -2px #ffffff14}.slot .icon{width:var(--icon);height:var(--icon);pointer-events:none}.slot b{font:bold 14px var(--font);color:#fff;text-shadow:1px 1px #000,2px 2px #0008;pointer-events:none;position:absolute;bottom:1px;right:3px}.slot .dur{pointer-events:none;background:#000;height:3px;position:absolute;bottom:4px;left:5px;right:5px}.slot .dur i{height:100%;display:block}.slot .glint{filter:drop-shadow(0 0 3px #b77bffaa);animation:2.5s linear infinite glint}@keyframes glint{0%,to{filter:drop-shadow(0 0 2px #b77bff88)brightness()}50%{filter:drop-shadow(0 0 5px #d7b3ff)brightness(1.25)}}.container .slot:hover{background:#2a2f38}.slot.drag{background:#3c4350}.slot.cursor{pointer-events:none;box-shadow:none;z-index:30;background:0 0;position:fixed;top:0;left:0}.screen{justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.screen.dim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#0006,#000b)}.panel{color:var(--text);background:linear-gradient(160deg,#262a31f2,#1a1d22f5);border:2px solid #ffffff1f;border-radius:10px;padding:14px;box-shadow:0 10px 40px #000a,inset 0 1px #ffffff14}.panel-title{letter-spacing:.3px;color:#e9dcc0;margin-bottom:8px;font-size:15px;font-weight:700}.grid{gap:2px;display:grid}.player-inv{margin-top:10px}.player-inv .gap{height:8px}.gap.big{height:12px}.tooltip{z-index:40;pointer-events:none;background:#120f1cf2;border:2px solid #4b2f86;border-radius:6px;max-width:320px;padding:6px 9px;font-size:14px;line-height:1.35;display:none;position:fixed;top:0;left:0;box-shadow:0 6px 20px #000a}.tooltip .dim{color:#9aa0ac;font-size:13px}.tooltip .ench{color:#c9a6ff}.r-uncommon{color:#ffe86b}.r-rare{color:#6fe3ff}.r-epic{color:#ff7bf1}.inv-top{align-items:stretch;gap:12px;display:flex}.armor-col{flex-direction:column;gap:2px;display:flex}.player-preview{background:#0b0d10;border-radius:6px;place-items:center;width:130px;display:grid;box-shadow:inset 0 0 20px #000}.player-preview .figure{opacity:.85;background:linear-gradient(#6d4a2e 0 16%,#d9a071 16% 30%,#4f6b3a 30% 62%,#3b4a63 62% 92%,#2b241f 92%);border-radius:6px;width:46px;height:130px}.inv-right{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.craft{flex-direction:column;gap:4px;display:flex}.craft-title{color:#cfc5ad;font-size:13px}.craft-row,.craft.big{align-items:center;gap:12px;display:flex}.craft.big{justify-content:center;padding:8px 0}.arrow{clip-path:polygon(0 35%,60% 35%,60% 0,100% 50%,60% 100%,60% 65%,0 65%);opacity:.85;background:linear-gradient(90deg,#8e8a80 0 60%,#0000 60%),0 0;width:34px;height:22px}.slot.result{width:calc(var(--slot) + 12px);height:calc(var(--slot) + 12px)}.book-btn{color:#fff;cursor:pointer;background:#2f343c;border:1px solid #fff2;border-radius:6px;padding:3px 8px;font-size:18px}.book-btn:hover{background:#3a414b}.furnace-row{justify-content:center;align-items:center;gap:26px;padding:8px 0;display:flex}.furnace-in{flex-direction:column;align-items:center;gap:6px;display:flex}.flame{--f:0;background:linear-gradient(to top, #ff8a1f calc(var(--f) * 100%), #3a3f47 calc(var(--f) * 100%));clip-path:polygon(50% 0,70% 30%,90% 25%,85% 70%,100% 100%,0 100%,15% 70%,10% 25%,30% 30%);width:26px;height:26px}.progress-wrap{clip-path:polygon(0 35%,60% 35%,60% 0,100% 50%,60% 100%,60% 65%,0 65%);background:#3a3f47;width:48px;height:26px;position:relative}.progress{--p:0;background:linear-gradient(90deg, #f0f0e8 calc(var(--p) * 100%), transparent calc(var(--p) * 100%));position:absolute;inset:0}.recipe-book{flex-direction:column;gap:6px;width:300px;max-height:70vh;display:flex}.rb-search,.cr-search{color:#fff;font:14px var(--font);background:#0d0f13;border:1px solid #ffffff2a;border-radius:5px;outline:none;padding:6px 8px}.rb-filter{color:#cfc5ad;align-items:center;gap:4px;font-size:13px;display:flex}.rb-tabs{flex-wrap:wrap;gap:3px;display:flex}.rb-tab{color:#ddd;cursor:pointer;background:#2b3037;border:1px solid #ffffff1c;border-radius:4px;padding:3px 6px;font-size:11px}.rb-tab.on{color:#fff;background:#6b5320;border-color:#e8a33d}.rb-list{grid-template-columns:repeat(6, var(--slot));gap:3px;padding-right:4px;display:grid;overflow-y:auto}.rb-item{width:var(--slot);height:var(--slot);cursor:pointer;background:#253028;border-radius:4px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #5fbf6a55}.rb-item.missing{opacity:.8;background:#321d1d;box-shadow:inset 0 0 0 1px #c9555555}.rb-item:hover{filter:brightness(1.3)}.rb-item b{font:bold 13px var(--font);text-shadow:1px 1px #000;position:absolute;bottom:1px;right:3px}.rb-empty{color:#999;grid-column:1/-1;padding:8px;font-size:13px}.creative{width:calc(var(--slot) * 9 + 60px)}.cr-tabs{flex-wrap:wrap;gap:3px;margin-bottom:8px;display:flex}.cr-tab{cursor:pointer;background:#23272d;border:1px solid #ffffff1a;border-radius:6px;place-items:center;width:42px;height:42px;display:grid}.cr-tab.on{background:#4a3c1d;border-color:#e8a33d}.cr-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.cr-name{color:#e9dcc0;font-weight:700}.cr-body{gap:6px;display:flex}.cr-scroll{background:#0d0f13;border-radius:6px;width:12px;position:relative}.cr-thumb{background:#8d8676;border-radius:5px;height:20%;position:absolute;left:1px;right:1px}.cr-foot{align-items:center;gap:8px;margin-top:10px;display:flex}.slot.trash{background:#3a1616}.fatal button,.btn{font:600 15px var(--font);color:#fff;cursor:pointer;background:linear-gradient(#4b5361,#363c47);border:2px solid #ffffff2e;border-radius:7px;padding:9px 16px}.sleep-fade{opacity:0;pointer-events:none;background:#05060a;position:absolute;inset:0}.death{background:radial-gradient(#5a0a0acc,#1a0000ee)}.death-box{text-align:center}.death-box h1{color:#fff;text-shadow:3px 3px #3a0000;margin:0 0 8px;font-size:52px}.death-cause{color:#f3d6d6;font-size:18px}.death-score{color:#ffe38a;margin-bottom:26px;font-size:16px}.death-buttons{flex-direction:column;align-items:center;gap:10px;display:flex}.btn.big{min-width:280px;padding:12px 18px;font-size:17px}.btn:disabled{opacity:.5;cursor:default}.btn:hover:not(:disabled){filter:brightness(1.2)}.hud .attack-ind{opacity:0;width:16px;height:4px;image-rendering:pixelated;background:#14141a8c;margin-left:-8px;transition:opacity .12s;position:absolute;top:calc(50% + 12px);left:50%;box-shadow:0 0 0 1px #00000059}.hud .attack-ind .attack-fill{background:#e9e4d8;width:0;height:100%}.hud .attack-ind.ready{width:10px;height:10px;box-shadow:none;background:0 0;margin-left:-5px}.hud .attack-ind.ready .attack-fill{box-sizing:border-box;background:0 0;border:2px solid #f0e8d6e6;transform:rotate(45deg);width:100%!important}.merchant .trade-wrap{align-items:flex-start;gap:14px;display:flex}.merchant .offers{flex-direction:column;gap:4px;width:170px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.merchant .offer{cursor:pointer;background:#0f1115a0;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;display:flex}.merchant .offer:hover{background:#2a303aa8;border-color:#ffffff30}.merchant .offer.sel{background:#3a3322b0;border-color:#e9c46a}.merchant .offer.out{opacity:.45}.merchant .offer-slot{place-items:center;width:34px;height:34px;display:grid;position:relative}.merchant .offer-slot .icon{transform:scale(.85)}.merchant .offer-slot b{color:#fff;text-shadow:1px 1px #000;font-size:12px;position:absolute;bottom:-2px;right:0}.merchant .offer-slot.empty{opacity:0}.merchant .offer-arrow{text-align:center;color:#cfc5ad;width:18px;font-weight:700}.merchant .offer.out .offer-arrow{color:#e05050}.merchant .villager-xp{background:#0c0e11;border-radius:3px;height:6px;margin:2px 0 10px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.merchant .villager-xp .xp-fill{background:linear-gradient(90deg,#5fbf4a,#b6e36a);width:0;height:100%}.merchant .trade-row{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.title-screen{background:radial-gradient(#0000 45%,#0006 100%),linear-gradient(#0000 55%,#0007);flex-direction:column;justify-content:space-between;align-items:center;padding:7vh 16px 18px;display:flex;position:fixed;inset:0}.title-top{flex-direction:column;align-items:center;gap:10px;animation:1.2s ease-out both title-in;display:flex}.title-top .logo{width:min(640px,86vw);height:auto;image-rendering:pixelated;filter:drop-shadow(0 8px 24px #0008)}.tagline{font:600 17px var(--font);letter-spacing:.18em;text-transform:uppercase;color:#fff7e6;text-shadow:0 2px 8px #000a,1px 1px #000}.menu-buttons{flex-direction:column;align-items:center;gap:10px;margin-top:auto;margin-bottom:8vh;animation:1.6s ease-out both title-in;display:flex}.menu-row{gap:10px;display:flex}.menu-row .btn{min-width:135px}.btn.primary{text-shadow:0 1px #0006;background:linear-gradient(#6aa84a,#3f7a2c);border-color:#bfe8a055}.btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #0005}.new-world{gap:8px;display:flex}.new-world.hidden{display:none}.seed-input{font:15px var(--font);width:200px;color:var(--text);background:#0f1115cc;border:2px solid #ffffff2e;border-radius:7px;outline:none;padding:9px 12px}.seed-input:focus{border-color:#bfe8a0aa}.title-foot{color:#fffc;text-shadow:1px 1px #000;opacity:.85;font-size:12px}@keyframes title-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.pause-screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0008;place-items:center;display:grid;position:fixed;inset:0}.pause-box{background:var(--panel);border:2px solid var(--panel-border);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:26px 30px;display:flex}.pause-box h2,.settings-box h2{margin:0 0 8px;font-size:22px}.settings-screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000a;place-items:center;display:grid;position:fixed;inset:0}.settings-box{background:var(--panel);border:2px solid var(--panel-border);border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:min(720px,94vw);max-height:92vh;padding:22px 26px;display:flex}.set-list{flex-direction:column;gap:7px;width:100%;padding-right:4px;display:flex;overflow-y:auto}.set-row{grid-template-columns:190px 1fr auto;align-items:center;gap:12px;display:grid}.set-label{color:var(--muted);font-size:14px}.set-value{font:13px var(--mono);text-align:right;min-width:74px}.set-slider{width:100%;accent-color:var(--accent)}.seg{flex-wrap:wrap;grid-column:2/span 2;gap:4px;display:flex}.seg-btn{font:600 13px var(--font);color:var(--text);cursor:pointer;background:#262a33;border:1px solid #fff2;border-radius:6px;padding:6px 10px}.seg-btn.on{background:linear-gradient(#6aa84a,#3f7a2c);border-color:#bfe8a077}.keys{grid-template-columns:repeat(2,1fr);gap:4px 18px;margin-top:8px;display:grid}.key-row{align-items:center;gap:10px;font-size:14px;display:flex}.key-row kbd{font:12px var(--mono);text-align:center;background:#262a33;border:1px solid #ffffff2a;border-bottom-width:3px;border-radius:5px;min-width:118px;padding:3px 7px}@media (max-width:560px){.set-row{grid-template-columns:1fr}.seg{grid-column:1}.keys{grid-template-columns:1fr}}.mode-seg{justify-content:center;margin-bottom:4px}.mode-seg .seg-btn{min-width:128px;padding:8px 12px;font-size:14px;box-shadow:0 4px 14px #0005}.pause-mode{flex-direction:column;align-items:center;gap:6px;margin:4px 0;display:flex}