:root{--bg: #2f2f2f;--panel: #1f1f1f;--panel2: #262626;--text: #f3f3f3;--muted: rgba(255, 255, 255, .65);--cyan: #2fd8ff;--purple: #7a2bd6;--green: #00ff2a;--red: #ff1e1e;--shadow: 0 12px 40px rgba(0, 0, 0, .55)}*{box-sizing:border-box;font-family:"Press Start 2P",system-ui;font-weight:400;font-style:normal;font-size:.7rem}html,body{margin:0;height:100%;background:#2b2b2b;color:var(--text)}.page{min-height:100vh;background:radial-gradient(1000px 600px at 50% 10%,rgba(255,255,255,.05),transparent 60%),linear-gradient(180deg,#2b2b2b,#242424)}.appShell{min-height:100vh;display:flex;flex-direction:column}.topBar{height:110px;background:linear-gradient(180deg,#242424,#1d1d1d);border-bottom:1px solid rgba(0,0,0,.35);display:flex;align-items:center;justify-content:space-between;padding:0 42px;box-shadow:0 10px 28px #00000059}.title{font-size:16px;letter-spacing:.2px;text-shadow:0 2px 0 rgba(0,0,0,.65)}.topRight{display:flex;align-items:center;gap:14px}.lives{display:flex;gap:10px;align-items:center}.livesText{gap:10px;font-size:12px;color:#ffffffd9;letter-spacing:.2px}.livesLabel{text-transform:uppercase;font-size:11px;color:#fff9}.livesCount,.livesBadge{padding:4px 8px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);font-weight:700}.pip{width:14px;height:14px;border-radius:3px;box-shadow:0 8px 18px #00000073;border:1px solid rgba(0,0,0,.25)}.pipAlive{background:#ffffffd9}.pipDead{background:#ffffff29;opacity:.7}.settingsPanel{background:linear-gradient(180deg,#262626,#222);border-bottom:1px solid rgba(0,0,0,.35);box-shadow:0 10px 28px #0000004d;max-height:0;overflow:hidden;opacity:0;padding:0 42px;transition:max-height .18s ease,opacity .18s ease,padding .18s ease}.settingsPanel.open{max-height:260px;opacity:1;padding:18px 42px 22px}.settingsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;align-items:start}.settingBlock{background:#00000038;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;box-shadow:inset 0 1px #ffffff0d}.settingLabel{font-weight:700;font-size:11px;margin-bottom:10px}.settingHelp{margin-top:10px;font-size:9px;color:#fff9}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segBtn{background:#00000047;color:#ffffffd9;border:1px solid rgba(255,255,255,.12);padding:8px 10px;border-radius:8px;font-size:11px;cursor:pointer;transition:transform 90ms ease,filter 90ms ease,background .12s ease}.segBtn:active{transform:translateY(1px);filter:brightness(.95)}.segBtnActive{background:var(--cyan);color:#03212b;border-color:#0003;font-weight:700}.livesControls{display:flex;align-items:center;gap:12px}.stepper{display:inline-flex;align-items:center;gap:6px;background:#0003;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px}.stepperDisabled{opacity:.6}.stepBtn{width:28px;height:28px;border:none;border-radius:6px;background:#ffffff1f;color:#ffffffe6;font-size:16px;font-weight:700;cursor:pointer;transition:transform 90ms ease,filter 90ms ease,background .12s ease}.stepBtn:active{transform:translateY(1px);filter:brightness(.95)}.stepBtn:disabled{opacity:.4;cursor:not-allowed}.numberInput{width:86px;background:#1c1c1c;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 10px;color:var(--text);text-align:center;font-size:14px;-moz-appearance:textfield}.numberInput::-webkit-outer-spin-button,.numberInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numberInput:disabled{opacity:.5}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#fffc}.toggle input{width:16px;height:16px}.rangeRow{display:flex;align-items:center;gap:12px}.rangeInput{flex:1}.rangeInput:disabled{opacity:.5}.rangeValue{min-width:46px;text-align:right;font-weight:700}.arena{position:relative;flex:1;background:linear-gradient(180deg,#2f2f2f,#2a2a2a);overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}.arenaMiss{animation:missBeat .14s ease-out}@keyframes missBeat{0%{box-shadow:inset 0 0 #ff1e1e00}to{box-shadow:inset 0 0 0 999px #ff1e1e1a}}.hint{position:absolute;left:24px;bottom:24px;color:#ffffffbf;background:#0000002e;border:1px solid rgba(0,0,0,.25);padding:10px 12px;border-radius:10px;box-shadow:var(--shadow);max-width:360px;line-height:1.3}.circle{position:absolute;border:none;background:transparent;padding:0;border-radius:999px;cursor:pointer}.circle:focus{outline:none}.core{position:absolute;inset:16%;border-radius:999px;background:radial-gradient(circle at 30% 30%,#272727f2,#38383826 70%);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 50px #0000008c}.ring{position:absolute;inset:0;transform:rotate(-90deg);filter:drop-shadow(0 12px 18px rgba(0,0,0,.5))}.ringTrack{fill:none;stroke:#ffffff2e;stroke-width:8}.ringTimer{fill:none;stroke:#2fd8fff2;stroke-width:8;stroke-linecap:round;stroke-dasharray:276;stroke-dashoffset:0;animation:ringDown var(--dur) linear forwards}@keyframes ringDown{0%{stroke-dashoffset:0}to{stroke-dashoffset:276}}.bottomBar{height:150px;background:linear-gradient(180deg,#2a2a2a,#232323);border-top:1px solid rgba(0,0,0,.35);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 42px;gap:18px}.score{color:#ffffffbf}.scoreValue{color:#fffffff2;font-weight:700}.bottomButtons{display:flex;gap:28px;justify-content:center}.byline{text-align:right;color:#ffffff8c;font-size:10px}.btn{border:none;border-radius:4px;padding:16px 22px;font-size:15px;box-shadow:0 8px 18px #0000008c;text-shadow:0 1px 0 rgba(0,0,0,.55);transition:transform 90ms ease,filter 90ms ease}.btn:active{transform:translateY(1px);filter:brightness(.95)}.btn:disabled{opacity:.6;cursor:not-allowed}.btnDifficulty{background:var(--purple);color:#1a0f2a;font-weight:700;padding:14px 22px}.btnActive{filter:brightness(1.15);box-shadow:0 10px 24px #7a2bd659}.btnStart{background:var(--green);color:#062b0d;font-weight:800;min-width:190px}.btnReset{background:var(--red);color:#2a0000;font-weight:800;min-width:120px}.overlay{position:absolute;inset:0;background:#0000009e;display:grid;place-items:center}.overlayPanel{width:min(520px,92vw);background:#191919eb;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow);text-align:center}.overlayTitle{font-size:18px;font-weight:900}.overlayText{margin-top:10px;color:#ffffffbf;font-size:12px}@media(max-width:720px){.topBar{height:auto;padding:18px;flex-direction:column;align-items:flex-start;gap:12px}.title{font-size:22px}.topRight{width:100%;justify-content:space-between}.settingsPanel{padding:0 18px}.settingsPanel.open{max-height:520px;padding:16px 18px 20px}.settingsGrid{grid-template-columns:1fr}.segmented{gap:6px}.segBtn{flex:1 1 calc(50% - 6px)}.livesControls{flex-wrap:wrap}.rangeRow{flex-direction:column;align-items:stretch}.rangeValue{text-align:left}.arena{min-height:360px}.circle{transform:scale(.8);transform-origin:top left}.bottomBar{height:auto;padding:18px;grid-template-columns:1fr;gap:14px}.score{text-align:center}.bottomButtons{gap:12px;flex-wrap:wrap}.btn{width:100%;font-size:18px;padding:14px 18px}.btnStart,.btnReset{min-width:0}.byline{text-align:center}.hint{left:14px;right:14px;bottom:14px;max-width:none}}