:root{font-family:system-ui,sans-serif;color:#e2e8f0;background:#0f172a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at top right,#164e63,transparent 60%)}header,footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.2rem 3vw}#identity{display:flex;align-items:center;gap:1rem}#logo{width:76px;height:76px;object-fit:contain;background:white;border-radius:12px}#initials{padding:1rem;border-radius:14px;background:#0e7490;font-weight:800;font-size:1.4rem}#center{font-weight:700;font-size:clamp(1rem,2vw,1.6rem)}#context,footer{color:#94a3b8;font-size:1rem}main{flex:1;padding:3vw;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}h1{font-size:clamp(2.2rem,5vw,5.5rem);line-height:1.12;margin:0;overflow-wrap:anywhere}main p{font-size:clamp(1.4rem,3vw,3rem);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.4}button{font:inherit;cursor:pointer;border:1px solid #64748b;border-radius:12px;background:#1e293b;color:#f8fafc;padding:.8rem 1.2rem}button:hover,button:focus-visible{background:#155e75;outline:2px solid #67e8f9}main>button{align-self:flex-start;font-size:1.3rem}.teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.3rem}.team{padding:1.5rem;text-align:left;font-size:clamp(1.2rem,2vw,2rem)}.team[aria-pressed=true]{background:#0e7490;border:3px solid #a5f3fc}.team h2{margin:0 0 1rem;font-size:1.3em}.team ul{margin:0;padding-left:1.2rem}.team li{padding:.3rem 0;overflow-wrap:anywhere}.answer{padding:1.5rem;background:#164e63;border-radius:16px}footer{flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:600px){header{align-items:flex-start}#fullscreen{font-size:.8rem;padding:.5rem}#logo{width:48px;height:48px}}
:root #joinPanel{display:flex;align-items:center;gap:1.5rem;margin:0 3vw;padding:1rem;background:#f8fafc;color:#0f172a;border-radius:18px;flex-wrap:wrap}#joinQR{width:180px;height:180px}#joinCode{font-size:clamp(1.5rem,4vw,3rem);letter-spacing:.1em}#joinURL{overflow-wrap:anywhere}.join-form{display:grid;gap:1rem;max-width:650px;width:100%;margin:auto}.join-form input{font:inherit;padding:1rem;border:1px solid #64748b;border-radius:12px}.join-form .small,#studentStatus{font-size:1rem}#studentStage{display:grid;gap:1.5rem}
.board-controls{display:flex;gap:.6rem;flex-wrap:wrap;margin-left:auto}.board-controls button{font-size:.85rem}.neutral main{text-align:center}.neutral footer{justify-content:center;text-align:center}.neutral #connection{width:100%;font-size:.8rem}.neutral header{min-height:80px}#boardPairPanel{text-align:center;padding:1.5rem;margin:0 auto;background:#f8fafc;color:#0f172a;border-radius:20px;max-width:700px;width:94%}#boardPairQR{width:min(280px,75vw);height:auto}#boardPairCode{font-size:2rem;letter-spacing:.12em}