.writing-race{width:100%;color:#243848;background:#f7f7f1;padding:22px;border-radius:20px;box-sizing:border-box}.writing-race-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.writing-race h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:4px 0}.writing-race-actions{display:flex;gap:10px;flex-wrap:wrap}.writing-race button{border:1px solid #cbd3d0;border-radius:12px;background:#fff;color:#243848;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer;min-height:46px}.writing-race button:focus-visible{outline:3px solid #3158b8;outline-offset:3px}.writing-race [data-writing-next]{background:#3158b8;color:white;border-color:#3158b8}.writing-race-help{margin:10px 0 20px;text-align:center;font-size:clamp(1rem,1.5vw,1.4rem)}.writing-race-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,25%) minmax(0,1fr);gap:18px;align-items:stretch}.writing-race-player{display:flex;flex-direction:column;min-width:0}.writing-race-player h3{margin:0 0 10px;text-align:center;font-size:clamp(1.3rem,2.1vw,2rem);color:#2455ad}.writing-race-player.player-2 h3{color:#b83c50}.writing-race-paper{position:relative;border:3px solid #7797ca;border-radius:16px;background:white;min-height:350px;height:clamp(350px,55dvh,760px);overflow:hidden}.player-2 .writing-race-paper{border-color:#cb8591}.writing-race-guides{position:absolute;inset:25% 5% 10%;pointer-events:none;display:grid;grid-template-rows:repeat(2,1fr)}.writing-race-guides i{display:block;border-top:1px solid #c5d3df;border-bottom:2px solid #9aafc3;position:relative;margin-bottom:24%}.writing-race-guides i:after{content:'';position:absolute;top:50%;left:0;right:0;border-top:1px dashed #d1dbe3}.writing-race-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-width:0;padding:20px 10px;text-align:center}.writing-race-picture{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.writing-race-picture>img{display:block;max-width:100%;max-height:100%;object-fit:contain}.writing-race-word{font-family:ComicClass,'Comic Sans MS',cursive;font-size:clamp(2.3rem,4.6vw,5.7rem);line-height:1.15;overflow-wrap:anywhere;max-width:100%}.writing-race-progress{font-size:1rem;color:#61717a}.writing-race-status{min-height:1.5em;text-align:center;margin:12px 0 0}.writing-race:fullscreen,[data-writing-race-root]:fullscreen{background:#f7f7f1;overflow:auto;padding:20px;box-sizing:border-box}.writing-race:fullscreen .writing-race-paper,[data-writing-race-root]:fullscreen .writing-race-paper{height:calc(100dvh - 265px);min-height:220px}@media(max-width:760px){.writing-race{padding:12px}.writing-race-board{grid-template-columns:1fr 1fr;gap:12px}.writing-race-prompt{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:8px}.writing-race-picture{grid-row:1/3}.writing-race-word{font-size:clamp(2rem,7vw,3rem)}.writing-race-progress{grid-column:2}.writing-race-paper{height:44dvh;min-height:300px}.writing-race-actions{gap:8px}.writing-race button{padding:10px 12px}.writing-race-toolbar{justify-content:center}.writing-race-toolbar>div:first-child{text-align:center}}

.writing-race-picture>svg{display:block;width:100%;height:100%;max-height:100%}.activity-playing:has(.writing-race) .play-heading{margin-bottom:8px}.activity-playing:has(.writing-race) .play-heading h1{font-size:clamp(1.6rem,2.5vw,2.4rem)}
/* Keep the classroom board broad; the surrounding page already supplies its title. */
.activity-playing:has(.writing-race) #activity-root{max-width:none;padding-left:24px;padding-right:24px}
#activity-root .writing-race-toolbar h2{display:none}
#activity-root [data-writing-race-root]:fullscreen .writing-race-toolbar h2{display:block}
.writing-race-paper{height:clamp(280px,calc(100dvh - 330px),760px);min-height:280px}
@media(max-width:760px){.writing-race-paper{height:44dvh;min-height:300px}}