:root{color:#fff;background:#000;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{color:#fff;background:#000;margin:0}button,select{color:#fff;background:#111;border:1px solid #444;border-radius:8px;padding:.6rem .9rem}button:disabled,select:disabled{opacity:.5}.app-shell{gap:1rem;max-width:900px;min-height:100vh;margin:0 auto;padding:1.5rem;display:grid}h1{margin:0;font-size:1.5rem;font-weight:600}.focus-canvas{background:#000;border:1px solid #222;border-radius:16px;width:100%;height:65vh;min-height:420px;position:relative;overflow:hidden}.target-ring{border:3px solid #fff;border-radius:50%;width:84px;height:84px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.guide-line{background:linear-gradient(#111,#333);width:2px;height:42%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.origin-marker{border:2px solid #666;border-radius:50%;width:22px;height:22px;position:absolute;top:88%;left:50%;transform:translate(-50%,-50%)}.ball{background:#fff;border-radius:50%;width:28px;height:28px;transition:top .25s;position:absolute}.panel{background:#050505;border:1px solid #1d1d1d;border-radius:14px;padding:1rem}.controls{gap:1rem;display:grid}.controls label{gap:.4rem;max-width:240px;display:grid}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.stats{gap:.5rem;display:grid}.summary{border-top:1px solid #222;gap:.4rem;margin-top:.75rem;padding-top:.75rem;display:grid}.target-ring{border:3px solid #fff;border-radius:50%;transition:box-shadow .2s,border-color .2s,opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-ring-active{box-shadow:0 0 18px #ffffff59}.target-ring-perfect{box-shadow:0 0 28px #ffffff8c}.target-center{border:2px solid #666;border-radius:50%;transition:background .2s,box-shadow .2s,border-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-center-active{background:#ffffffd9;border-color:#fff;box-shadow:0 0 14px #ffffff80}.ball-in-ring{box-shadow:0 0 12px #ffffff59}.ball-perfect{box-shadow:0 0 24px #ffffffa6}.level-badge{background:#0009;border:1px solid #2a2a2a;border-radius:999px;padding:.4rem .7rem;font-size:.9rem;position:absolute;top:18px;left:18px}.countdown-overlay{pointer-events:none;background:#00000059;place-items:center;display:grid;position:absolute;inset:0}.countdown-number{text-shadow:0 0 18px #ffffff59;font-size:4rem;font-weight:700;line-height:1}.countdown-text{text-align:center;opacity:.9;margin-top:.5rem;font-size:1rem}