:root{--sky:#7ec0ee;--panel:#0c1016b8;--panel-line:#ffffff1f;--accent:#6cc04a;--accent-dark:#4f9a32;--text:#f2f5f8;--dim:#9fb0bf;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{background:#0b0e13;height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--text);-webkit-user-select:none;user-select:none}#game-root{position:fixed;top:0;bottom:0;left:0;right:0}#game-root canvas{width:100%;height:100%;display:block}.hidden{display:none!important}.overlay{z-index:50;background:radial-gradient(120% 120% at 50% 0,#2a4a6b 0%,#11161f 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.card{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:16px;width:min(420px,92vw);padding:28px 32px;box-shadow:0 20px 60px #00000080}.card h1{letter-spacing:1px;background:linear-gradient(#bfe7a6,#6cc04a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:40px}.card h2{margin:0 0 16px;font-weight:600}.tag{color:var(--dim);margin:0 0 22px;font-size:14px}.field{text-align:left;margin:0 0 16px;display:block}.field span{color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;display:block}.field input{border:1px solid var(--panel-line);width:100%;color:var(--text);background:#00000059;border-radius:9px;outline:none;padding:11px 13px;font-size:15px}.field input:focus{border-color:var(--accent)}.btn{-webkit-appearance:none;appearance:none;border:1px solid var(--panel-line);cursor:pointer;color:var(--text);background:#ffffff14;border-radius:10px;padding:11px 20px;font-size:15px;font-weight:600;transition:transform 50ms,background .15s}.btn:hover{background:#ffffff29}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg, var(--accent), var(--accent-dark));border-color:var(--accent-dark);width:100%}.btn.primary:hover{filter:brightness(1.08)}.dim{color:var(--dim);font-size:13px}.footer{font-size:12px;position:fixed;bottom:18px}.help{text-align:left;color:var(--dim);margin-top:18px;font-size:13px}.help summary{cursor:pointer;color:var(--text)}.help ul{margin:10px 0 0;padding-left:18px;line-height:1.7}.help b{color:var(--text)}.loader{flex-direction:column;align-items:center;gap:16px;display:flex}.spinner{border:4px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loadingMsg{color:var(--dim);font-size:14px}#hud{z-index:10;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#crosshair{color:#ffffffd9;text-shadow:0 0 3px #000000e6;mix-blend-mode:difference;font-size:22px;font-weight:300;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#info{text-shadow:0 1px 2px #000000d9;font-variant-numeric:tabular-nums;font-size:12.5px;line-height:1.55;position:absolute;top:10px;left:12px}#netstat{color:var(--accent)}#netstat.off{color:#e06a5a}.panel{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:8px 11px}#playerlist{min-width:130px;max-height:40vh;font-size:13px;line-height:1.6;position:absolute;top:10px;right:12px;overflow:hidden}#playerlist .ptitle{color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}#playerlist .dot{color:var(--accent)}#hotbar{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;gap:5px;padding:5px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slot{background:#00000040;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.slot canvas{width:38px;height:38px;image-rendering:pixelated;border-radius:3px}.slot .num{color:var(--dim);font-size:10px;position:absolute;top:1px;left:4px}.slot.active{border-color:#fff;box-shadow:0 0 0 2px #00000080,0 0 14px #ffffff40}.slot .label{white-space:nowrap;opacity:0;text-shadow:0 1px 2px #000;font-size:11px;transition:opacity .15s;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.slot.active .label{opacity:1}#chat{width:min(420px,60vw);position:absolute;bottom:80px;left:12px}#chatlog{text-shadow:0 1px 2px #000000e6;flex-direction:column;gap:2px;max-height:28vh;margin-bottom:6px;font-size:13px;display:flex;overflow:hidden}#chatlog .line{opacity:.96}#chatlog .who{color:var(--accent);font-weight:600}#chatlog .sys{color:#d9c46a;font-style:italic}#chatinput{pointer-events:auto;border:1px solid var(--panel-line);width:100%;color:var(--text);background:#0009;border-radius:8px;outline:none;padding:8px 11px;font-size:14px}#hint{color:var(--dim);text-shadow:0 1px 2px #000000e6;white-space:nowrap;text-overflow:ellipsis;max-width:96vw;font-size:11px;position:absolute;bottom:6px;left:50%;overflow:hidden;transform:translate(-50%)}@media (max-width:640px){#hint{display:none}#playerlist{min-width:100px;font-size:12px}.slot{width:42px;height:42px}.slot canvas{width:32px;height:32px}}#minimap{border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0a0e148c;border-radius:12px;width:192px;height:192px;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 8px 28px #00000073}#minimap canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;bottom:0;left:0;right:0}#mm-overlay{z-index:1}#dbg{color:var(--text);border:1px solid var(--panel-line);text-shadow:0 1px 2px #000000d9;white-space:pre;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0e1499;border-radius:8px;margin:0;padding:6px 9px;font:12px/1.45 ui-monospace,Cascadia Code,Menlo,Consolas,monospace;position:absolute;top:92px;left:12px}body.is-touch{touch-action:none;overscroll-behavior:none}body.is-touch #hint,body.is-touch #pause .dim{display:none}#touch-controls{z-index:20;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding-bottom:env(safe-area-inset-bottom);position:fixed;top:0;bottom:0;left:0;right:0}#touch-controls>*{pointer-events:auto;touch-action:none}#tc-look{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}#tc-joy{left:calc(18px + env(safe-area-inset-left));z-index:3;border:1px solid var(--panel-line);touch-action:none;background:#00000038;border-radius:50%;width:130px;height:130px;position:absolute;bottom:22px}#tc-knob{will-change:transform;pointer-events:none;background:#ffffff4d;border:1px solid #ffffff80;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#tc-buttons{right:calc(14px + env(safe-area-inset-right));z-index:3;grid-template-columns:repeat(2,64px);grid-auto-rows:64px;place-items:center;gap:12px;display:grid;position:absolute;bottom:22px}.tc-btn{background:var(--panel);border:1px solid var(--panel-line);width:64px;height:64px;color:var(--text);text-shadow:0 1px 2px #000;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.tc-btn:active,.tc-btn.active{background:#6cc04a80}.tc-btn.tc-jump{grid-column:2}.tc-btn.tc-place{background:#6cc04a59}.tc-btn.tc-break{background:#e06a5a59}#tc-chat{z-index:3;width:56px;height:56px;font-size:11px;position:absolute;top:10px;right:150px}#survival-hud{z-index:11;pointer-events:none;text-shadow:0 1px 2px #000000f2;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}#survival-hud .sv-row{gap:1px;line-height:1;display:flex}#survival-hud .sv-icon{text-align:center;-webkit-text-stroke:.4px #0000008c;width:17px;font-size:17px}#survival-hud .sv-heart.full{color:#f44}#survival-hud .sv-heart.half{color:#f44;opacity:.65}#survival-hud .sv-heart.empty{color:#00000073}#survival-hud .sv-foodi.full{color:#c98a3a;filter:saturate(1.2)}#survival-hud .sv-foodi.empty{color:#0006;filter:grayscale()brightness(.5)}#survival-hud .sv-mode{color:var(--dim);text-transform:uppercase;letter-spacing:.6px;margin-top:2px;font-size:11px}#survival-flash{z-index:9;pointer-events:none;opacity:0;background:radial-gradient(120% 120%,#b4000000 45%,#b40000d9 100%);transition:opacity 50ms linear;position:fixed;top:0;bottom:0;left:0;right:0}