:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:radial-gradient(circle at center,#05070f 0%,#010109 100%);--bg-drift-a:#486cff38;--bg-drift-b:#ff5a9b33;--ring-border:#8896ff59;--ring-fill:linear-gradient(140deg,#53f2ef,#7069ff,#ff63bf);--timer-glow:#8594ff73;--text-strong:#ffffffeb;--text-muted:#d2dcff99;--panel:#0a0c1cd9;--panel-border:#7c92ff47;--accent-perfect:#ff8ba8;--accent-great:#ffe978;--accent-good:#79ffb0;font-family:Pretendard Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}.ring-app{background:var(--bg);min-height:100vh;color:var(--text-strong);flex-direction:column;justify-content:center;align-items:center;margin:0;padding:48px 16px;display:flex;position:relative;overflow:hidden}.ring-app:before,.ring-app:after{content:"";aspect-ratio:1;filter:blur();z-index:-2;border-radius:50%;width:70vw;max-width:820px;position:absolute}.ring-app:before{background:radial-gradient(circle at center,var(--bg-drift-a),transparent 68%);animation:16s ease-in-out infinite driftA;top:-18vh;left:-12vw}.ring-app:after{background:radial-gradient(circle at center,var(--bg-drift-b),transparent 72%);animation:21s ease-in-out infinite driftB;bottom:-26vh;right:-12vw}@keyframes driftA{0%,to{transform:translate(0,0)}45%{transform:translate(6%,-4%)}70%{transform:translate(-4%,6%)}}@keyframes driftB{0%,to{transform:translate(0,0)}40%{transform:translate(-6%,6%)}75%{transform:translate(8%,-4%)}}.layout{gap:32px;width:min(720px,96vw);display:grid}.top-bar{justify-content:flex-start;display:flex}.leaderboard-btn{color:var(--text-strong);cursor:pointer;background:#1c2048b3;border:1px solid #7a90ff73;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;text-decoration:none;transition:transform .25s,box-shadow .25s,border .25s;display:inline-flex}.leaderboard-btn:hover{border-color:#72b2ffb3;transform:translateY(-2px);box-shadow:0 12px 28px #26307866}.leaderboard-btn span.icon{background:#596fff47;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.8rem;display:inline-flex}.arena{aspect-ratio:1;width:min(680px,96vw);box-shadow:0 40px 140px #05081ec7,inset 0 0 0 1px var(--ring-border);cursor:pointer;touch-action:manipulation;background:radial-gradient(circle,#242a5e59,#050617);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.arena:after{content:"";border:1px dashed #9fb5ff1f;border-radius:50%;position:absolute;inset:10%}.ring-shell{aspect-ratio:1;filter:drop-shadow(0 0 26px #6e82ff61);border:4px solid #8ca0ff47;border-radius:50%;place-items:center;width:95%;transition:transform .3s,filter .3s;display:grid;position:relative}.arena.running .ring-shell{transform:scale(1.02)}.progress-core{background:var(--ring-fill);transform-origin:50%;filter:blur();opacity:.94;border-radius:50%;transition:transform .1s linear;position:absolute;inset:12px;transform:scale(0);box-shadow:0 0 44px #748aff8c}.target-ring{pointer-events:none;border:8px solid #8591ff42;border-radius:50%;position:absolute;inset:0}.timer-display{z-index:1;place-items:center;gap:16px;display:grid;position:relative}.timer-display .label{letter-spacing:.4em;color:var(--text-muted);font-size:.85rem}.timer-display .time{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 26px var(--timer-glow);font-size:clamp(3.8rem,12vw,5.4rem);font-weight:700;transition:color .2s}.timer-display .hint{color:var(--text-muted);font-size:.9rem}.info-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;gap:16px;width:100%;padding:20px clamp(18px,4vw,26px);display:grid;box-shadow:0 30px 90px #0406128c}.info-panel h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.7rem,6vw,2.3rem)}.status-line{background:#222646d1;border:1px solid #7188ff38;border-radius:18px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;display:flex}.status-line span:last-child{color:var(--text-muted);font-size:.85rem}.summary{text-align:left;gap:16px;display:grid}.summary-entry{gap:4px;display:grid}.summary-entry strong{color:#bec8ffb8;letter-spacing:.04em;text-transform:uppercase;font-size:.88rem}.summary-entry span{color:var(--text-strong);font-size:1.08rem}.reset-record-btn{color:var(--text-strong);cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;justify-self:flex-start;padding:8px 16px;font-size:.9rem;transition:border-color .2s,color .2s,transform .2s}.reset-record-btn:hover{color:#fff;border-color:#fff6;transform:translateY(-1px)}.burst{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffffff73,#0000 70%);border-radius:50%;width:200px;height:200px;animation:.7s forwards burst;position:absolute;inset:50%;transform:translate(-50%,-50%)scale(.2)}@keyframes burst{0%{opacity:.8;transform:translate(-50%,-50%)scale(.2)}70%{opacity:.5;transform:translate(-50%,-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@media (max-width:520px){.ring-app{padding:32px 14px 42px}.arena{width:min(420px,100vw)}.status-line{flex-direction:column;align-items:flex-start;gap:6px}}