:root{--bg:#f6f7fb;--bg-1:#fff;--bg-2:#eef2f8;--panel:rgba(15,23,42,.05);--card:rgba(15,23,42,.04);--accent:#0ea5e9;--accent-2:#10b981;--accent-3:#a855f7;--gold:#f59e0b;--text:#0f172a;--muted:rgba(15,23,42,.62);--border:rgba(15,23,42,.16);--shadow:0 14px 40px rgba(15,23,42,.12);--radius:0px;--button-height:52px;color-scheme:light;--quiz-ease-question:cubic-bezier(0.22,1,0.36,1);--quiz-ease-option:cubic-bezier(0.2,0.9,0.2,1);--quiz-ease-hover:cubic-bezier(0.33,1,0.68,1)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0b1021;--bg-1:#0b1021;--bg-2:#0b1021;--panel:hsla(0,0%,100%,.06);--card:hsla(0,0%,100%,.07);--accent:#4fd1c5;--accent-2:#4fd1c5;--accent-3:#4fd1c5;--gold:#4fd1c5;--text:#f8fafc;--muted:#b4c0d0;--border:rgba(148,163,184,.28);--shadow:0 14px 40px rgba(0,0,0,.28);--radius:8px;--button-height:52px;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1021;--bg-1:#0b1021;--bg-2:#0b1021;--panel:hsla(0,0%,100%,.06);--card:hsla(0,0%,100%,.07);--accent:#4fd1c5;--accent-2:#4fd1c5;--accent-3:#4fd1c5;--gold:#4fd1c5;--text:#f8fafc;--muted:#b4c0d0;--border:rgba(148,163,184,.28);--shadow:0 14px 40px rgba(0,0,0,.28);--radius:8px;--button-height:52px;color-scheme:dark}:root[data-theme=light]{--bg:#f6f7fb;--bg-1:#fff;--bg-2:#eef2f8;--panel:rgba(15,23,42,.05);--card:rgba(15,23,42,.04);--accent:#0ea5e9;--accent-2:#10b981;--accent-3:#a855f7;--gold:#f59e0b;--text:#0f172a;--muted:rgba(15,23,42,.62);--border:rgba(15,23,42,.16);--shadow:0 14px 40px rgba(15,23,42,.12);--radius:0px;--button-height:52px;color-scheme:light}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:inherit;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,label,li,p,span{color:var(--text)}.page{min-height:100vh;padding:18px clamp(24px,4vw,80px);margin:0 auto}.hero h1{margin:8px 0;font-size:clamp(30px,4vw,48px)}.hero .subhead{color:var(--muted)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--gold);margin:0}.info{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.grid{margin-top:32px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.player-content-layer{position:absolute;inset:0;width:100%;height:100%;will-change:transform,opacity}.player-content-layer,.screen-player-frame,.screen-player-media,.screen-shell,.screen-stage{-moz-user-select:none;user-select:none;-webkit-user-select:none}.screen-player-media{-webkit-user-drag:none;pointer-events:none}.screen-player-frame{pointer-events:none}.screen-player-inline-html{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:transparent;pointer-events:none}.screen-builder-scene{position:absolute;inset:0;overflow:hidden;background:#000;-moz-user-select:none;user-select:none;-webkit-user-select:none}.screen-builder-fill,.screen-builder-frame,.screen-builder-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;pointer-events:none}.screen-builder-fallback{position:absolute;inset:0;display:grid;place-items:center;color:hsla(0,0%,100%,.72);background:linear-gradient(135deg,#0f172a,#1e293b);pointer-events:none}.screen-builder-content-area{position:absolute;inset:0;margin:auto;width:var(--safe-width,100%);height:var(--safe-height,100%);overflow:visible}.screen-builder-overlay{position:absolute;display:flex;align-items:center;justify-content:center;padding:calc(var(--scene-width, 100vw)*.0083333333);overflow:visible;box-sizing:border-box;text-align:center;-moz-user-select:none;user-select:none;-webkit-user-select:none}.screen-builder-overlay-line{padding:0}.screen-builder-overlay-motion{width:100%;height:100%;display:flex;align-items:center;will-change:transform,opacity;justify-content:center;padding:calc(var(--scene-width, 100vw)*.0083333333);box-sizing:border-box;text-align:center}.screen-builder-overlay-motion-line{padding:0}.screen-builder-overlay-inner{position:relative;display:grid;place-items:center;width:100%;height:100%}.screen-builder-overlay-inner-html{border:0;background:transparent;pointer-events:none}.screen-builder-overlay-middle-stage{display:grid;place-items:center;width:100%;height:100%}.screen-builder-overlay-rotation{width:100%;height:100%}.screen-builder-overlay-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.screen-builder-overlay-label{position:relative;z-index:1;width:100%;font-weight:700;line-height:1.15;letter-spacing:.01em;white-space:pre-wrap;text-shadow:0 calc(var(--scene-width, 100vw)*.0010416667) calc(var(--scene-width, 100vw)*.0083333333) rgba(15,23,42,.45);pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.screen-builder-overlay-label.gradient-fill{-webkit-background-clip:text;background-clip:text}.screen-builder-overlay-qr{display:grid;place-items:center;grid-gap:calc(var(--scene-width, 100vw)*.0083333333);gap:calc(var(--scene-width, 100vw)*.0083333333);width:100%;height:100%}.screen-builder-overlay-qr svg{width:min(100%,var(--scene-width,100vw)*.22);height:auto;max-height:78%}.screen-builder-overlay-qr-caption{width:100%;text-align:center;font-weight:700;line-height:1.2}.player-transition{animation-fill-mode:both;animation-timing-function:var(--player-transition-easing,ease);will-change:transform,opacity}.player-transition-in-fade{animation-name:player-in-fade}.player-transition-out-fade{animation-name:player-out-fade}.player-transition-in-slide,.player-transition-in-slide-left{animation-name:player-in-slide-left}.player-transition-out-slide,.player-transition-out-slide-left{animation-name:player-out-slide-left}.player-transition-in-slide-right{animation-name:player-in-slide-right}.player-transition-out-slide-right{animation-name:player-out-slide-right}.player-transition-in-slide-up{animation-name:player-in-slide-up}.player-transition-out-slide-up{animation-name:player-out-slide-up}.player-transition-in-slide-down{animation-name:player-in-slide-down}.player-transition-out-slide-down{animation-name:player-out-slide-down}.player-transition-in-move-left{animation-name:player-in-move-left}.player-transition-out-move-left{animation-name:player-out-move-left}.player-transition-in-move-right{animation-name:player-in-move-right}.player-transition-out-move-right{animation-name:player-out-move-right}.player-transition-in-move-up{animation-name:player-in-move-up}.player-transition-out-move-up{animation-name:player-out-move-up}.player-transition-in-move-down{animation-name:player-in-move-down}.player-transition-out-move-down{animation-name:player-out-move-down}.player-transition-in-zoom-in{animation-name:player-in-zoom-in}.player-transition-out-zoom-in{animation-name:player-out-zoom-in}.player-transition-in-zoom-out{animation-name:player-in-zoom-out}.player-transition-out-zoom-out{animation-name:player-out-zoom-out}@keyframes player-in-fade{0%{opacity:0}to{opacity:1}}@keyframes player-out-fade{0%{opacity:1}to{opacity:0}}@keyframes player-in-slide-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes player-out-slide-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes player-in-slide-right{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes player-out-slide-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes player-in-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes player-out-slide-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes player-in-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes player-out-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes player-in-move-left{0%{opacity:0;transform:translateX(64px)}to{opacity:1;transform:translateX(0)}}@keyframes player-out-move-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-64px)}}@keyframes player-in-move-right{0%{opacity:0;transform:translateX(-64px)}to{opacity:1;transform:translateX(0)}}@keyframes player-out-move-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(64px)}}@keyframes player-in-move-up{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes player-out-move-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-64px)}}@keyframes player-in-move-down{0%{opacity:0;transform:translateY(-64px)}to{opacity:1;transform:translateY(0)}}@keyframes player-out-move-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}@keyframes player-in-zoom-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes player-out-zoom-in{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes player-in-zoom-out{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes player-out-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.muted{color:var(--muted)}.muted a{color:inherit}.pill{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(79,209,197,.12);color:var(--accent);border:1px solid var(--border)}.pill.small{padding:6px 10px;font-size:12px}.pill.soft{background:hsla(0,0%,100%,.06)}.pill-online{background:rgba(34,197,94,.12);color:#22c55e;border-color:rgba(34,197,94,.2)}.pill-offline{background:rgba(239,68,68,.12);color:#ef4444;border-color:rgba(239,68,68,.2)}.pill-glow{background:rgba(0,188,212,.18);color:#00e0ff;box-shadow:0 0 12px rgba(0,188,212,.4)}.card{background:var(--card);border:1px solid var(--border);padding:22px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.card h2{margin:0;font-size:20px}.card p{margin:0;color:var(--muted)}.ghost,.primary{margin-top:auto;align-self:flex-start;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-weight:600;min-height:var(--button-height)}.ghost{background:transparent;border:1px solid var(--border);color:var(--text);padding:12px 16px}.ghost:hover{border-color:var(--gold);color:var(--gold)}.primary{background:var(--accent);color:#0f0f0f;border:none;padding:14px 18px;box-shadow:0 10px 28px rgba(79,209,197,.22)}input,select{background:hsla(0,0%,100%,.06);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--text)}input:focus,select:focus{outline:1px solid var(--accent)}.list-group-item{background:hsla(0,0%,100%,.03)}.container,.list-group-item{color:var(--text)}.game-container{background:linear-gradient(160deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-title{font-size:clamp(28px,3vw,36px);margin:0}.question-box{margin-top:16px;padding:16px;background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:var(--radius);position:relative;width:100%;overflow:hidden}.animate-question{animation:questionGrow .82s var(--quiz-ease-question) forwards;transform-origin:center;will-change:transform,opacity}.question-text{margin:0 0 12px}.question-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.3fr);grid-gap:16px;gap:16px;align-items:start}.match-question-box{padding:10px;background:rgba(0,0,0,.25);width:100%}.match-media,.match-question-box{border:1px solid var(--border);overflow:hidden}.match-media{width:50%;height:auto;min-height:0;max-height:none;border-radius:calc(var(--radius) - 2px);background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.match-media img{width:100%;height:100%;object-fit:cover;display:block}.match-question-content{display:grid;grid-gap:14px;gap:14px}.match-question-text{margin:0;font-size:clamp(28px,3.6vw,54px);line-height:1.15;letter-spacing:.01em;font-weight:800}.match-options-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.match-option-card{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:hsla(0,0%,100%,.05);color:var(--text);font-weight:700;font-size:clamp(16px,1.55vw,30px);line-height:1.25;text-align:left;padding:14px 16px;display:flex;align-items:center;gap:10px;transition:transform .18s var(--quiz-ease-hover),box-shadow .18s var(--quiz-ease-hover),background-color .22s var(--quiz-ease-hover)}.match-option-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.25)}.match-option-index{width:34px;height:34px;min-width:34px;border-radius:999px;background:hsla(0,0%,100%,.1);display:inline-flex;font-weight:800;font-size:15px}.match-option-index,.question-media{border:1px solid var(--border);align-items:center;justify-content:center}.question-media{width:100%;min-width:300px;max-width:520px;align-self:stretch;border-radius:var(--radius);overflow:hidden;background:rgba(0,0,0,.2);display:flex}.question-media img{width:100%;height:100%;object-fit:cover;display:block}.options-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.qr-inline{position:absolute;top:5px;right:5px;padding:8px;border-radius:calc(var(--radius) - 2px);background:rgba(0,0,0,.38);border:1px solid var(--border);box-shadow:var(--shadow);z-index:2000}.option-animate{animation:optionPop .64s var(--quiz-ease-option) forwards;opacity:0;will-change:transform,opacity}@keyframes questionGrow{0%{transform:translateY(18px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes optionPop{0%{transform:translateY(12px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.option-card{padding:14px;border-radius:var(--radius);border:1px solid transparent;color:var(--text);font-weight:700;text-align:center;transition:transform .18s var(--quiz-ease-hover),box-shadow .18s var(--quiz-ease-hover),background-color .22s var(--quiz-ease-hover)}.option-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.25)}.players-row{margin-top:18px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.player-card{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:hsla(0,0%,100%,.05);display:flex;justify-content:space-between;align-items:center;font-weight:700}.player-card.highlight{border-color:var(--accent-3);box-shadow:0 8px 20px rgba(0,188,212,.35)}.screen-shell{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;width:100%}.screen-stage{flex:1 1;display:grid;grid-gap:16px;gap:16px;align-items:start;width:100%;margin:0 auto}.stage-main{min-height:60vh;display:flex;justify-content:center}.screen-body{flex:1 1;gap:18px;max-width:1280px}.lobby-shell,.screen-body{display:flex;flex-direction:column;width:100%}.lobby-shell{gap:14px}.lobby-grid{display:grid;grid-gap:14px;gap:14px;width:100%;max-width:1200px}.lobby-panel{width:100%;color:#fff}.lobby-panel.card{padding:18px}.lobby-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.lobby-badges,.lobby-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.lobby-hint{margin-top:14px;padding:12px;border-radius:var(--radius);background:hsla(0,0%,100%,.04);border:1px dashed var(--border)}.list-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.player-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.player-chip{padding:6px 10px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--text);font-size:13px;line-height:1.1}.screen-chip{border-style:dashed;background:hsla(0,0%,100%,.05)}.config-pill{color:var(--text);font-size:12px}.lobby-link-dock{position:fixed;right:16px;bottom:56px;bottom:calc(56px + env(safe-area-inset-bottom));width:min(380px,100vw - 32px);background:var(--card);z-index:1200}.lobby-link-dock,.qr-rail{padding:12px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.qr-rail{justify-self:end;width:100%;max-width:120px;background:rgba(0,0,0,.35);text-align:center;position:-webkit-sticky;position:sticky;top:16px}.code-chip{margin:8px auto 4px;padding:10px 12px;border-radius:var(--radius);background:rgba(79,209,197,.14);border:1px solid hsla(0,0%,100%,.16);font-weight:800;letter-spacing:1px}.code-chip+.muted{display:block}.screen-shell .game-container{height:auto}.screen-shell.monitor-mode{padding:0;justify-content:stretch;gap:0}.screen-shell.monitor-mode .screen-stage{max-width:none;gap:0}.screen-shell.monitor-mode .stage-main{min-height:100vh;width:100%;justify-content:stretch}.screen-shell.monitor-mode .screen-body{max-width:none;gap:0}.monitor-game{height:100vh;width:100%;padding:0;border:none;border-radius:0;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column}.monitor-top{height:80vh;display:flex;width:100%}.monitor-left{width:70%;height:100%;padding:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.monitor-left.monitor-left-full{width:100%}.monitor-right{width:30%;height:100%;overflow:hidden;background:transparent}.monitor-image{width:100%;height:100%;object-fit:contain;display:block}.monitor-bottom{height:20vh;width:100%;display:flex;gap:16px;padding:14px 18px;background:rgba(10,10,20,.72);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.monitor-bottom-left{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}.monitor-meta{display:flex;flex-wrap:wrap;gap:8px}.monitor-pill{padding:6px 10px;border-radius:var(--radius);background:hsla(0,0%,100%,.06);border:1px solid var(--border);font-size:12px}.monitor-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px;overflow:auto;padding-right:6px}.monitor-player{padding:8px 10px;border-radius:var(--radius);background:hsla(0,0%,100%,.05);border:1px solid var(--border);display:flex;justify-content:space-between;gap:10px;font-weight:700}.monitor-player.highlight{border-color:var(--accent-3);box-shadow:0 8px 18px rgba(0,188,212,.28)}.monitor-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-player-score{flex:0 0 auto}.monitor-bottom-right{width:220px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.monitor-qr{background:transparent}.monitor-code{font-weight:900;letter-spacing:1px;font-size:18px}.qr-center{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.qr-panel{padding:26px;border-radius:calc(var(--radius) + 4px);background:rgba(0,0,0,.4);border:1px solid var(--border);box-shadow:var(--shadow);max-width:480px;width:min(90vw,520px);margin:0 auto}.qr-panel-grid{display:grid;grid-template-columns:220px 1fr;grid-gap:20px;gap:20px;align-items:center;justify-items:center}.info-bar{position:fixed;bottom:0;left:0;right:0;padding:6px 20px;background:rgba(10,10,20,.7);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;font-size:12px;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.info-pill{padding:6px 10px;border-radius:var(--radius);background:hsla(0,0%,100%,.06);border:1px solid var(--border)}.player-shell{min-height:100vh;padding:32px 32px 80px;display:flex;align-items:center;justify-content:center}.player-grid{max-width:1200px}.player-grid,.player-stage{width:100%;display:grid;grid-gap:16px;gap:16px}.player-stage{max-width:1400px;align-items:start}.player-main{display:grid;grid-gap:14px;gap:14px}.player-rail{position:-webkit-sticky;position:sticky;top:16px;align-self:start;text-align:center}.player-panel{width:100%}.player-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.player-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.player-share{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:hsla(0,0%,100%,.03)}.player-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-top:14px}.player-actions.inline{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.player-block{padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:hsla(0,0%,100%,.03)}.player-block,.score-list{display:grid;grid-gap:8px;gap:8px}.score-list{margin-top:10px}.score-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius);background:hsla(0,0%,100%,.05);border:1px solid var(--border)}.scores-card{align-self:flex-start}.link-inline{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.play-primary{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-gap:5px;gap:5px;min-height:350px}.play-question-box{margin-top:0;height:100%;display:grid;min-height:350px;grid-template-rows:minmax(0,.58fr) minmax(0,.42fr);grid-gap:10px;gap:10px}.play-question-row{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;min-height:0}.play-question-row.with-image{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}.play-question-text{margin:0;align-self:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.play-question-image{border:1px solid var(--border);border-radius:var(--radius);background:hsla(0,0%,100%,.836);overflow:hidden;display:flex;align-items:center;justify-content:center}.play-question-image img{width:100%;height:100%;object-fit:contain;aspect-ratio:4/3}.play-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;min-height:0}.play-answer-grid .match-option-card{min-height:40px;height:100%;padding:10px 12px}.play-option-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.play-primary-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.play-secondary{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;min-height:0}.play-secondary-section{display:grid;grid-gap:8px;gap:8px}.play-secondary-scores{min-height:0;overflow:auto;padding-right:2px}.play-link-modal-backdrop{text-align:center;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.play-link-modal-backdrop.is-transparent{background:transparent}.play-link-modal{width:min(720px,100%);max-height:90vh;overflow:auto}.play-link-modal.is-full{width:100%;max-width:none;height:100%;max-height:none;overflow:auto}@media(max-width:768px){.screen-shell{padding:20px 16px 32px}.qr-panel{width:100%}.screen-stage{grid-template-columns:1fr}.qr-rail{position:static;max-width:160px;margin:0 auto 10px}.lobby-grid,.options-grid,.qr-panel-grid,.question-layout{grid-template-columns:1fr}.match-media{aspect-ratio:4/3;height:auto;min-height:0}.match-question-text{font-size:clamp(22px,5.5vw,34px)}.match-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.match-option-card{font-size:clamp(14px,3vw,18px);padding:12px 10px;gap:8px}.match-option-index{width:28px;height:28px;min-width:28px;font-size:13px}.player-shell{padding:20px 16px 70px}.player-grid,.player-stage{grid-template-columns:1fr}.player-rail{position:static}.player-share{flex-direction:column;align-items:flex-start}.play-shell{padding:10px 8px 74px}.play-question-row.with-image,.play-stage{grid-template-columns:1fr}.play-question-image{max-height:28vh}.play-secondary{grid-template-rows:auto auto auto}}