:root{color:#0f172a;background:#f7f7f2;font-family:Courier New,Courier,monospace}*{box-sizing:border-box}body{background:#f7f7f2;margin:0}#root{min-height:100dvh}.page{flex-direction:column;gap:1rem;width:min(600px,100%);margin:0 auto;padding:1.25rem .85rem 2rem;display:flex}.page.wide{width:min(760px,100%)}.mode-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mode-pill{border:1px solid #0000;border-radius:999px;padding:.35rem .65rem;font-size:.8rem}.mode-pill.versus{color:#93c5fd;background:#2563eb2e;border-color:#60a5fa66}.mode-pill.collab{color:#6ee7b7;background:#05966933;border-color:#10b98173}h1,h2,p{margin:0}h1{text-transform:uppercase;letter-spacing:.06em;font-size:2rem}h2{font-size:1.2rem}.subtitle{color:#9ca3af}.panel{background:#fffef5;border:4px solid #111827;border-radius:0;flex-direction:column;gap:.75rem;padding:.8rem;display:flex;box-shadow:4px 4px #111827}.problem-panel{min-height:0;overflow:auto}.problem-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.difficulty-pill{text-transform:capitalize;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:.3rem .55rem;font-size:.75rem}.difficulty-pill.easy{color:#6ee7b7;background:#05966926;border-color:#10b98166}.difficulty-pill.medium{color:#fdba74;background:#d9770629;border-color:#fb923c66}.difficulty-pill.hard{color:#f9a8d4;background:#be185d33;border-color:#f472b666}.problem-prompt{color:#d1d5db;white-space:pre-wrap;line-height:1.5}.problem-tests{flex-direction:column;gap:.6rem;margin-top:.4rem;display:flex}.problem-tests h3{color:#000;margin:0;font-size:.95rem}.test-case-card{background:#0f172a;border:1px solid #374151;border-radius:10px;flex-direction:column;gap:.3rem;padding:.65rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;display:flex}.editor-panel{background:linear-gradient(#111827 0%,#0b1220 100%);min-height:0}.editor-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.editor-language{letter-spacing:.02em;text-transform:uppercase;color:#93c5fd;background:#1e293bb3;border:1px solid #334155;border-radius:8px;padding:.3rem .55rem;font-size:.78rem}.row{flex-wrap:wrap;gap:.75rem;display:flex}.split{grid-template-columns:1fr 1.2fr;align-items:stretch;gap:1rem;display:grid}.button{cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border:4px solid #111827;border-radius:0;padding:.65rem 1rem;font-family:Courier New,Courier,monospace;font-size:.95rem}.button.primary{color:#fff;background:#6366f1}.button.secondary{color:#0f172a;background:#cbd5e1;border-color:#111827}.button:disabled{opacity:.6;cursor:not-allowed}.input{color:#0f172a;text-transform:uppercase;background:#fff;border:4px solid #111827;border-radius:0;padding:.65rem .75rem;font-family:Courier New,Courier,monospace;font-size:.95rem}.label{color:#9ca3af;font-size:.9rem}.list{margin:0;padding-left:1rem}.banner{text-transform:uppercase;letter-spacing:.04em;border:4px solid #111827;border-radius:0;padding:.75rem 1rem}.banner.your-turn{color:#14532d;background:#86efac}.banner.waiting{color:#78350f;background:#fde68a}.scanlines{position:relative}.scanlines:before{content:"";pointer-events:none;z-index:999;background:repeating-linear-gradient(#0f172a0a 0 1px,#0000 1px 4px);position:fixed;inset:0}.retro-screen{justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.retro-shell{flex-direction:column;gap:.85rem;width:min(620px,100%);margin:0 auto;display:flex}.retro-hero{text-align:center;background:#fffef5;border:4px solid #111827;padding:.9rem;box-shadow:4px 4px #111827}.retro-title{margin:0;font-size:clamp(1.5rem,4vw,2.6rem)}.retro-subtitle{text-transform:uppercase;letter-spacing:.08em;margin-top:.5rem}.retro-panel{background:#fffef5;border:4px solid #111827;padding:.85rem;box-shadow:4px 4px #111827}.retro-label{text-transform:uppercase;margin-bottom:.5rem;display:block}.retro-input{text-transform:uppercase;background:#fff;border:4px solid #111827;width:100%;padding:.7rem .8rem;font-family:Courier New,Courier,monospace}.retro-code-input{text-align:center;letter-spacing:.2em}.retro-row{flex-wrap:wrap;gap:.75rem;display:flex}.retro-col{flex-direction:column;gap:.75rem;display:flex}.retro-btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:4px solid #111827;padding:.62rem .85rem;font-family:Courier New,Courier,monospace;box-shadow:3px 3px #111827}.retro-btn:hover:not(:disabled){transform:translate(1px,1px)}.retro-btn:disabled{opacity:.55;cursor:not-allowed}.retro-btn-primary{color:#fff;background:#6366f1}.retro-btn-secondary{color:#111827;background:#cbd5e1}.retro-btn-accent{color:#052e16;background:#22c55e}.retro-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.retro-section-title,.retro-block-title{margin:0 0 .75rem}.retro-room-code{letter-spacing:.08em;font-size:1.1rem}.retro-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.retro-list-item,.retro-list-empty,.retro-result-item{text-transform:uppercase;background:#f8fafc;border:3px solid #111827;padding:.65rem .7rem}.retro-list-item{justify-content:space-between;align-items:center;display:flex}.retro-tag{text-transform:uppercase;background:#e2e8f0;border:2px solid #111827;padding:.15rem .4rem;font-size:.78rem;display:inline-block}.retro-tag.pass{background:#86efac}.retro-tag.fail{background:#fca5a5}.retro-start-btn{width:100%;padding:.8rem;font-size:.95rem}.retro-game-screen{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.6rem;min-height:100dvh;padding:.75rem;display:flex}.retro-game-topbar{background:#fffef5;border:4px solid #111827;justify-content:space-between;align-items:center;width:100%;padding:.6rem .8rem;display:flex;box-shadow:4px 4px #111827}.retro-game-topbar h1{margin:0;font-size:1.1rem}.retro-game-split{flex:1;grid-template-columns:minmax(220px,.85fr) minmax(300px,1fr);width:100%;min-height:0}.problem-panel,.editor-panel{box-shadow:4px 4px #111827}.retro-game-split>.panel{min-height:0}.editor-panel .monaco-editor,.editor-panel .monaco-editor .overflow-guard{border:3px solid #111827}.problem-prompt{color:#e5e7eb;background:#000;border:3px solid #111827;padding:.8rem}.test-case-card{background:#f8fafc;border:3px solid #111827}.editor-language{color:#0f172a;background:#e2e8f0;border-width:2px;border-color:#111827}.center{text-align:center}.retro-result-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.submission-feedback{background:#f8fafc;border:3px solid #111827;flex-direction:column;gap:.35rem;padding:.65rem .75rem;display:flex}.submission-feedback.pass{background:#dcfce7}.submission-feedback.fail{background:#fee2e2}.submission-title{font-weight:700}.submission-error{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.83rem}.submission-meta{text-transform:uppercase;font-size:.82rem}@media (width<=900px){.retro-screen,.retro-game-screen{padding:.75rem}.split,.retro-grid{grid-template-columns:1fr}.retro-game-topbar{flex-wrap:wrap;gap:.5rem}}