:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f2417;--panel:#16331f;--accent:#5fae3e;--text:#f4f4f0}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}#app{height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-rows:auto auto 1fr auto;gap:6px;display:grid;overflow:hidden}.title{text-align:center;padding:2px 0;font-size:1.1rem;font-weight:700}.hud-row{justify-content:space-between;padding:0 4px;font-size:.85rem;display:flex}.board-wrapper{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}#board-canvas{touch-action:none;background:var(--panel);border-radius:12px;box-shadow:inset 0 0 24px #00000059}.controls{padding-bottom:max(6px, env(safe-area-inset-bottom));justify-content:space-evenly;align-items:center;gap:12px;display:flex}.controls button{touch-action:manipulation;background:var(--accent);color:#fff;border:none;border-radius:50%;width:56px;height:56px;font-size:1.4rem}.controls button[data-action=drop]{border-radius:28px;width:88px;font-size:1rem}.screen{background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.screen[hidden]{display:none}.screen button{touch-action:manipulation;background:var(--panel);width:min(80vw,280px);color:var(--text);border:none;border-radius:12px;padding:14px;font-size:1rem}.hud-combo{color:#ffb020;font-weight:700}