:root{--bg:#0d1b2a;--panel:#101824db;--panel-border:#ffffff1f;--text:#f1f5f9;--muted:#94a3b8;--accent:#6cc04a;--accent-dark:#3f8a2a;--danger:#f87171;--focus:#facc15;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;font:500 16px/1.4 ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}canvas#game{width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit}.screen{z-index:20;background:radial-gradient(at 50% 20%,#2b5d8a 0%,#12304d 45%,#0a1624 100%);justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.screen.open{display:flex}.screen:before{content:"";opacity:.35;background:linear-gradient(#5aa83a 0 18px,#7a5536 18px 100%);height:30%;position:absolute;inset:auto 0 0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 32px,#000000d9 32px 64px);mask:repeating-linear-gradient(90deg,#000 0 32px,#000000d9 32px 64px)}.card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;width:min(420px,100%);padding:28px 24px;position:relative;box-shadow:0 20px 60px #00000073}h1{letter-spacing:1px;text-align:center;color:#fff;text-shadow:0 3px 0 var(--accent-dark), 0 6px 18px #0006;margin:0;font-size:44px}.sub{text-align:center;color:var(--muted);margin:4px 0 20px}form label{color:var(--muted);margin-bottom:14px;font-size:14px;display:block}form input{border:1px solid var(--panel-border);width:100%;color:var(--text);-webkit-user-select:text;user-select:text;background:#ffffff0f;border-radius:10px;margin-top:6px;padding:12px 14px;font-size:18px;display:block}form input:focus{outline:2px solid var(--accent);border-color:#0000}.skins{flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 20px;display:flex}.skin{background:var(--c);border:3px solid #0000;border-radius:8px;width:34px;height:34px;box-shadow:inset 0 -6px #00000040}.skin.on{border-color:#fff;transform:scale(1.1)}.big{background:var(--accent);color:#0b2410;width:100%;box-shadow:inset 0 -4px 0 var(--accent-dark);border:0;border-radius:12px;padding:14px;font-size:20px;font-weight:700;display:block}.big:active{box-shadow:inset 0 -2px 0 var(--accent-dark);transform:translateY(2px)}.big:disabled{opacity:.6}.error{color:var(--danger);text-align:center;margin:12px 0 0}.tech{text-align:center;color:var(--muted);margin:16px 0 0;font-size:12px}#loading h2{text-align:center;margin:0 0 16px}.bar{background:#ffffff1a;border-radius:7px;height:14px;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--accent-dark), var(--accent));width:0;height:100%;transition:width .2s}.tip{color:var(--muted);text-align:center;margin:16px 0 0;font-size:14px}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#crosshair{mix-blend-mode:difference;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff;position:absolute}#crosshair:before{width:2px;height:22px;top:0;left:10px}#crosshair:after{width:22px;height:2px;top:10px;left:0}#hotbar{left:50%;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;background:#0000006b;border-radius:12px;gap:4px;padding:5px;display:flex;position:absolute;transform:translate(-50%)}.slot{background:#ffffff0d;border:2px solid #ffffff26;border-radius:9px;width:52px;height:52px;padding:4px;position:relative}.slot img{width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.slot .key{color:#fff9;font-size:10px;position:absolute;top:1px;left:4px}.slot.sel{background:#ffffff2e;border-color:#fff;transform:translateY(-3px)}#block-name{opacity:0;background:#00000073;border-radius:8px;padding:4px 12px;font-weight:700;transition:opacity .3s;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}#block-name.show{opacity:1}#chat{width:min(460px,70vw);position:absolute;bottom:90px;left:12px}#chat-log{flex-direction:column;gap:2px;max-height:220px;display:flex;overflow:hidden}#chat-log .line{text-shadow:0 1px 2px #000;background:#00000073;border-radius:6px;align-self:flex-start;padding:3px 9px;transition:opacity 1.5s}#chat-log .line.sys{color:#fde68a}#chat-log .line.old{opacity:0}#chat.typing #chat-log .line.old{opacity:1}#chat-input{color:#fff;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#000000a6;border:0;border-radius:8px;width:100%;margin-top:6px;padding:10px 12px;display:none}#chat.typing #chat-input{display:block}#chat.typing #chat-log{pointer-events:auto;overflow-y:auto}#players{text-align:center;background:#0009;border-radius:12px;min-width:220px;padding:10px 16px;display:none;position:absolute;top:20px;left:50%;transform:translate(-50%)}#players.show{display:block}#players h3{color:var(--muted);margin:0 0 6px;font-size:14px}#fps{background:#00000073;border-radius:6px;padding:3px 8px;font:12px ui-monospace,monospace;position:absolute;top:8px;right:10px}#toast{opacity:0;text-align:center;background:#0009;border-radius:10px;max-width:90vw;padding:8px 16px;transition:opacity .3s;position:absolute;top:16%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}.overlay{z-index:10;background:#050a128c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.overlay.open{display:flex}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:pan-y;border-radius:18px;width:min(720px,100%);max-height:100%;padding:20px;overflow:auto}.panel h2{text-align:center;margin:0 0 14px}.panel>button:not(.big){border:1px solid var(--panel-border);background:#ffffff0f;border-radius:10px;width:100%;margin-top:8px;padding:12px;display:block}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tab{background:#ffffff12;border:0;border-radius:10px;flex:1;padding:10px;font-weight:700}.tab.active{background:var(--accent);color:#0b2410}.grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.cell{text-align:center;background:#ffffff0d;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:12px;display:flex}.cell img{width:48px;height:48px;image-rendering:pixelated}.cell:hover{background:#ffffff24}.hint{color:var(--muted);text-align:center;margin-top:12px;font-size:12px}body:not([data-input=controller]) .pad-only,body[data-input=controller] .kb-only,body[data-input=touch] .kb-only{display:none}.focus{outline-offset:2px;outline:3px solid var(--focus)!important}.settings{gap:10px;margin:16px 0;display:grid}.settings label{grid-template-columns:1fr 1.3fr auto;align-items:center;gap:10px;font-size:14px;display:grid}.settings label.check{grid-template-columns:1fr auto}.settings output{text-align:right;min-width:64px;color:var(--muted);font-size:13px}.settings select{color:var(--text);border:1px solid var(--panel-border);background:#ffffff14;border-radius:8px;grid-column:span 2;padding:8px}.settings input[type=range]{width:100%;accent-color:var(--accent)}.settings input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.note{color:#fde68a;text-align:center;font-size:13px}.note button{color:#222;background:#fde68a;border:0;border-radius:6px;margin-left:6px;padding:4px 10px}.help-cols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px;display:grid}.help-cols h3{margin:0 0 6px;font-size:15px}.help-cols p{color:#cbd5e1;margin:0;font-size:13px;line-height:1.7}#touch-ui{z-index:4;display:none;position:fixed;inset:0}.t-look{position:absolute;inset:0}.t-stick-zone{width:42%;height:60%;position:absolute;bottom:0;left:0}.t-stick-base{pointer-events:none;background:#ffffff1f;border:2px solid #ffffff4d;border-radius:50%;width:130px;height:130px;margin:-65px 0 0 -65px;display:none;position:absolute}.t-stick-base.active{display:block}.t-stick-knob{background:#ffffff8c;border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.t-btn{color:#fff;touch-action:none;background:#0000004d;border:2px solid #ffffff59;border-radius:50%;width:74px;height:74px;font-size:26px;position:absolute}.t-btn.on{background:#ffffff59}.t-jump{right:max(28px, env(safe-area-inset-right));width:86px;height:86px;bottom:120px}.t-down{right:max(124px, calc(env(safe-area-inset-right) + 96px));bottom:70px}.t-small{border-radius:14px;width:52px;height:52px;font-size:20px}.t-inv{bottom:16px;right:16px}.t-chat{top:16px;right:16px}.t-pause{top:16px;right:78px}body[data-input=touch] #crosshair{width:26px;height:26px}body[data-input=touch] #hotbar{bottom:12px}body[data-input=touch] .slot{width:48px;height:48px}@media (max-width:640px){.slot{width:38px;height:38px;padding:2px}#hotbar{gap:2px;padding:3px}#block-name{bottom:64px}.settings label{grid-template-columns:1fr}}