*{box-sizing:border-box}html,body{margin:0;background:#08111d;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;height:100%;overflow:hidden}#app{position:relative;width:100vw;height:100vh;display:grid;place-items:center}canvas{width:min(100vw,960px);height:auto;max-height:100vh;image-rendering:pixelated;background:#8ccf72;box-shadow:0 0 40px #0008}.hud{display:none}#hud{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(940px,94vw);display:flex;gap:8px;flex-wrap:wrap;z-index:4}.hud div,#hud>div{background:#07111ddd;border:1px solid #ffffff22;border-radius:10px;padding:8px 11px;font-size:13px;backdrop-filter:blur(5px)}#help{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);background:#07111ddd;padding:8px 12px;border-radius:10px;font-size:12px;color:#c8d6e8;z-index:4}#toast{position:fixed;left:50%;top:75px;transform:translateX(-50%);background:#0a1625ee;border:1px solid #4b78a8;border-radius:12px;padding:12px 18px;opacity:0;transition:.2s;z-index:8;pointer-events:none}#toast.show{opacity:1}.mobile{display:none}#mobile{display:none;position:fixed;bottom:18px;left:18px;z-index:6;user-select:none}#mobile button{width:52px;height:52px;margin:3px;border:1px solid #fff4;border-radius:14px;background:#07111dcc;color:white;font-size:21px}@media(max-width:700px){#help{display:none}#mobile{display:block}#hud{top:7px}.hud div,#hud>div{font-size:11px;padding:6px 8px}}