.crt{position:absolute;top:0;right:0;bottom:0;width:40%;background:#050a06;color:#3f6;font-family:Courier New,ui-monospace,monospace;font-size:16px;line-height:1.35;padding:24px;border:2px solid #123f22;border-radius:10px 0 0 10px;box-shadow:0 0 40px #33ff6640,inset 0 0 80px #0000008c;text-shadow:0 0 6px rgba(51,255,102,.7);overflow:hidden;transition:top .16s ease,left .16s ease,right .16s ease,bottom .16s ease,width .16s ease,height .16s ease,font-size .16s ease,padding .16s ease}.crt.peek{inset:auto 2% 3% auto;width:30%;height:35%;font-size:11px;padding:12px;border-radius:10px}.crt:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}.crt:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%);animation:crt-flicker 4s infinite steps(1)}.crt .cursor{display:inline-block;width:.6em;height:1em;background:#3f6;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@keyframes crt-flicker{0%,92%,96%,to{opacity:1}93%,95%{opacity:.85}}.crt.peek{border-color:#ff375f;animation:peek-pulse 1s infinite}@keyframes peek-pulse{0%,to{box-shadow:0 0 34px #ff375f66,inset 0 0 80px #0000008c}50%{box-shadow:0 0 12px #ff375f1f,inset 0 0 80px #0000008c}}.crt.typing-race{width:min(760px,62%);padding:clamp(24px,4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:22px;box-sizing:border-box;background:#050a06f7}.typing-race>*{position:relative;z-index:1}.typing-eyebrow{color:#00e5ff;font-size:.72em;letter-spacing:.22em}.typing-heading{color:#eaffef;font-size:clamp(24px,3vw,42px);font-weight:700;letter-spacing:.05em}.typing-heading span{color:#f7b32b;text-shadow:0 0 12px rgba(247,179,43,.45)}.typing-dashboard{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #123f22}.typing-metric{padding:13px 10px;border-right:1px solid #123f22}.typing-metric:last-child{border-right:0}.typing-metric strong{display:block;color:#eaffef;font-size:1.55em;line-height:1}.typing-metric span{display:block;margin-top:6px;color:#1f8f46;font-size:.68em;letter-spacing:.16em}.typing-metric.typing-danger strong{color:#ff375f;text-shadow:0 0 9px rgba(255,55,95,.65)}.typing-passage{min-height:7em;color:#536b59;font-size:clamp(18px,2vw,26px);line-height:1.65;white-space:pre-wrap}.typing-correct{color:#3f6}.typing-wrong{color:#ff375f;background:#ff375f29;text-decoration:underline}.typing-current{color:#050a06;background:#f7b32b;box-shadow:0 0 10px #f7b32b8c}.typing-progress{height:5px;overflow:hidden;background:#0d2113;border:1px solid #123f22}.typing-progress>div{width:0;height:100%;background:#3f6;box-shadow:0 0 12px #3f6;transition:width 80ms linear}.typing-status{min-height:1.3em;color:#1f8f46;font-size:.76em;letter-spacing:.09em}.crt.typing-race.peek{width:30%;padding:12px;gap:7px}.crt.typing-race.peek .typing-heading{font-size:15px}.crt.typing-race.peek .typing-eyebrow,.crt.typing-race.peek .typing-dashboard{display:none}.crt.typing-race.peek .typing-passage{min-height:0;font-size:11px;line-height:1.35}.crt.typing-race.peek .typing-status{font-size:9px}
