.activity-page{max-width:1800px;margin-inline:auto}.activity-stage{min-height:calc(100vh - 105px);display:flex;flex-direction:column}.break-head{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.break-head>div{display:grid}.break-head small{opacity:.75}.break-head strong{font-size:clamp(36px,5vw,68px);font-variant-numeric:tabular-nums}.break-head p{text-align:center;font-size:clamp(18px,2vw,28px)}.activity-content{display:grid;grid-template-columns:minmax(420px,760px);gap:clamp(22px,4vw,64px);align-items:center;justify-content:center;flex:1;padding:20px}.activity-content.has-result{grid-template-columns:minmax(420px,760px) minmax(300px,620px)}.activity-wheel-wrap{position:relative;display:grid;place-items:center;min-width:0}.activity-wheel-wrap canvas{display:block;width:min(60vh,100%);height:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35))}.wheel-pointer{position:absolute;z-index:2;top:-7px;left:50%;transform:translateX(-50%);font-size:clamp(34px,5vw,64px);color:#edf4ff;text-shadow:0 3px 8px #000}.activity-result{min-width:0;max-width:620px;width:100%;overflow:hidden;text-align:center;padding:clamp(18px,2.5vw,38px);border:2px solid var(--accent);border-radius:24px;background:#132236}.activity-result h1{max-width:100%;font-size:clamp(30px,3.4vw,58px);line-height:1.06;overflow-wrap:anywhere;hyphens:auto;margin:8px 0}.activity-result p{font-size:clamp(18px,1.7vw,27px);overflow-wrap:anywhere}.activity-icon{font-size:clamp(48px,6vw,92px)}.activity-timer{font-size:clamp(64px,7vw,112px);font-weight:850;font-variant-numeric:tabular-nums;color:var(--accent);margin:18px 0}.activity-result button{font-size:clamp(20px,2vw,30px);padding:16px 30px}.activity-actions{display:flex;gap:14px;justify-content:center}.activity-actions button{min-width:220px;font-size:22px}.secondary{background:#18273a}.activity-note{text-align:center;opacity:.7;margin-bottom:0}body.break-finished .activity-stage{animation:activity-flash .7s ease 2}@keyframes activity-flash{50%{box-shadow:inset 0 0 0 8px var(--accent)}}
@media(max-width:1150px){.activity-stage{min-height:auto}.activity-content,.activity-content.has-result{grid-template-columns:1fr}.activity-wheel-wrap canvas{width:min(60vh,90vw)}.activity-result{max-width:760px;width:100%;margin-inline:auto}.break-head{grid-template-columns:1fr auto}.break-head p{grid-column:1/-1;grid-row:2;margin:0}.activity-actions{flex-wrap:wrap}}
@media(max-width:600px){.break-head{gap:12px}.break-head strong{font-size:38px}.break-head .danger{padding:10px}.activity-content{padding:12px 0}.activity-actions{display:grid}.activity-actions button{width:100%}.activity-note{font-size:13px}}
.break-controls{display:flex!important;grid-auto-flow:column;gap:10px;align-items:center}.break-controls button{white-space:nowrap}.break-controls #audioTest.active{outline:2px solid var(--accent);color:var(--accent)}
@media(max-width:800px){.break-controls{grid-column:1/-1;justify-content:center}.break-head p{grid-column:1/-1}}