:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#17212b;--paper:#f4ebdd;--yellow:#f4cf58;--coral:#f06c64;--mint:#8ad2b0;--muted:#a9b6c4}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);min-width:320px;margin:0;padding:0;font-family:system-ui,sans-serif;overflow-x:hidden}#app{max-width:1100px;padding:8px max(12px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;min-height:100dvh;margin:0 auto;display:flex}.muted{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#course-bar{padding-top:env(safe-area-inset-top);flex-wrap:wrap;align-items:center;gap:12px;display:flex}#course-bar h1{letter-spacing:.02em;margin:0;font-size:1.1rem}#course-name,#core-count{font-size:.95rem}button{font:inherit;min-width:48px;min-height:48px;color:var(--paper);cursor:pointer;background:#f4ebdd14;border:1px solid #f4ebdd59;border-radius:10px;padding:8px 16px}button:hover{background:#f4ebdd29}button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--yellow);border-color:var(--yellow);color:var(--ink);font-weight:600}.btn-primary:hover{background:#ffd76e}.btn-danger{border-color:var(--coral);color:var(--coral)}#stage{aspect-ratio:16/9;background:var(--ink);border-radius:12px;width:100%;position:relative;overflow:hidden}#game-canvas{width:100%;height:100%;display:block}#overlay{z-index:2;background:0 0;place-items:center;display:grid;position:absolute;inset:0}#overlay[hidden]{display:none}#announcer{margin:0}dialog.dialog{max-width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--paper);background:#1f2c38;border:1px solid #f4ebdd40;border-radius:14px;margin:auto;padding:20px;overflow:auto}dialog.dialog::backdrop{background:#0a0f1499}.dialog-title{margin:0 0 8px;font-size:1.25rem}.dialog-body{flex-direction:column;align-items:stretch;gap:10px;display:flex}.dialog-body button{text-align:center}.dialog-note{color:var(--muted);margin:0;font-size:.95rem}.dialog-row{flex-wrap:wrap;gap:8px;display:flex}.course-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.course-item{justify-content:space-between;align-items:center;gap:8px;display:flex}.course-item.locked .course-name{color:var(--muted)}.course-badges{color:var(--mint);white-space:nowrap;font-size:.85rem}#control-strip{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#flip-btn{background:var(--yellow);border-color:var(--yellow);min-width:96px;min-height:56px;color:var(--ink);flex:none;font-size:1.05rem;font-weight:600}#flip-btn:focus-visible{outline:3px solid var(--paper)}#instruction{color:var(--muted);min-height:1.4em;margin:0;font-size:.95rem}#sensor-panel{border-top:1px solid #f4ebdd33;flex-wrap:wrap;align-items:center;gap:12px;padding-top:12px;display:flex}#sensor-panel h2{flex-basis:100%;margin:0;font-size:1rem}#sensor-panel.unsupported{opacity:.7}#sensor-status{min-width:180px;margin:0}#threshold{width:90px;min-height:48px;font:inherit;color:var(--paper);background:#f4ebdd14;border:1px solid #f4ebdd59;border-radius:8px;padding:6px 10px}#threshold:focus-visible{outline:3px solid var(--yellow);outline-offset:1px}#meter-canvas{max-width:100%}#meter-label{flex-basis:100%;margin:0;font-size:.85rem}@media (width<=600px){#flip-btn{flex:auto}}