*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e0e0e0;background:#0d0d12;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game{transform-origin:50%;width:800px;max-width:100%;padding:16px;transform:scale(1.35)}.header{text-align:center;margin-bottom:16px}.header h1{color:#e94560;font-family:monospace;font-size:26px;font-weight:400}.header p{color:#e8e8e8;margin-top:4px;font-size:11px}.controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.btn{color:#00d4aa;cursor:pointer;background:#00d4aa40;border:1px solid #00d4aab3;border-radius:4px;padding:10px 20px;font-family:monospace;font-size:12px;transition:background .15s}.btn:hover{background:#00d4aa73;border-color:#00d4aacc}.btn.submit{color:#ffb347;background:#ffb34740;border-color:#ffb347b3}.btn.submit:hover{background:#ffb34773}.panels-wrapper{margin-bottom:16px;position:relative}.panels-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ready-overlay{background:#0d0d12eb;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ready-overlay-inner{text-align:center}.ready-overlay-text{color:#e8e8e8;margin-bottom:16px;font-size:14px}.btn.ready-btn{color:#00d4aa;background:#00d4aa4d;border-color:#00d4aacc;padding:14px 32px;font-size:16px}.panel{background:#16161e;border:1px solid #2a2a35;border-radius:6px;padding:12px 16px 20px;position:relative}.panel-title{color:#e8e8e8;text-align:center;margin-bottom:12px;font-family:monospace;font-size:10px}.panel-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.panel-row.full,.panel-filter{grid-column:1/-1}.panel-filter .panel-row{justify-content:center}.knob-group{flex-direction:column;align-items:center;gap:4px;display:flex}.knob-label{color:#e8e8e8;text-transform:uppercase;font-size:8px}.knob{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#1a1a22;border:2px solid #3a3a45;border-radius:50%;width:44px;height:44px;position:relative}.knob:active{cursor:grabbing}.knob:after{content:"";transform-origin:bottom;width:3px;height:14px;transform:translate(-50%, -100%) rotate(var(--angle,-135deg));background:#00d4aa;border-radius:2px;position:absolute;top:50%;left:50%}.knob-value{color:#00d4aa;margin-top:2px;font-family:monospace;font-size:9px}.selector-group{flex-direction:column;align-items:center;gap:4px;display:flex}.selector-group .knob-label{font-size:8px}.selector-wrapper{justify-content:center;align-items:center;gap:8px;height:44px;display:inline-flex}.selector-spacer{height:11px}.selector{color:#00d4aa;cursor:pointer;text-align:center;background:#1e1e26;border:1px solid #2a2a35;border-radius:3px;min-width:48px;padding:6px 8px;font-family:monospace;font-size:9px}.selector:hover{background:#25252e}.selector-chevrons{flex-direction:column;align-items:center;gap:2px;display:flex}.selector-chevron{color:#00d4aae6;cursor:pointer;background:#1e1e26;border:1px solid #2a2a35;border-radius:2px;justify-content:center;align-items:center;width:14px;height:10px;padding:0;font-size:6px;line-height:1;transition:background .15s,color .15s;display:flex}.selector-chevron:hover{color:#00d4aa;background:#25252e}.selector-chevron:active{background:#00d4aa33}.footer{text-align:center;color:#e8e8e8;margin-top:12px;font-size:10px}.score-display{text-align:center;margin:12px 0;font-family:monospace;font-size:28px}.score-display.good{color:#00d4aa}.score-display.ok{color:#ffb347}.score-display.bad{color:#e94560}.title-screen{text-align:center;max-width:480px;padding:24px}.title-screen h1{color:#e94560;margin-bottom:4px;font-family:monospace;font-size:32px;font-weight:400}.title-sub{color:#e8e8e8;margin-bottom:32px;font-size:12px}.mode-buttons{flex-direction:column;gap:12px;display:flex}.mode-btn{text-align:left;color:#e0e0e0;cursor:pointer;background:#16161e;border:1px solid #2a2a35;border-radius:8px;padding:20px 24px;transition:border-color .15s,background .15s}.mode-btn:hover{background:#1a1a24;border-color:#3a3a45}.mode-btn.primary{background:#00d4aa1a;border-color:#00d4aa}.mode-btn.primary:hover{background:#00d4aa33}.mode-name{color:#00d4aa;margin-bottom:6px;font-family:monospace;font-size:18px;display:block}.mode-desc{color:#e8e8e8;font-size:11px;line-height:1.4;display:block}.difficulty-screen{text-align:center;padding:24px}.difficulty-screen h2{color:#e94560;margin-bottom:4px;font-family:monospace;font-size:24px}.diff-sub{color:#e8e8e8;margin-bottom:24px;font-size:12px}.diff-cards{flex-direction:column;gap:12px;max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto;display:flex}.diff-card{text-align:left;color:#e0e0e0;cursor:pointer;background:#16161e;border:1px solid #2a2a35;border-radius:8px;padding:16px 20px;transition:border-color .15s,background .15s}.diff-card:hover{background:#1a1a24;border-color:#00d4aa}.diff-name{color:#00d4aa;margin-bottom:6px;font-family:monospace;font-size:16px;display:block}.diff-desc{color:#e8e8e8;font-size:11px;line-height:1.4;display:block}.attempts-dots{align-items:center;gap:6px;margin-left:16px;display:flex}.attempt-dot{color:#3a3a45;border:1px solid #2a2a35;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:color .2s,border-color .2s,background .2s;display:flex}.attempt-dot.used{color:#e94560;background:#e9456026;border-color:#e94560}.back-btn{color:#e8e8e8;cursor:pointer;background:0 0;border:1px solid #2a2a35;border-radius:4px;margin-top:24px;padding:8px 16px;font-size:12px}.back-btn:hover{color:#00d4aa;border-color:#3a3a45}.knob-group.disabled,.selector-group.disabled{opacity:.35;pointer-events:none}.selector:disabled{opacity:.5;cursor:not-allowed}.attempts{color:#e8e8e8;margin-left:12px;font-size:12px}.timer{color:#ffb347;margin-left:12px;font-family:monospace;font-size:18px}.btn.reveal{color:#e94560;background:#e9456033;border-color:#e9456099}.section-scores{color:#e8e8e8;margin:8px 0;font-size:12px}.section-breakdown{font-family:monospace}.reveal-params{color:#e8e8e8;font-family:monospace;font-size:11px}.round-end-row{justify-content:center;align-items:center;gap:12px;margin:16px 0;display:flex}.btn.play-again{color:#00d4aa;background:#00d4aa40;border-color:#00d4aab3}@media (width<=900px){html,body{overflow:auto}.game{width:100%;padding:12px;transform:scale(1)}.panels-grid{grid-template-columns:1fr}.panel-row{justify-content:center}.controls-row{flex-wrap:wrap;gap:8px}.header h1{font-size:22px}.btn{padding:8px 14px;font-size:11px}}@media (width<=480px){.game{padding:8px}.panel{padding:10px 12px 16px}.knob-group,.selector-group{transform:scale(.9)}.knob{width:38px;height:38px}.knob-label,.knob-value{font-size:7px}.controls-row{gap:6px}.header h1{font-size:18px}.header p{font-size:10px}}