:root{--bg:#101a22;--panel:#182733;--line:#2b4254;--text:#e8eef2;--muted:#94a9b7;--accent:#ff9040;--accent-ink:#1b1206;--font:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;font-weight:500;line-height:1.6}main{flex-direction:column;gap:14px;max-width:900px;margin:0 auto;padding:20px 16px 40px;display:flex}h1{letter-spacing:.02em;text-wrap:balance;margin:0;font-size:1.7rem;font-weight:900}.lead{color:var(--muted);max-width:42em;margin:4px 0 0;font-size:.95rem}.board{border:1px solid var(--line);background:#0c141a;border-radius:14px;position:relative;overflow:hidden}#stage{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;display:block}.level-badge{border:1px solid var(--line);pointer-events:none;background:#101a22d1;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700;position:absolute;top:10px;left:10px}.fallback{color:var(--muted);padding:24px}.hud{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:baseline;gap:8px;padding:6px 12px;font-size:.9rem;display:inline-flex}.chip b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.group{flex-direction:column;gap:8px;display:flex}.group-label{color:var(--muted);letter-spacing:.08em;font-size:.8rem}.tools{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.levels{grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:12px;min-height:44px;padding:8px 14px;font-weight:700}button:hover{border-color:#46667d}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.ghost{color:var(--muted);background:0 0}.speed{color:var(--muted);align-items:center;gap:10px;padding:0 6px;font-size:.9rem;display:inline-flex}input[type=range]{width:140px;accent-color:var(--accent)}.hint{min-height:3.2em;color:var(--muted);margin:0;font-size:.92rem}.msg{min-height:1.6em;color:var(--accent);margin:0;font-size:.92rem;font-weight:700}.note{color:var(--muted);margin:6px 0 0;font-size:.8rem}.rules{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.rules li{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--c);color:var(--muted);border-radius:10px;padding:8px 12px;font-size:.88rem}.rules b{color:var(--text);font-size:.95rem;display:block}