.round{max-width:1480px;min-height:100dvh;margin:0 auto;padding:26px 4vw 20px}.round.loading{padding:32px}.round.congrats{justify-content:center;align-items:center;display:flex}.round .hud header{font:600 15px var(--display);letter-spacing:.5px;background:0 0;border-bottom:1px solid #52266b;padding:8px 0 14px}.round .workspace{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;display:grid}.round .number-digits{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:470px;margin:27px auto 20px;display:grid}.round .digit-group{text-align:center}.round .digit-group label{color:#cdb7df;letter-spacing:1px;margin-bottom:11px;font-size:14px;display:block}.round .digit-group label.place-selected{color:#fff4a8;text-shadow:0 0 8px #ffe96f66}.round .number-digits .digit{width:100%;height:clamp(95px,10vw,140px);font-size:clamp(50px,6vw,85px)}.round .digit.place-selected{border-color:var(--gold);color:#fff4a8;background:#292108;box-shadow:0 0 17px #ffe96f44}.round .digit.grouped{border-color:var(--green);background:#0f2412;box-shadow:0 0 14px #85ff7344}.round .digit.place-selected.grouped{border-color:var(--gold);box-shadow:0 0 17px #ffe96f55}.round .group-caption{flex-direction:column;align-items:stretch;gap:6px;margin-top:2px;padding:0 6px;display:flex}.round .group-caption .bracket{border:2px solid var(--green);border-top:none;border-radius:0 0 8px 8px;height:12px;display:block}.round .group-caption.group-keep .bracket{border-color:#b98cd6}.round .group-caption .caption-text{font:600 13px var(--body);letter-spacing:.5px;text-align:center;text-transform:uppercase;color:var(--green)}.round .group-caption.group-keep .caption-text{color:#dfb5f5}.round .digit.decider{color:#c7ffc0;background:#102710;border-color:#85ff73;box-shadow:0 0 17px #85ff7355}.round .number-digits.two-digits{grid-template-columns:repeat(2,minmax(0,1fr));max-width:320px}.round .number-digits.four-digits{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:580px}.round .number-digits.five-digits{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:650px}.round .five-digits label,.round .six-digits label{letter-spacing:0;justify-content:center;align-items:center;min-height:36px;font-size:12px;display:flex}.round .five-digits .digit{height:110px;font-size:clamp(32px,4.5vw,60px)}.round .number-digits.six-digits{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:760px}.round .six-digits .digit{height:100px;font-size:clamp(28px,4vw,52px)}.round .round-rule{text-align:center;color:#e4d1f4;background:#180b23;border:1px solid #522d6b;border-radius:10px;min-height:72px;padding:15px;font-size:18px;line-height:1.5}.round .round-rule strong{color:#85ff73}.round .number-line-section{margin-top:22px}.round .number-line-section svg{touch-action:none;width:100%;height:auto;display:block;overflow:visible}.round .dragarea{touch-action:none}.round #numberLine text{font-family:var(--body)}.round #numberLine .number-label{font-size:25px;font-weight:700}.round #numberLine .tick-label{fill:#d9c2eb;font-size:22px}.round .linebox{fill:none;stroke:#8f62aa;stroke-dasharray:6 4;stroke-width:2px}.round .linebox.live{stroke:var(--gold)}.round .linebox-text{font-size:22px;font-weight:700}.round .dot.dock{opacity:.85;cursor:grab}.round .spot{animation:1s infinite round-ring}.round .rounding-arrow{filter:drop-shadow(0 0 6px #67deff);animation:2.8s ease-in-out 3 round-glow}.round .rounding-beam{stroke-dasharray:1;animation:2.8s ease-in-out 3 round-draw}.round .linebox.pickable{cursor:pointer;stroke:#b98cd6;pointer-events:all}.round .linebox.pickable:hover{stroke:var(--gold)}.round .tick.major{opacity:.9}.round .number-line-section.wrong{animation:.4s round-shake}.round .number-line-section.wrong .linebox.live{stroke:var(--red)}.round .estimate{font:600 clamp(29px,4vw,49px)var(--display);font-variant-numeric:tabular-nums;border-top:1px solid #543066;justify-content:center;align-items:center;gap:20px;padding-top:15px;display:flex}.round .estimate-wrap{margin-top:22px}.round .approx{color:#b99dce}.round .estimate button{font:inherit;color:#fff;letter-spacing:2px;border:2px dashed #8f62aa;min-width:165px;min-height:76px}.round .estimate button.target{border-color:var(--gold);background:#292108;box-shadow:0 0 15px #ffe96f33}.round .estimate button.correct{color:#c6ffbb;background:#102510;border-style:solid;border-color:#85ff73;box-shadow:0 0 14px #85ff7344}.round .estimate button:disabled{opacity:1}.round .estimate-wrap.wrong .estimate button{border-color:var(--red);background:#2b0a10;animation:.4s round-shake;box-shadow:0 0 15px #ff627955}.round .rule-guide{background:#09040e;border:1px solid #523363;border-radius:10px;margin:12px 0;padding:8px 10px 6px}.round .rounding-hill{width:auto;max-width:100%;height:130px;margin:0 auto 6px;display:block;overflow:visible}.round .hill-digits{font:700 29px var(--display)}.round .hill-digits .hill-peak{font-size:36px}.round .hill-digits .lit{filter:drop-shadow(0 0 6px);font-size:40px}.round .hill-caption{font:700 23px var(--body)}.round .hill-down-arrow{filter:drop-shadow(0 0 4px #b824ff99)}.round .hill-up-arrow{filter:drop-shadow(0 0 4px #85ff7377)}.round .rule-guide .hill-rules{text-align:center;grid-template-columns:1fr 1fr;gap:10px;display:grid}.round .rule-guide .hill-rules small{opacity:.55;margin:0;font-size:12px;line-height:1.3;transition:opacity .2s;display:block}.round .hill-rules small:first-child{color:#dfb5f5}.round .hill-rules small:last-child{color:#bdffb3}.round .hill-rules.down-on small:first-child,.round .hill-rules.up-on small:last-child{opacity:1;text-shadow:0 0 8px;font-weight:700}.round .trackcard{margin-bottom:18px}.round .tcap{font:600 12px var(--display);letter-spacing:2px;text-transform:uppercase;color:#d4b9ed;margin:0 0 10px}.round .tstep{color:#a79ab8;background:#0d0815d9;border:1px solid #463056;border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:6px;padding:7px 9px;font-size:14px;font-weight:600;transition:all .2s;display:grid}.round .tstep .tb{width:32px;height:32px;font:600 14px var(--display);border:1px solid #694a7f;border-radius:8px;place-items:center;display:grid}.round .tstep .tn{font-size:13px;line-height:1.15}.round .tickc{width:20px;height:20px;color:var(--green);border:2px dashed #694a7f;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.round .tickc.did{border:2px solid var(--green);background:#0b1a0d;animation:.35s round-pop}.round .tstep.on{border-color:var(--purple);color:#fff;background:#240930;box-shadow:inset 0 0 18px #b824ff17,0 0 12px #b824ff24}.round .tstep.on .tb{color:#fff;border-color:#d059ff;box-shadow:0 0 9px #b824ff55}.round .tstep.done{color:var(--green);background:#0b1a0d;border-color:#40733d}.round .tstep.done .tb{border-color:#4c9942}.round .feedback{min-height:48px}.round .feedback.bad{color:var(--red)}@keyframes round-ring{0%,to{opacity:1;stroke-width:2px}50%{opacity:.35;stroke-width:6px}}@keyframes round-glow{0%,to{opacity:.12;filter:drop-shadow(0 0 2px #b342ff)}30%,65%{opacity:1;filter:drop-shadow(0 0 9px #67deff)}}@keyframes round-draw{0%{stroke-dashoffset:1px}38%,to{stroke-dashoffset:0}}@keyframes round-shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes round-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}@media (max-width:1000px){.round{padding:24px 18px}.round .workspace{grid-template-columns:minmax(0,1fr) 285px;gap:16px}}@media (max-width:720px){.round{padding:23px 12px}.round .workspace{grid-template-columns:1fr}.round .number-digits{gap:12px;max-width:350px}.round .digit-group label{font-size:12px}.round .number-digits .digit{height:95px;font-size:52px}.round .number-digits.two-digits{max-width:270px}.round .number-digits.four-digits{gap:8px}.round .four-digits .digit{height:86px;font-size:clamp(29px,8vw,48px)}.round .four-digits label{letter-spacing:0;font-size:11px}.round .number-digits.five-digits,.round .number-digits.six-digits{gap:6px}.round .five-digits label,.round .six-digits label{min-height:28px;margin-bottom:8px;font-size:10px;line-height:1.3}.round .five-digits .digit{height:73px;font-size:clamp(24px,7vw,36px)}.round .six-digits .digit{height:64px;font-size:clamp(20px,6vw,30px)}.round .round-rule{font-size:16px}.round .estimate{gap:12px;font-size:29px}.round .estimate button{min-width:140px}.round .number-line-section{margin-top:20px}}@media (prefers-reduced-motion:reduce){.round .rounding-arrow,.round .rounding-beam{opacity:1;stroke-dashoffset:0;animation:none}}.round .hud.bonus header{align-items:center;gap:18px;display:flex}.round .hud.bonus .hud-title{font:600 15px var(--display)}.round .hud.bonus .bonus-streak{color:var(--muted);font-weight:600}.round .hud.bonus .bonus-clock{font:800 24px var(--display);margin-left:auto}.round .hud.bonus .bonus-clock.red{color:var(--red);text-shadow:0 0 10px #ff627966}.round .hud.bonus .bonus-exit{min-height:38px;padding:8px 14px;font-size:13px}.round .timeup-wrap{justify-content:center;align-items:center;min-height:55dvh;display:flex}.round .timeup{text-align:center;background:#0e0718ed;border:1px solid #513268;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:32px 44px;display:flex}.round .timeup-icon{font-size:40px}.round .timeup h1{font-size:30px}.round .timeup-line{font-size:19px}.round .timeup-best{color:var(--muted);font-size:15px}.round .timeup-actions{gap:12px;display:flex}.round .timeup-actions .primary{width:auto}
