:root{font-family:Inter,Arial,sans-serif;color:#f8f3e8;background:#0d1020}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 15%,#20274b 0,transparent 35%),radial-gradient(circle at 85% 80%,#292139 0,transparent 35%),#0d1020}.ambient{position:fixed;width:36vw;height:36vw;border-radius:50%;filter:blur(90px);opacity:.14;pointer-events:none}.ambient-a{background:#e96f5b;top:-22vw;left:-10vw}.ambient-b{background:#7d79f8;right:-18vw;bottom:-21vw}main{position:relative;width:100vw;height:100vh;padding:clamp(20px,2.6vw,45px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(16px,2.2vh,30px)}header,footer{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.4em;font-weight:900;font-size:clamp(21px,2.2vw,38px);letter-spacing:.12em}.spark{color:#f6b76b;font-size:1.5em;line-height:.7}.accent{color:#f29c72}.badge{font-size:clamp(11px,1vw,15px);font-weight:800;letter-spacing:.2em;border:1px solid #5a617a;border-radius:999px;padding:.75em 1.2em;color:#b8c0d7}.badge.running{border-color:#f09d77;color:#f9b690}.badge.finished{border-color:#8adbbd;color:#9be9ca}.playfield{min-height:0;position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#151b31,#151626);box-shadow:0 25px 80px #0009,inset 0 0 0 1px #ffffff19;display:grid;place-items:center}canvas{width:100%;height:100%;display:block}.empty{position:absolute;display:grid;justify-items:center;gap:12px;text-align:center}.empty-mark{color:#f0a576;font-size:clamp(75px,10vw,160px);line-height:.9}.empty strong{font-size:clamp(25px,3vw,50px)}.empty small{font-size:clamp(13px,1.3vw,20px);color:#a8adc1}footer{gap:clamp(20px,3vw,50px);height:clamp(42px,5vw,76px)}.round{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.round-label{color:#929ab4;font-size:clamp(9px,.8vw,14px);letter-spacing:.22em;font-weight:800}.round span:last-child{font-size:clamp(24px,3vw,45px);font-weight:800}.progress-wrap{flex:1;background:#30374d;border-radius:999px;height:clamp(7px,.8vw,12px);overflow:hidden}.progress{height:100%;width:0;background:linear-gradient(90deg,#ed8d69,#f6c77b);border-radius:inherit}.time{min-width:2.8em;text-align:right;font-size:clamp(27px,3.6vw,58px);font-weight:800;letter-spacing:-.06em;font-variant-numeric:tabular-nums}@media(max-width:600px){main{padding:15px;gap:14px}.playfield{border-radius:16px}.round-label{display:none}.brand{font-size:18px}footer{gap:14px}}

.copyright{color:#929ab4;font-size:clamp(9px,.75vw,12px);line-height:1.4;text-align:center}