@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101016;--panel:#19191f;--muted:#9d9ca8;--line:#303037;--lime:#dbfc87;--violet:#bca1fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f6fa;font-family:'DM Sans',sans-serif;font-size:16px}header{max-width:1320px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid #25252d}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:27px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}.brand-icon{background:var(--lime);color:#161a11;font-size:24px;border-radius:10px;width:37px;height:37px;display:grid;place-items:center;transform:rotate(-7deg)}.brand-period{color:var(--lime);margin-left:-10px}.header-note{color:var(--muted);font-size:14px}main{max-width:1232px;margin:auto;padding:44px 0}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:var(--muted)}h1{font-family:'Space Grotesk',sans-serif;font-size:44px;letter-spacing:-1.8px;line-height:1.13;margin:15px 0 0}h1 span{color:var(--violet)}.intro p{color:var(--muted);line-height:1.7;margin:0 0 3px}.workspace{display:grid;grid-template-columns:350px 1fr;gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:26px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h2{font-size:17px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.step{font-size:12px;color:#aaa9b2;border:1px solid #44434c;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.badge,.status{font-size:12px;border-radius:25px;background:#28272f;padding:7px 10px;color:#c0bdcb}label{display:block;color:#bebbc7;font-size:14px;margin-bottom:12px}textarea{width:100%;height:258px;resize:vertical;background:#121217;border:1px solid #393840;border-radius:10px;color:#efecf8;padding:16px;font:16px/1.9 'DM Sans',sans-serif;outline:none}textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #bca1fb18}button{font:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.input-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:10px}.text-button{background:none;border:0;padding:0;color:#bdb9c8;font-size:12px;text-decoration:underline}.start{width:100%;background:var(--lime);color:#17200c;border:0;border-radius:10px;font-weight:700;padding:18px 12px;font-size:14px;display:flex;justify-content:space-between;align-items:center;transition:background .2s,transform .2s}.start:hover{background:#e7ffb1;transform:translateY(-2px)}.start span{font-size:21px}.start:disabled{cursor:wait;opacity:.6;transform:none}.fair-note{display:flex;gap:12px;margin-top:23px;color:var(--muted);font-size:12px;line-height:1.7}.fair-note>span{font-size:26px;color:var(--violet)}.fair-note p{margin:0}.fair-note strong{color:#c9c7d0;font-weight:500}#error{color:#ffaaa6;font-size:13px;min-height:16px;margin:10px 0}.arena{padding:26px 32px;position:relative;overflow:hidden}.counter-wrap{max-width:550px;margin:33px auto 30px;text-align:center}.counter{font-family:'Space Grotesk',sans-serif;font-size:78px;line-height:1.2;letter-spacing:-4px;font-weight:600;font-variant-numeric:tabular-nums;margin:6px 0}.target{color:var(--muted);font-size:13px;display:flex;justify-content:center;gap:15px}.target span{color:var(--lime)}.progress{height:5px;background:#34313d;border-radius:5px;margin-top:22px;overflow:hidden}.progress div{height:100%;width:0;background:var(--lime);transition:width .13s linear}.race-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.4px;color:var(--muted);margin-bottom:12px}.race{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto}.runner{display:flex;gap:12px;align-items:center;min-height:39px}.rank{font:12px 'Space Grotesk',sans-serif;color:var(--muted);width:16px}.track{position:relative;flex:1;background:#24232b;border-radius:6px;overflow:hidden;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;min-width:0}.bar{position:absolute;inset:0 auto 0 0;width:0;opacity:.19;background:var(--violet);transition:width .15s}.runner:first-child .bar{background:var(--lime);opacity:.25}.name,.count{position:relative;z-index:1;font-size:14px}.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px}.count{font-variant-numeric:tabular-nums;flex-shrink:0;color:#c9c6d1}.arena-footer{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.running .status{background:#dafa8215;color:var(--lime)}.running .counter{color:var(--lime)}.result{background:var(--lime);color:#17200c;border-radius:12px;padding:23px;text-align:center;margin-top:20px;animation:reveal .6s ease}.result strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:34px;overflow-wrap:anywhere;margin:5px}.result p{font-size:14px;margin:7px 0 0}.result small{font-size:12px;letter-spacing:1.3px}footer{display:flex;justify-content:space-between;color:#7e7b89;font-size:12px;margin-top:23px}details{font-size:13px;color:#aaa6b7;margin-top:25px;max-width:760px;line-height:1.7}summary{cursor:pointer}details p{margin-top:10px}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(min-width:1500px){main{padding-top:60px}.intro{margin-bottom:44px}}@media(max-width:1300px){main{padding:34px 30px}header{padding:0 30px}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.intro{display:block}.intro p{margin-top:18px}h1{font-size:36px}main{padding:26px 20px}header{padding:0 20px;height:80px}.header-note{display:none}textarea{height:170px}.panel{padding:22px}.counter{font-size:58px;letter-spacing:-3px}.counter-wrap{margin-top:24px}footer{gap:18px;flex-wrap:wrap}.arena-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}