:root{--text:#f6f3e8;--muted:#c8d5df;--panel:#12161bbd;--panel-strong:#0e1115e0;--border:#fff3;--focus:#f3d35c;--grass:#64a945;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111820;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{background:#111820;width:100vw;height:100svh;position:relative;overflow:hidden}.game-canvas{width:100vw;height:100svh;position:fixed;inset:0}.game-canvas canvas{width:100%;height:100%;display:block}.hud{z-index:5;position:fixed}.top-hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:14px;display:flex;top:18px;left:18px;right:18px}.top-hud>div,.play-button,.hotbar,.touch-pad,.touch-actions{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;box-shadow:0 14px 34px #00000042}.top-hud>div{max-width:min(520px,100vw - 136px);padding:12px 14px}.game-title,.game-help,.hotbar p{margin:0}.game-title{color:#fff;font-size:22px;font-weight:800}.game-help{color:var(--muted);margin-top:2px;font-size:14px}.play-button{color:#1a1d21;background:var(--focus);cursor:pointer;pointer-events:auto;border-color:#ffffff4d;min-width:96px;min-height:44px;font-weight:800}.play-button:hover{filter:brightness(1.05)}.crosshair{z-index:4;pointer-events:none;width:22px;height:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffe6;position:absolute;box-shadow:0 0 6px #0009}.crosshair:before{width:2px;height:18px;top:2px;left:10px}.crosshair:after{width:18px;height:2px;top:10px;left:2px}.hotbar{align-items:center;gap:8px;padding:9px;display:flex;bottom:18px;left:50%;transform:translate(-50%)}.slot{border:1px solid var(--border);color:#fff;background:var(--panel-strong);cursor:pointer;border-radius:6px;place-items:center;width:48px;height:48px;display:grid;position:relative}.slot.active{outline:3px solid var(--focus);outline-offset:2px}.swatch{border:2px solid #ffffff59;border-radius:4px;width:28px;height:28px}.slot span:last-child{color:#ffffffd1;font-size:11px;font-weight:700;position:absolute;bottom:2px;right:5px}.hotbar p{min-width:54px;color:var(--muted);padding-inline:6px;font-size:13px}.touch-controls{pointer-events:none;justify-content:space-between;gap:16px;display:none;bottom:86px;left:18px;right:18px}.touch-pad{pointer-events:auto;grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,42px);place-content:center;gap:8px;width:154px;height:116px;padding:10px;display:grid}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-column:1}.touch-pad button:nth-child(3){grid-column:2}.touch-pad button:nth-child(4){grid-column:3}.touch-actions{pointer-events:auto;grid-template-columns:repeat(2,minmax(70px,1fr));gap:8px;padding:10px;display:grid}.touch-actions button:last-child{grid-column:1/-1}.touch-pad button,.touch-actions button{border:1px solid var(--border);color:#fff;background:var(--panel-strong);border-radius:6px;min-height:42px}.touch-pad button:active,.touch-actions button:active{background:#f3d35c59}@media (width<=820px),(pointer:coarse){.touch-controls{display:flex}.top-hud{top:12px;left:12px;right:12px}.top-hud>div{max-width:calc(100vw - 128px);padding:10px 12px}.game-title{font-size:18px}.game-help{display:none}.hotbar{justify-content:center;gap:6px;width:calc(100vw - 24px);padding:8px;bottom:12px}.slot{width:44px;height:44px}.hotbar p{display:none}}@media (width<=460px){.touch-controls{gap:10px;bottom:76px}.touch-pad{grid-template-rows:repeat(2,38px);grid-template-columns:repeat(3,38px);gap:6px;width:138px;height:106px}.touch-actions{grid-template-columns:repeat(2,minmax(58px,1fr))}.touch-pad button,.touch-actions button{min-height:38px;font-size:13px}.slot{width:39px;height:39px}.swatch{width:24px;height:24px}}