.board-ninetiles .nine-race-clock{position:relative;display:grid;place-items:center;width:154px;height:154px;margin:auto;color:#fffdf2}
.nine-race-clock>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:5}
.nine-clock-track{stroke:#ffffff40}.nine-clock-hand{stroke:#9de8df;stroke-dasharray:333;stroke-dashoffset:calc(333 * (1 - var(--nine-clock-left,1)))}
.nine-race-clock>div{display:grid;gap:6px;justify-items:center}.nine-race-clock b{font-size:50px;letter-spacing:-2px}.nine-race-clock span{max-width:108px;text-align:center;font-size:.72rem;line-height:1.2}
.nine-race-clock.last-seconds{color:#ffe06d}.last-seconds .nine-clock-hand{stroke:#ffe06d}.last-seconds b{font-size:82px}
.nine-race-announcement{margin:0;text-align:center;font-size:1rem;min-height:1.5em;font-weight:bold;color:#fffdf2}.nine-race-announcement:empty{min-height:0}
.nine-watch-message{display:flex;align-items:center;justify-content:center;gap:16px;text-align:left;color:#222d35;background:#fff7d4;border:3px solid #f0c147;padding:16px 22px;border-radius:12px;max-width:760px;margin:auto}.nine-watch-message>span{font-size:38px;color:#15604c}.nine-watch-message h3{margin:0 0 5px;font-size:1.6rem}.nine-watch-message p{margin:0;line-height:1.4}
.nine-own-board{max-width:650px;width:100%;margin:auto;color:#fffdf2}.nine-own-board>summary{cursor:pointer;min-height:44px;padding:12px;text-align:center}.nine-own-board .nine-review{margin-top:10px}
.race-others article{display:grid;justify-items:center;gap:6px;color:#fffdf2;min-width:0}.race-others article header{display:flex;gap:10px;align-items:center;max-width:100%;font-size:.8rem}.race-others article header strong{overflow-wrap:anywhere}.nine-player-finish{font-size:1.4rem}.nine-player-progress,.nine-player-state{font-size:.7rem;margin:0}.nine-player-progress:empty{display:none}
.board-ninetiles .nine-spectating{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:24px;align-items:start;max-width:1020px;margin:auto}
.nine-spectating article{background:#174a66;border:2px solid #8bbdd1;padding:16px;border-radius:12px;gap:10px}.nine-spectating article.finished-correct{border-color:#ffe06d;background:#205f59}.nine-spectating article.finished-wrong{border-color:#f3a1b0}
.board-ninetiles .nine-spectating .observer-pattern{gap:5px;width:min(100%,230px);grid-template-columns:repeat(3,minmax(0,1fr))}.board-ninetiles .nine-spectating .observer-pattern i{width:100%;height:auto;aspect-ratio:1;padding:5px;border-radius:4px;box-shadow:0 3px 0 #c6bfae}.nine-spectating .nine-player-state{font-size:.85rem}.nine-spectating article header{font-size:1.05rem}
@media(max-width:700px){.board-ninetiles .nine-race-clock{width:132px;height:132px}.nine-race-clock b{font-size:42px}.last-seconds b{font-size:70px}.nine-watch-message{padding:12px;gap:10px}.nine-watch-message h3{font-size:1.25rem}.nine-watch-message p{font-size:.85rem}.board-ninetiles .nine-spectating{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px}.nine-race-announcement{font-size:.9rem}}
@media(prefers-reduced-motion:no-preference){body:not(.calm) .nine-clock-hand{transition:stroke-dashoffset .2s linear}body:not(.calm) .nine-watch-message{animation:nine-watch-arrive .25s ease-out}@keyframes nine-watch-arrive{from{transform:translateY(8px);opacity:.4}to{transform:none;opacity:1}}}