html.obs body{background:0 0;overflow:hidden}.obs-canvas{--camera-w:640px;--camera-h:360px;--panel:#0f172a;--card:#1e293b;--option:#334155;--option-hover:#475569;--text:#f8fafc;--p1:#2563eb;--p2:#f59e0b;--correct:#15803d;--wrong:#b91c1c;width:calc(100vw / var(--scale,1));height:calc(100vh / var(--scale,1));transform:scale(var(--scale,1));transform-origin:0 0;grid-template-columns:var(--camera-w) 1fr;grid-template-rows:var(--camera-h) 1fr;color:var(--text);grid-template-areas:"camera game""score game";font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:normal;display:grid;position:fixed;top:0;left:0}.obs-canvas button{font:inherit;color:inherit;cursor:pointer}.obs-canvas button:focus-visible,.obs-canvas a:focus-visible{outline:6px solid var(--text);outline-offset:4px}.obs-canvas .p1{--player:var(--p1);--on-player:#fff}.obs-canvas .p2{--player:var(--p2);--on-player:var(--panel)}.obs-canvas .scoreboard{background:var(--panel);box-shadow:2px 0 var(--panel);flex-direction:column;grid-area:score;gap:40px;padding:40px 48px;display:flex;position:relative}.obs-canvas .round{font-size:56px;font-weight:700}.obs-canvas .player{border-left:20px solid var(--player);padding-left:32px}.obs-canvas .label{font-size:48px;font-weight:700}.obs-canvas .score{font-variant-numeric:tabular-nums;font-size:160px;font-weight:800;line-height:1}.obs-canvas .exit{opacity:.8;font-size:28px;text-decoration:underline;position:absolute;bottom:24px;left:48px}.obs-canvas .game,.obs-canvas .results{background:var(--panel);grid-area:game;padding:32px 40px}.obs-canvas .game{grid-template-rows:minmax(0,1fr) 104px;grid-template-columns:1fr 1fr;gap:24px 40px;display:grid}.obs-canvas .card{background:var(--card);border-radius:16px;flex-direction:column;gap:14px;min-height:0;padding:0 24px 24px;display:flex;overflow:hidden}.obs-canvas .card>*{flex-shrink:0}.obs-canvas .card h2{background:var(--player);color:var(--on-player);border-radius:16px 16px 0 0;margin:0 -24px;padding:8px 24px;font-size:48px;font-weight:700}.obs-canvas .flag{aspect-ratio:4/3;outline:2px solid #ffffff59;flex:0 290px;min-height:80px;margin-inline:auto;display:block}.obs-canvas .country{text-align:center;text-wrap:balance;overflow-wrap:anywhere;font-size:48px;font-weight:700}.obs-canvas .options{gap:12px;display:grid}.obs-canvas .options button{background:var(--option);text-align:left;border:0;border-radius:12px;align-items:center;gap:16px;min-height:72px;padding:8px 20px;font-size:38px;font-weight:600;display:flex}.obs-canvas .options button:hover:enabled{background:var(--option-hover)}.obs-canvas .options button:disabled{cursor:default;opacity:.4}.obs-canvas .options button.correct{background:var(--correct);opacity:1}.obs-canvas .options button.wrong{background:var(--wrong);opacity:1}.obs-canvas .tag{margin-left:auto;font-size:36px}.obs-canvas .status{text-align:center;min-height:48px;font-size:40px;font-weight:700}.obs-canvas .next-row{grid-column:1/-1;justify-content:center;align-items:center;display:flex}.obs-canvas .next-row button,.obs-canvas .results button{background:var(--text);color:var(--panel);border:0;border-radius:16px;padding:16px 64px;font-size:44px;font-weight:700}.obs-canvas .results{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:48px;display:flex}.obs-canvas .results h2{font-size:120px;font-weight:700}.obs-canvas .results p{font-variant-numeric:tabular-nums;font-size:64px}.obs-canvas .results .mode-title{font-size:96px}.obs-canvas .modes,.obs-canvas .results .actions{gap:40px;display:flex}.obs-canvas .modes button{flex-direction:column;align-items:center;gap:12px;padding:40px 56px;display:flex}.obs-canvas .mode-name{font-size:80px}.obs-canvas .mode-detail,.obs-canvas .results .mode-note{font-size:40px;font-weight:600}.obs-canvas .results button.secondary{color:var(--text);box-shadow:inset 0 0 0 4px var(--text);background:0 0}