html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#87ceeb;color:#fff;font-family:system-ui,sans-serif;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}canvas{display:block;touch-action:none}.hidden{display:none!important}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}#overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(ellipse at center,#00000059,#000000a6),url(/hero.jpg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;image-rendering:pixelated;z-index:100;padding:20px;box-sizing:border-box}.hero{position:relative;width:100%;max-width:520px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.hero .title{margin:0;font-size:clamp(44px,8vw,72px);font-weight:800;letter-spacing:-.02em;line-height:1;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6),0 8px 30px rgba(0,0,0,.55)}.hero #join{margin-top:4px;min-width:240px;padding:16px 28px;border:none;border-radius:10px;background:#fff;color:#0a0b0d;font-size:17px;font-weight:700;font-family:inherit;letter-spacing:.005em;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 10px 30px #00000073;transition:background .12s ease,transform 80ms ease}.hero #join:hover{background:#e9ebee}.hero #join:active{transform:scale(.99)}.hero .links{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.6)}.hero .links .dot{color:#ffffff73}.hero .brand-link{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:7px;color:inherit;text-decoration:none;transition:background .12s ease,color .12s ease}.hero .brand-link:hover{background:#00000059;color:#fff}.hero .brand-link img,.hero .brand-link svg{display:block;flex:0 0 auto}.hero .brand-link img{border-radius:4px}#status{margin-top:4px;font-size:12px;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.6);min-height:1em;text-align:center}#hud{position:fixed;left:calc(10px + var(--safe-left));top:calc(10px + var(--safe-top));z-index:5;background:#0006;padding:6px 10px;border-radius:8px;font-size:12px;line-height:1.35;pointer-events:none;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud .wrap{white-space:normal}#hud .fps{font-variant-numeric:tabular-nums}#hud .fps.g{color:#7fe39c}#hud .fps.y{color:#ffd66b}#hud .fps.r{color:#ff7a7a}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;pointer-events:none;z-index:4}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffd9}#crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#notice{position:fixed;left:50%;top:18%;transform:translate(-50%);background:#0009;padding:8px 16px;border-radius:8px;z-index:6;pointer-events:none;font-size:14px}.disconnected #overlay{display:flex!important}#hotbar{position:fixed;left:50%;bottom:calc(16px + var(--safe-bottom));transform:translate(-50%);display:flex;gap:2px;padding:3px;background:#00000073;border:2px solid rgba(0,0,0,.6);border-radius:4px;z-index:30;pointer-events:auto;box-shadow:0 2px 12px #00000080}.slot{position:relative;box-sizing:border-box;width:44px;height:44px;border:2px solid rgba(255,255,255,.18);background:#00000059;border-radius:2px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none;cursor:pointer;transition:border-color 80ms ease,transform 80ms ease,background 80ms ease;flex:0 0 auto}.slot.active{border-color:#fff;background:#ffffff1f;transform:scale(1.05);z-index:1;box-shadow:0 0 0 1px #fff6,0 2px 8px #00000073}.slot.rarity-1{border-color:#1ee01e;box-shadow:0 0 4px #1ee01e8c}.slot.rarity-2{border-color:#2a7be0;box-shadow:0 0 4px #2a7be08c}.slot.rarity-3{border-color:#a335ee;box-shadow:0 0 4px #a335ee99}.slot.rarity-4{border-color:#ff8000;box-shadow:0 0 6px #ff8000b3}.slot-icon{width:32px;height:32px;background-size:cover;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.slot-key{position:absolute;right:2px;bottom:1px;font-size:9px;color:#ffffff8c;font-weight:600;pointer-events:none;text-shadow:0 1px 1px rgba(0,0,0,.7)}.slot-count,.inv-slot .slot-count{position:absolute;right:2px;top:1px;font-size:11px;color:#fff;font-weight:700;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.7);font-variant-numeric:tabular-nums}#inventory-toggle{position:fixed;right:16px;bottom:calc(16px + var(--safe-bottom));width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#ffffffd9;border:2px solid rgba(255,255,255,.18);border-radius:4px;cursor:pointer;z-index:30;box-shadow:0 2px 12px #00000080;-webkit-tap-highlight-color:transparent;user-select:none;transition:border-color 80ms ease,background 80ms ease}#inventory-toggle:hover{border-color:#ffffff8c;background:#000000b3}#inventory-toggle.active{border-color:#ffdc78e6;background:#281e0ad9}#inventory-toggle img{width:32px;height:32px;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}body.mobile-mode #inventory-toggle{right:calc(8px + var(--safe-right));top:calc(8px + var(--safe-top));bottom:auto}#fullscreen-toggle{position:fixed;right:calc(8px + 36px + 8px + var(--safe-right));top:calc(8px + var(--safe-top));width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#ffffffd9;border:2px solid rgba(255,255,255,.18);border-radius:4px;cursor:pointer;z-index:30;box-shadow:0 2px 12px #00000080;-webkit-tap-highlight-color:transparent;user-select:none;transition:border-color 80ms ease,background 80ms ease}#fullscreen-toggle:hover{border-color:#ffffff8c;background:#000000b3}#fullscreen-toggle .exit-icon,body.is-fullscreen #fullscreen-toggle .enter-icon{display:none}body.is-fullscreen #fullscreen-toggle .exit-icon{display:block}body.mobile-mode #fullscreen-toggle{right:calc(8px + 44px + 8px + 44px + 8px + var(--safe-right));top:calc(8px + var(--safe-top))}#inventory-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#14141ceb;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:14px 14px 10px;z-index:20;box-shadow:0 8px 32px #0000008c;display:flex;flex-direction:column;align-items:center;gap:6px}.inv-title{color:#ffffffd9;font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;align-self:flex-start}.inv-grid{display:grid;grid-template-columns:repeat(9,44px);gap:3px}.inv-divider{width:100%;height:1px;background:#ffffff14;margin:4px 0 2px}.inv-hint{margin-top:6px;font-size:11px;color:#ffffff8c;letter-spacing:.02em}.inv-slot{position:relative;box-sizing:border-box;width:44px;height:44px;border:2px solid rgba(255,255,255,.14);background:#00000059;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color 80ms ease,background 80ms ease}.inv-slot:hover{border-color:#ffffff8c;background:#ffffff0f}.inv-slot .slot-icon{width:32px;height:32px;background-size:cover;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));pointer-events:none}.inv-slot.rarity-1{border-color:#1ee01e;box-shadow:0 0 4px #1ee01e8c}.inv-slot.rarity-2{border-color:#2a7be0;box-shadow:0 0 4px #2a7be08c}.inv-slot.rarity-3{border-color:#a335ee;box-shadow:0 0 4px #a335ee99}.inv-slot.rarity-4{border-color:#ff8000;box-shadow:0 0 6px #ff8000b3}#inv-cursor{position:fixed;width:44px;height:44px;pointer-events:none;z-index:30;transform:translate(-50%,-50%)}#inv-cursor .slot-icon{width:32px;height:32px;margin:6px;background-size:cover;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}#inv-cursor .slot-count{position:absolute;right:2px;top:1px;font-size:11px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.85)}body.mobile-mode .slot-key{display:none}body.mobile-mode .slot{width:clamp(38px,calc((100vw - 32px) / 9.4),52px);height:clamp(38px,calc((100vw - 32px) / 9.4),52px)}body.mobile-mode .slot-icon{width:76%;height:76%}body.mobile-mode #hotbar{bottom:calc(8px + var(--safe-bottom));gap:1px;padding:2px}#touch-ui{display:none}body.mobile-mode #touch-ui{display:block}#touch-joystick-outer{position:fixed;width:130px;height:130px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.32);z-index:20;pointer-events:none;touch-action:none;display:none;box-shadow:0 4px 22px #0006,inset 0 0 24px #00000040;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}#touch-joystick-inner{position:absolute;width:44px;height:44px;border-radius:50%;background:#ffffff8c;pointer-events:none;box-shadow:0 2px 6px #0006,inset 0 -2px 4px #0003}#touch-buttons-right{position:fixed;right:calc(14px + var(--safe-right));bottom:calc(72px + var(--safe-bottom));display:flex;flex-direction:column-reverse;gap:10px;z-index:25;align-items:center}#touch-buttons-right button{border:2px solid rgba(255,255,255,.45);background:#14161a8c;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;cursor:pointer;pointer-events:auto;transition:transform 70ms ease,background 70ms ease,border-color 70ms ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 3px 10px #00000059;padding:0}#touch-buttons-right button:active,#touch-buttons-right button.pressed{transform:scale(.92);background:#ffffff38}#touch-buttons-right svg{width:60%;height:60%}#btn-jump{width:86px;height:86px;border-radius:50%;background:#4682c88c!important;border-color:#fff9!important}#btn-jump:active,#btn-jump.pressed{background:#78aae6b3!important}#btn-place,#btn-mine{width:64px;height:64px;border-radius:50%}#btn-place{background:#50a5648c!important}#btn-place:active,#btn-place.pressed{background:#78c882b3!important}#btn-mine{background:#c85a508c!important}#btn-mine:active,#btn-mine.pressed{background:#e6826eb3!important}#touch-buttons-left{position:fixed;left:calc(10px + var(--safe-left));top:calc(10px + var(--safe-top));display:flex;flex-direction:row;gap:8px;z-index:25}#touch-buttons-left button{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:#14161a80;color:#fff;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:transform 70ms ease,background 70ms ease,border-color 70ms ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 2px 8px #00000059;padding:0}#touch-buttons-left button:active,#touch-buttons-left button.pressed{transform:scale(.92);background:#ffffff38}#touch-buttons-left button.active{background:#b4a0468c;border-color:#ffdc78d9}#touch-buttons-left svg{width:58%;height:58%}body.mobile-mode #hud{left:50%;right:auto;transform:translate(-50%);top:calc(10px + var(--safe-top));font-size:11px;padding:5px 10px;text-align:center;max-width:min(200px,calc(100vw - 200px))}@media (orientation: landscape) and (max-height: 500px){body.mobile-mode #hud{font-size:10px;max-width:min(180px,calc(100vw - 220px));padding:3px 8px;top:calc(8px + var(--safe-top))}body.mobile-mode .slot{width:clamp(36px,calc((100vw - 200px) / 9.4),48px);height:clamp(36px,calc((100vw - 200px) / 9.4),48px)}#btn-jump{width:72px;height:72px}#btn-place,#btn-mine{width:54px;height:54px}#touch-buttons-left button{width:44px;height:44px}#touch-buttons-left{top:calc(8px + var(--safe-top))}#touch-buttons-right{bottom:calc(64px + var(--safe-bottom))}}#settings-gear{position:fixed;top:calc(8px + var(--safe-top));right:calc(8px + var(--safe-right));width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000073;color:#fff;font-size:18px;line-height:32px;cursor:pointer;z-index:1000;padding:0}#settings-gear:hover{background:#000000a6}#settings-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1001}#settings-panel{background:#1a1d22;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px 22px 18px;width:min(360px,calc(100vw - 32px));color:#e8eaed;font-size:14px;box-shadow:0 14px 40px #00000080}#settings-panel h2{margin:0 0 14px;font-size:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#aab2bc}.settings-section{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.settings-section>label{font-size:12px;color:#aab2bc;text-transform:uppercase;letter-spacing:.05em}.settings-section select{background:#2a2e34;color:#e8eaed;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:6px 8px;font-size:14px}.preset-row{display:flex;gap:6px}.preset-row button{flex:1;background:#2a2e34;color:#e8eaed;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:6px 0;cursor:pointer;font-size:13px}.preset-row button:hover{background:#353a41}.checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-row em{color:#888;font-style:normal;font-size:12px}.settings-actions{display:flex;justify-content:flex-end;margin-top:6px}.settings-actions button{background:#3a82f6;color:#fff;border:none;border-radius:6px;padding:7px 14px;cursor:pointer;font-size:14px}.settings-actions button:hover{background:#2f6fd6}.reload-banner{margin-top:12px;padding:10px 12px;background:#3a2820;border:1px solid #8a5a3a;border-radius:6px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.reload-banner button{background:#d97a3a;color:#fff;border:none;border-radius:6px;padding:5px 10px;cursor:pointer}.mobile-mode #settings-gear{width:44px;height:44px;font-size:22px;line-height:40px;right:calc(8px + 44px + 8px + var(--safe-right))}