.room-typing-race{--room-color:#e4e9ee;--game-accent:#47677e;--stage-ink:#2e4d61}.typing-board{aspect-ratio:7/6;background:#f8f6ee;border-color:#aabcc8}.typing-workspace{flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;inset:0}.typing-target{min-height:0;font-family:var(--font-mono), monospace;white-space:pre-wrap;overflow-wrap:break-word;color:#4b585f;flex:1;font-size:17px;line-height:1.7;position:relative;overflow-y:auto}.typing-target .correct{color:#23623f}.typing-target .incorrect{color:#7e2521;background:#f4ccc0;text-decoration:underline}.typing-target .current{background:#d5e5ed;border-left:2px solid #365d7a}.typing-workspace textarea{color:#263e4f;resize:none;background:#fffdf7;border:1px solid #aabcc8;border-radius:8px;flex-shrink:0;width:100%;height:84px;min-height:54px;padding:8px;font:16px/1.4 monospace}.typing-workspace textarea:focus{outline-offset:1px;outline:2px solid #47677e}.typing-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:46px;font-size:12px;display:flex}.typing-toolbar .primary-button{min-height:44px;padding:10px 14px}@media (orientation:landscape) and (max-height:600px){.room-typing-race.room-focused{--side-width:clamp(165px,25vw,250px)}.room-focused .typing-toolbar{flex-direction:column;grid-area:3/1/5;align-self:start;align-items:flex-start}.room-focused .typing-board{aspect-ratio:7/6}.room-focused .typing-game .score-pair{gap:10px}}@media (max-height:500px){.typing-workspace textarea{height:56px}.typing-workspace{gap:5px;padding:8px}.typing-target{font-size:16px;line-height:1.5}}