:root{color-scheme:dark;font-family:Trebuchet MS,Gill Sans,Avenir Next,sans-serif;background:#10151d;color:#f8f4df}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}.loading{display:grid;width:100%;height:100%;place-items:center;background:#87c7e8;color:#243242;font-size:18px;font-weight:800;letter-spacing:0}.game-root{position:relative;width:100%;height:100%;background:#86cbee}.game-canvas{display:block;width:100%;height:100%;cursor:crosshair}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{position:absolute;content:"";background:#f8f4dfeb;box-shadow:0 1px #141a1ea6}.crosshair:before{left:8px;top:0;width:2px;height:18px}.crosshair:after{left:0;top:8px;width:18px;height:2px}.game-title{position:absolute;top:18px;left:20px;color:#fff8d2;font-size:18px;font-weight:900;text-shadow:0 2px 0 rgba(23,32,30,.42)}.status{position:absolute;top:18px;right:20px;max-width:min(42vw,360px);color:#fff8d2;font-size:14px;font-weight:800;text-align:right;text-shadow:0 2px 0 rgba(23,32,30,.42)}.help{position:absolute;right:18px;bottom:18px;max-width:min(52vw,560px);color:#fff8d2db;font-size:13px;font-weight:800;line-height:1.35;text-align:right;text-shadow:0 2px 0 rgba(23,32,30,.46)}.hotbar{position:absolute;left:50%;bottom:22px;display:grid;grid-template-columns:repeat(5,72px);gap:8px;transform:translate(-50%)}.hotbar-slot{position:relative;display:grid;width:72px;height:72px;place-items:center;padding:7px 5px 6px;overflow:hidden;color:#fff8d2;font:inherit;font-size:10px;font-weight:900;background:#1e262a9e;border:2px solid rgba(255,248,210,.34);border-radius:8px;box-shadow:inset 0 -8px #0000002e,0 8px 20px #0e151438}.hotbar-slot.selected{border-color:#fff8d2;transform:translateY(-6px);box-shadow:inset 0 -8px #00000024,0 10px 24px #ffed8a59}.slot-number{position:absolute;top:5px;left:7px;color:#fff8d2c7;font-size:11px}.slot-count{position:absolute;right:6px;top:5px;min-width:18px;padding:1px 4px;color:#243023;font-size:11px;line-height:16px;background:#fff8d2;border-radius:999px;box-shadow:0 2px #0000002e}.slot-count.empty{color:#fff8d2bf;background:#fff8d224}.slot-swatch{width:30px;height:30px;border:2px solid rgba(255,255,255,.34);box-shadow:inset -6px -6px #00000029,inset 5px 5px #ffffff2e}.slot-name{width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:linear-gradient(#12222a38,#12222a6b),repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 2px,transparent 2px 12px);pointer-events:auto}.start-overlay.hidden{display:none}.start-panel{width:min(460px,100%);padding:26px;color:#263023;background:#fff8d2f0;border:4px solid #263023;border-radius:8px;box-shadow:0 18px #2630234d,0 26px 50px #15202347;text-align:center}.start-kicker{font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.start-panel h1{margin:6px 0 8px;color:#263023;font-size:clamp(38px,9vw,68px);line-height:.95;letter-spacing:0}.start-panel p{margin:0 0 18px;color:#4f5d3e;font-size:16px;font-weight:800}.start-button{min-width:180px;min-height:48px;padding:0 18px;color:#fff8d2;font:inherit;font-weight:900;background:#2f7d46;border:0;border-radius:6px;box-shadow:inset 0 -5px #00000038;cursor:pointer}@media (max-width: 760px){.hotbar{grid-template-columns:repeat(5,54px);gap:5px}.hotbar-slot{width:54px;height:58px}.slot-name{display:none}.help{left:14px;right:14px;bottom:92px;max-width:none;text-align:center}}