.mobile-controls{display:none}.inventory-slot{font:inherit;cursor:pointer}.inventory-slot:hover{background:#132018}.gyro-toggle.active{background:#ffe27c}@media (hover:none),(pointer:coarse){canvas{touch-action:none}.mobile-controls{z-index:4;pointer-events:none;display:block;position:fixed;inset:0}.mobile-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:#fff;background:#142219e8;border:2px solid #fff5;border-radius:10px;min-width:52px;min-height:52px;padding:8px}.mobile-controls button:active,.mobile-controls button.active{color:#08100a;background:#8ed465}.gyro-toggle{position:absolute;top:66px;right:12px}.move-pad{grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,52px);gap:5px;width:168px;display:grid;position:absolute;bottom:20px;left:14px}.move-pad button:first-child{grid-column:2}.move-pad button:nth-child(2){grid-column:1}.move-pad button:nth-child(3){grid-column:2}.move-pad button:nth-child(4){grid-column:3}.action-pad{grid-template-columns:repeat(2,64px);gap:7px;display:grid;position:absolute;bottom:20px;right:14px}.action-pad button:first-child{grid-column:auto}.app .hotbar{gap:3px;max-width:calc(100vw - 20px);padding:4px;bottom:138px}.hotbar .inventory-slot{flex-basis:55px;width:55px;height:50px;padding:3px;font-size:8px}.hotbar .inventory-slot i{width:18px;height:18px}.hud.bottom{display:none}.hud.top{gap:7px;padding:6px;font-size:10px;top:8px;left:8px}.hud.top .latency{display:none}.crosshair{pointer-events:none}.connection{gap:12px;padding:22px}.connection input{font-size:16px}}:root{color:#f5fff4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1710;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body,#root,.app{width:100%;height:100%;margin:0;overflow:hidden}.app{background:radial-gradient(circle at 50% 20%,#365d3d,#0d1710);min-height:100vh}canvas{cursor:crosshair;width:100vw;height:100vh;display:block}.connection{background:#142219f2;border:2px solid #668c62;gap:17px;width:min(92vw,430px);padding:32px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:14px 14px #08100a}.logo{letter-spacing:-4px;font-size:clamp(28px,8vw,50px);font-weight:900}.logo span{color:#8ed465}.connection p{color:#b8cab8;margin:-9px 0 4px}.connection label{color:#b8cab8;text-transform:uppercase;letter-spacing:.08em;gap:7px;font-size:12px;display:grid}input,button{font:inherit;color:#fff;background:#0c150f;border:1px solid #668c62;padding:12px}button{color:#08100a;cursor:pointer;background:#6ba549;font-weight:800}button:hover{background:#91d469}button:disabled{opacity:.4;cursor:not-allowed}.connection small{color:#7f947f}.hud{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:1px 1px #000;background:#101a13d9;border:1px solid #ffffff30;align-items:center;gap:14px;padding:9px 12px;font-size:12px;display:flex;position:fixed}.hud.top{top:14px;left:14px}.hud.top b{color:#8fe26a}.hud.top button{margin-left:5px;padding:5px 8px}.world-clock{color:#ffe27c;font-variant-numeric:tabular-nums;min-width:64px;font-weight:800}.hud.top .day-night-toggle{color:#eef6ff;background:#263b55;border-color:#7695b8}.hud.top .day-night-toggle:hover{background:#3b5878}.hotbar{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#101a13e8;border:1px solid #ffffff35;gap:6px;max-width:calc(100vw - 20px);padding:7px;display:flex;position:fixed;bottom:58px;left:50%;overflow-x:auto;transform:translate(-50%)}.inventory-slot{color:#cbd5cb;background:#071009dd;border:2px solid #ffffff38;flex:0 0 70px;grid-template-rows:1fr auto;grid-template-columns:18px 1fr;align-items:center;gap:2px 5px;width:70px;height:62px;padding:6px;font-size:10px;display:grid;position:relative}.inventory-slot.selected{color:#fff;border-color:#ffe27c;transform:translateY(-4px);box-shadow:0 0 14px #ffb52e88}.inventory-slot kbd{color:#fff9;text-align:center;background:#0008;align-self:start}.inventory-slot i{border:1px solid #fff7;width:24px;height:24px;box-shadow:inset 3px 3px #ffffff25}.inventory-slot span{text-align:center;grid-column:1/3}.inventory-slot em{color:#ffd35b;font-size:7px;font-style:normal;position:absolute;top:2px;right:2px}.hud.bottom{flex-wrap:wrap;justify-content:center;bottom:8px;left:50%;transform:translate(-50%)}.hud.bottom b{color:#ffe27c;background:#ffffff1c;border:1px solid #ffffff50;padding:5px 9px}.crosshair{z-index:2;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font:30px/1 Arial;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.error{z-index:4;background:#671d1ded;border:1px solid #f89090;padding:10px 16px;position:fixed;top:70px;left:50%;transform:translate(-50%)}.labels{z-index:2;pointer-events:none;position:fixed;inset:0}.labels span{color:#fff;white-space:nowrap;background:#101010c9;border-bottom:2px solid;padding:3px 7px;font-size:11px;position:absolute;transform:translate(-50%,-100%)}@media (width<=700px){.hud.top{top:7px;left:7px;right:7px}.hotbar{gap:3px;width:calc(100% - 14px);padding:4px;bottom:54px}.inventory-slot{grid-template-columns:14px 1fr;width:20%;height:54px;padding:4px;font-size:8px}.inventory-slot i{width:18px;height:18px}.hud.bottom{bottom:7px;left:7px;right:7px;transform:none}.hud.bottom span:last-child{display:none}}