/* MMJ FIX-BRIEF-4: APPROVED-MOCKUPS.html MOCKUP KIT is the dimensional source.
Component values remain unscaled at390px. Board compatibility stays in lower layers. */
@font-face{font-family:"Baloo Bhaijaan 2";src:url("../fonts/BalooBhaijaan2-Variable.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Readex Pro";src:url("../fonts/ReadexPro-Variable.woff2") format("woff2");font-weight:160 700;font-style:normal;font-display:swap}
/* Reset only the fully mapped approved components; preserve Board and unowned flows.
This layer removes old subgrid, order, margin and fixed positioning rather than piling overrides. */
@layer approved-priority,base,compatibility,approved-reset;
@layer approved-reset{
:where(.approved-home .home-game-card,.home-game-heading,.home-portrait,.home-actions,.home-categories,.home-section-heading,.home-category-gallery,.home-resume,.approved-stepper,.setup-heading,.setup-content,.setup .actions,.category-browser,.category-browser-tools,.category-selection,.selected-slots,.slot,.category-grid,.category-wrap,.category-wrap .category,.category-info,.approved-team-fields,.approved-team-fields .team-card,.approved-team-fields .field,.helper-picker,.helper-picker .aid-grid,.helper-picker .aid-choice,.turn-settings,.question-settings,.turn-segments,.rd-referee .rd-teams,.rd-referee .rd-team,.rd-team-heading,.rd-referee .rd-team-name,.rd-referee .rd-score,.rd-inline-adjust,.rd-team-helper-icons,.rd-team-helper-icons .rd-aids,.rd-team-helper-icons .rd-aid,.referee-control-card,.referee-control-clocks,.referee-control-clocks .rd-clock,.referee-control-clocks .rd-clock-label,.referee-control-clocks .rd-clock-time,.referee-control-clocks .rd-clock-actions,.referee-control-actions,.rd-referee .rd-row,.rd-referee .rd-ok,.rd-referee .rd-regive,.rd-trap-chips,.rd-trap-chip,.rd-bonus-card,.bonus-podium,.bonus-outcomes,.bonus-outcome,.bonus-choice-pill,.approved-result .approved-appbar,.rd-result-inner,.result-podium,.rd-final-rows,.rd-final-row,.result-table-wrap,.result-footer,.rd-library,.rd-library-head,.rd-library-body,.saved-game,.saved-game-heading,.saved-scores,.saved-scores>span,.saved-categories,.saved-category-art,.saved-date,.saved-expiry,.approved-account .topbar,.approved-account .account-stats,.approved-account .account-stats>div,.approved-account .account-stats dt,.approved-account .account-stats dd,.approved-account .account-setting,.approved-account .account-info-group,.approved-auth .otp-fields legend,.approved-auth .otp-grid input,.rd-public .rd-board,.rd-public .rd-row,.rd-public .rd-row-text,.rd-public .rd-num,.rd-public .rd-chip,.rd-public .rd-pub-team,.rd-public .rd-team-name,.rd-public .rd-tile,.rd-public .tv-score-strip,.approved-wait .waiting-layout,.approved-wait .waiting-instructions,.approved-wait .waiting-invite,.approved-wait .waiting-team,.approved-wait .waiting-category-art,.approved-wait .waiting-qr){all:unset;box-sizing:border-box}
}
:root,html:not([data-theme=dark]){--surface:#F4F5F8;--raised:#FFFFFF;--sunk:#E8EBF2;--line:#D5D9E6;--ink:#0E1324;--muted:#5A6383;--on-bright:#0E1324;--on-blue:#FFFFFF;--gold:#FFC93C;--gold-deep:#B88A00;--gold-text:#8A6400;--gold-line:#B88A00;--blue:#2D5BFF;--blue-deep:#1A3AB8;--blue-text:#1A3AB8;--pink:#FF4F9A;--pink-deep:#9E1F58;--pink-text:#B3195F;--green:#00B386;--correct:#007A5C;--correct-fill:#2DD4A3;--wrong:#C2343A;--wrong-soft:#FCE9EA;--focus:#1A3AB8;--display:"Baloo Bhaijaan 2","Segoe UI",Tahoma,sans-serif;--body:"Readex Pro","Segoe UI",Tahoma,sans-serif;--hy-font:var(--body);--rd-font:var(--body);--rd-bg:var(--surface);--rd-surface:var(--raised);--rd-tonal:var(--sunk);--rd-sunk:var(--sunk);--rd-panel:var(--raised);--rd-ink:var(--ink);--rd-muted:var(--muted);--rd-line:var(--line);--rd-blue:var(--blue);--rd-blue-text:var(--blue-text);--rd-blue-deep:var(--blue-deep);--rd-btn:var(--blue);--rd-gold:var(--gold);--rd-gold-edge:var(--gold-deep);--rd-gold-light:var(--gold);--rd-danger-ink:var(--wrong);--rd-danger-tint:var(--wrong-soft);--rd-correct:var(--correct);--paper:var(--raised);--stage:var(--surface);--quiet:var(--sunk);--action:var(--blue);--action-ink:var(--blue-text);--rd-header:0px;color-scheme:light}
html[data-theme=dark]{--surface:#0E1324;--raised:#1A2140;--sunk:#0A0E1C;--line:#2C3560;--ink:#F4F5F8;--muted:#A3ABC7;--gold-text:#FFC93C;--gold-line:#FFC93C;--blue-text:#6E8BFF;--pink-text:#FF4F9A;--correct:#2DD4A3;--wrong:#FF7A80;--wrong-soft:#3A1B26;--focus:#FFC93C;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;font-synthesis:none;font-weight:400}button,input,select,textarea{font-family:var(--body);font-synthesis:none}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,h3{font-family:var(--display);line-height:1.15;margin:0;text-wrap:balance}p,figure{margin:0}a{color:var(--blue-text)}[hidden]{display:none!important}.ui-icon{width:1em;height:1em;flex:none;vertical-align:middle;pointer-events:none}.ui-icon.is-bomb{overflow:visible}.rd-dot{background:var(--team-color);clip-path:var(--team-shape);width:10px;height:10px;flex:none;border-radius:999px}.connection:not(.down),.status:empty{display:none}.muted{color:var(--muted)}
#app:has(:is(.approved-home,.rd-library,.setup,.rd-stage,.approved-wait)){padding:0;max-width:none;min-height:100dvh;height:100dvh;gap:0;background:var(--surface);display:flex;flex-direction:column;overflow:hidden}
#app :is(.rd-score,.rd-clock-time,.rd-num,.rd-chip,bdi[data-score-team]),.approved-stepper b,.saved-scores bdi{font-family:var(--display);font-weight:800;font-variant-numeric:tabular-nums}
.rd-btn,.primary,.secondary{height:54px;min-height:0;border-radius:16px;border:0;display:flex;align-items:center;justify-content:center;gap:8px;font:700 19px var(--display);padding:0 12px;flex:none;text-decoration:none;box-shadow:none;white-space:normal}
.rd-btn.tonal,.secondary{background:var(--raised);color:var(--blue-text);border:1.5px solid var(--line)}.rd-btn.primary,.primary{background:var(--blue);color:var(--on-blue);box-shadow:0 4px 0 var(--blue-deep)}.rd-btn.gold,.rd-play,.setup #next-step{background:var(--gold);color:var(--on-bright);box-shadow:0 4px 0 var(--gold-deep)}.rd-btn:is(.primary,.gold):active,.primary:active,.rd-play:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-deep)}.rd-btn.primary:active{box-shadow:0 1px 0 var(--blue-deep)}.rd-btn.alert,.rd-wrong{background:var(--raised);color:var(--wrong);border:2px solid var(--wrong);box-shadow:none}.rd-btn.small{height:44px;font-size:16px;border-radius:14px}.rd-btn .ui-icon{width:1em;height:1em}button:disabled,.setup #next-step:disabled{background:var(--sunk);color:var(--muted);box-shadow:none;opacity:1;transform:none;cursor:default}.danger-ink{color:var(--wrong)}.correct-ink{color:var(--correct)}
.rd-icon-btn{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;min-width:0;min-height:0;border-radius:999px;background:var(--raised);border:1px solid var(--line);color:var(--ink);font-size:20px;padding:0;box-shadow:none}.rd-icon-btn::after{content:"";position:absolute;inset:-2px}.rd-count{display:inline-block;vertical-align:baseline}.rd-chip,.rd-count,.rd-pill{border-radius:999px;box-shadow:none;background:var(--sunk);color:var(--ink);font:600 12px/1.55 var(--body);padding:3px 10px;height:auto}.rd-note{background:var(--sunk);color:var(--ink);font:400 13px/1.55 var(--body)}
.approved-appbar,#app>.approved-appbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:6px 14px 0;background:var(--surface);border:0;border-radius:0;box-shadow:none;color:var(--ink);flex:none}.approved-appbar .brand,.approved-wordmark{font:800 28px/1 var(--display);color:var(--gold-text);width:auto;height:auto;filter:none}.approved-appbar strong{font:700 20px/1.2 var(--display)}.approved-appbar .rd-btn{height:40px;gap:4px;padding:0 12px 0 14px;border:1px solid var(--line);border-radius:999px;font:600 14px var(--body);background:var(--raised);color:var(--ink)}.approved-appbar .rd-btn .ui-icon{font-size:18px}
/* A */
#app .approved-home{display:block;flex:1;min-height:0;overflow:auto;width:100%;padding:12px 14px 0}.approved-home #home-panel{display:grid;gap:12px;width:100%;margin:0;max-width:none}.home-game-card{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--raised);text-align:start;margin:0;box-shadow:none}.home-game-heading{display:flex;align-items:center;gap:12px;min-width:0}.home-portrait{width:92px;height:118px;flex:none;overflow:hidden;border-radius:14px;transform:rotate(-4deg);border:3px solid var(--gold)}.home-portrait .category-poster,.home-portrait img{width:100%;height:100%;object-fit:cover;display:block}.home-game-card h1{font:800 40px/1 var(--display);margin:0}.home-game-heading>div{display:grid;gap:6px;min-width:0}.home-game-facts{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;list-style:none}.home-game-facts li{display:inline-flex;gap:4px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;background:var(--sunk);color:var(--ink);white-space:nowrap}.home-actions{display:grid;gap:10px}.home-actions .rd-btn{width:100%}.home-section-heading{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px}.home-section-heading h2{font:700 18px var(--display)}.home-section-heading button{position:relative;border:0;background:none;color:var(--muted);padding:0;font:400 12px/1.55 var(--body);min-height:0}.home-section-heading button:after{content:"";position:absolute;inset:-12px 0}.home-categories{margin:0;padding:0}.home-category-gallery{display:flex;gap:10px;overflow-x:auto;padding:0;margin:0;list-style:none}.home-category-gallery li{width:92px;flex:0 0 92px}.home-category-gallery figure{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--raised)}.home-category-gallery .category-poster{display:block;width:100%;aspect-ratio:3/4}.home-category-gallery img{display:block;width:100%;height:100%;object-fit:cover}.home-category-gallery figcaption{text-align:center;font:600 12px/1.55 var(--body);padding:6px 4px}.home-resume{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:22px;background:var(--raised);margin:0}.home-resume-content{display:grid;gap:2px;flex:1;min-width:0}.home-resume h2{font:700 18px var(--display)}.home-resume small{font-size:12px;color:var(--muted)}.home-resume .rd-btn{height:44px;width:auto;padding:0 16px;border-radius:14px;font-size:16px}.home-resume-content>div{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.home-resume-content span{display:inline-flex;align-items:center;gap:4px}.home-resume-content bdi{font-family:var(--display)}
#app .approved-tabs{display:flex;position:static;flex:none;justify-content:space-around;width:100%;padding:8px 10px 18px;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--raised);box-shadow:none;min-height:0;transform:none;margin:0}.approved-tabs button{display:grid;justify-items:center;align-content:center;gap:2px;flex:1;border:0;background:transparent;color:var(--muted);font:400 11px/1.55 var(--body);padding:0;min-height:44px;min-width:44px}.approved-tabs .ui-icon{width:22px;height:22px}.approved-tabs button[aria-selected=true]{color:var(--blue-text);font-weight:600}
/* B/C */
#app main.setup{max-width:none;width:100%;margin:0;display:flex;flex-direction:column;flex:1;min-height:0;height:auto;background:var(--surface);padding:12px 14px 0;gap:12px}.approved-stepper{display:flex;align-items:center;list-style:none;gap:6px;margin:0;padding:0;flex:none;font:600 12px/1.55 var(--body);color:var(--muted)}.approved-stepper li{display:flex;align-items:center;gap:6px}.approved-stepper b{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font:800 12px var(--display);background:var(--sunk)}.approved-stepper .current{color:var(--ink)}.approved-stepper .current b{background:var(--gold);color:var(--on-bright)}.approved-stepper .done b{background:var(--correct-fill);color:var(--on-bright)}.approved-stepper .step-line{flex:1;height:3px;border-radius:3px;background:var(--line)}.setup-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0;flex:none}.setup-heading h1{font:700 26px/1.2 var(--display);margin:0}.category-total{display:block;font-size:12px;color:var(--muted)}.setup-heading .rd-count{background:var(--gold);color:var(--on-bright);font-size:12px;padding:3px 10px}.setup-content{flex:1;min-height:0;overflow:auto;padding:0;display:block}.setup .actions{display:flex;flex-direction:row-reverse;flex:none;gap:8px;margin:0 -14px;padding:10px 14px 18px;background:linear-gradient(to top,var(--surface) 75%,transparent)}.setup .actions #next-step{flex:1.5}.setup .actions #previous-step{flex:1}.setup-readiness{flex:none;font-size:12px;padding:0;margin:0}.setup-readiness:empty{display:none}.category-browser{display:flex;flex-direction:column;gap:12px;height:auto}.category-browser-tools{display:grid;gap:12px}.category-search{display:flex;align-items:center;gap:8px;height:42px;border:1.5px solid var(--line);border-radius:14px;padding:0 12px;background:var(--raised);font-size:14px}.category-search .ui-icon{width:18px;height:18px}.category-search input{width:100%;min-width:0;min-height:0;height:100%;border:0;background:transparent;color:var(--ink);padding:0;font:400 14px/1.55 var(--body)}.category-search input::placeholder{color:var(--muted)}.category-group-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:0}.category-filter{position:relative;flex:none;border:1px solid var(--line);background:var(--raised);border-radius:999px;padding:6px 12px;font:600 13px/1.55 var(--body);color:var(--ink);min-height:0}.category-filter:after{content:"";position:absolute;inset:-6px 0}.category-filter[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink);box-shadow:none}.category-selection{margin:0;padding:0;flex:none}.category-selection .selected-slots.slot-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0}.slot-strip .slot{height:auto;min-height:0;aspect-ratio:3/4;border-radius:12px;border:1.5px dashed var(--line);display:grid;place-items:center;font:800 15px var(--display);color:var(--muted);position:relative;overflow:hidden;background:var(--raised);padding:0}.slot-strip .slot-filled{border:2px solid var(--gold-line)}.slot-art,.slot-art .category-poster,.slot-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;display:block}.slot-filled>b{position:absolute;bottom:3px;top:auto;inset-inline-end:3px;inset-inline-start:auto;width:18px;height:18px;border-radius:999px;background:var(--gold);color:var(--on-bright);font:800 11px var(--display);display:grid;place-items:center;padding:0}.slot-x{position:absolute;top:-1px;bottom:auto;inset-inline-start:-1px;inset-inline-end:auto;width:24px;height:24px;border-radius:0 0 10px 0;background:var(--ink);color:var(--surface);display:grid;place-items:center;font:800 13px var(--display)}.category-results{overflow:visible;min-height:0}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-wrap{position:relative;min-width:0;border-radius:16px}.category-wrap .category{display:flex;flex-direction:column;gap:0;width:100%;height:100%;min-width:0;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--raised);box-shadow:none}.category .category-poster{display:block;width:100%;height:auto;aspect-ratio:1;overflow:hidden;border-radius:0}.category .category-poster img{width:100%;height:100%;object-fit:cover}.category-wrap .category>b{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px 8px 6px 34px;font:600 12px/1.55 var(--body);color:var(--ink);background:var(--raised);width:100%;min-height:34px}.category-wrap .category.selected{outline:3px solid var(--gold-line);outline-offset:-3px;border-color:var(--line)}.category.selected .count{position:absolute;top:6px;inset-inline-start:6px;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--gold);color:var(--on-bright);font:800 13px var(--display);box-shadow:0 2px 0 var(--gold-deep);padding:0;border:0;z-index:1}.category-info{position:absolute;left:8px;bottom:6px;width:22px;height:22px;min-width:0;min-height:0;border:1.5px solid var(--line);border-radius:999px;padding:0;display:grid;place-items:center;font:700 11px var(--display);color:var(--muted);background:var(--raised);z-index:2}.category-info:after{content:"";position:absolute;inset:-11px}.category-info .ui-icon{width:12px;height:12px}.category-pop{background:var(--raised);border:1px solid var(--line);color:var(--ink);z-index:4}.football-group{display:grid;place-items:center;position:relative;gap:4px;border:1px solid var(--line);background:var(--raised);border-radius:16px;overflow:hidden;padding:0 0 8px;color:var(--ink);min-width:0}.football-group>.category-poster{width:100%;height:auto;aspect-ratio:1;overflow:hidden}.football-group strong{font:600 12px/1.55 var(--body)}.football-group bdi{position:absolute;top:6px;left:6px;background:var(--gold);color:var(--on-bright);border-radius:999px;padding:2px 8px;font:800 13px var(--display)}.football-group>span:last-child{font-size:11px}
.approved-team-fields{display:grid;gap:12px}.approved-team-fields .team-card{padding:0;border:0;background:none;box-shadow:none}.approved-team-fields .field{display:grid;gap:4px}.approved-team-fields .field input{width:100%;height:46px;min-height:0;border:1.5px solid var(--team-color);background:var(--raised);color:var(--ink);border-radius:14px;font:400 16px/1.55 var(--body);padding:0 12px}.rd-field-title{font:600 13px/1.55 var(--body);display:flex;align-items:center;gap:8px}.field-hint{font-size:12px;color:var(--wrong)}.field-hint:empty{display:none}.third-team{position:relative;display:block;background:none;border:0;margin:0 auto;padding:0;font:600 13px/1.55 var(--body);color:var(--blue-text);min-height:44px}.shared-helpers,.last-double-setting{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font:400 13px/1.55 var(--body)}.shared-helpers input,.last-double-setting input{appearance:none;width:44px;height:26px;min-width:44px;margin:0;position:relative;border:1px solid var(--line);border-radius:999px;background:var(--sunk)}.shared-helpers input:after,.last-double-setting input:after{content:"";position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:999px;background:var(--muted)}.shared-helpers input:checked,.last-double-setting input:checked{background:var(--blue);border-color:var(--blue)}.shared-helpers input:checked:after,.last-double-setting input:checked:after{right:auto;left:2px;background:#fff}.helper-picker{padding:0;margin:12px 0}.helper-picker h2,.turn-settings h2,.question-settings h2{font:600 13px/1.55 var(--body);margin:0 0 8px}.helper-picker .aid-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.helper-picker .aid-choice{position:relative;display:grid;gap:3px;justify-items:start;align-content:start;min-height:0;padding:10px;border:1.5px solid var(--line);border-radius:14px;background:var(--raised);color:var(--ink);text-align:start;box-shadow:none}.helper-picker .aid-choice.selected{outline:none;border:2px solid var(--gold-line);background:color-mix(in srgb,var(--gold) 12%,var(--raised));color:var(--ink)}.aid-choice>.ui-icon{width:20px;height:20px}.aid-choice b{font:700 14px/1.55 var(--body)}.aid-choice small{display:block;font:400 11px/1.35 var(--body);color:var(--muted);white-space:normal;unicode-bidi:plaintext;min-height:0}.aid-check{position:absolute;top:8px;inset-inline-start:8px;inset-inline-end:auto;width:20px;height:20px;border-radius:999px;background:var(--gold);color:var(--on-bright);font:800 12px var(--display);display:grid;place-items:center}.aid-choice::after{display:none}.turn-settings,.question-settings{margin:12px 0}.turn-segments{display:flex;gap:3px;border-radius:12px;background:var(--sunk);padding:3px}.turn-segments button{position:relative;flex:1;min-height:0;background:transparent;color:var(--muted);border:0;border-radius:9px;font:600 13px/1.55 var(--body);padding:7px 2px}.turn-segments button:after{content:"";position:absolute;inset:-6px 0}.turn-segments [aria-pressed=true]{background:var(--raised);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
/* FIX7/8 V4 category tokens; Board compatibility keeps the earlier layer above.
The info button has a 44px target over the picture, opposite the selected
ordinal. Its 22px painted circle never consumes the natural name strip. */
.approved-picker .category-filter{padding:6px 12px;border:0;border-radius:12px;font:700 14px var(--display);box-shadow:0 3px 0 var(--base)}
.approved-picker .category-filter[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 3px 0 #000}
html[data-theme=dark] .approved-picker .category-filter[aria-pressed=true]{background:#F4F5F8;color:#0E1324;box-shadow:0 3px 0 #9AA3C2}
.approved-picker .category-grid{gap:10px}
.approved-picker .category-wrap,.approved-picker .category-wrap .category,.approved-picker .football-group{border-radius:18px}
.approved-picker .category-wrap .category>b{padding:5px 8px 7px;font:700 13px/1.25 var(--display);text-align:start;min-height:0}
#app .approved-picker .category-info{top:0;right:auto;bottom:auto;left:auto;inset-inline-start:auto;inset-inline-end:0;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;display:grid;place-items:center}
#app .approved-picker .category-info:after{content:none}
#app .approved-picker .category-info>.ui-icon{width:22px;height:22px;padding:3.5px;border:1.5px solid var(--line);border-radius:999px;background:var(--raised);font:400 11px/normal var(--display);font-synthesis:none}
.approved-picker .football-group strong{font:700 13px/1.25 var(--display)}
/* D/E: painted geometry is canonical; invisible targets never change it. */
#app .rd-stage.rd-referee{width:100%;max-width:none;margin:0;background:var(--surface);flex:1;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:0}.referee-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:6px 14px 0;flex:none;background:var(--surface);color:var(--ink);border:0;font:400 12px/1.55 var(--body)}.referee-heading>strong{font:700 20px var(--display)}.referee-heading .rd-count,.referee-heading .rd-question-category{background:none;padding:0;color:var(--muted);font:400 12px/1.55 var(--body)}.referee-heading .rd-icon-btn{width:36px;height:36px}.referee-heading .rd-icon-btn:after{inset:-4px}.rd-referee .rd-scroll{overflow:auto;min-height:0;flex:1;padding:10px 14px 0;gap:10px;display:flex;flex-direction:column}.rd-referee .rd-scroll>*{flex-shrink:0}.rd-referee .rd-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:none;padding:0;margin-top:6px;border:0}.rd-referee .rd-teams.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.rd-referee .rd-team{position:relative;display:grid;gap:2px;min-height:0;padding:8px 10px;border:1.5px solid var(--line);border-radius:16px;background:var(--raised);color:var(--ink);box-shadow:none;min-width:0}.rd-referee .rd-team.is-active{background:var(--team-color);border-color:var(--team-color);color:var(--team-ink,#fff);box-shadow:0 4px 0 var(--team-deep,var(--blue-deep))}.rd-referee .rd-team-heading{display:contents}.rd-referee .rd-team{grid-template-rows:none;grid-row:auto}.rd-referee .rd-team-heading>*{grid-column:auto;grid-row:auto}.rd-referee .rd-team .rd-turn-label{position:absolute;top:-9px;inset-inline-start:10px;min-height:0;height:auto;width:auto;background:var(--ink);color:var(--surface);font:700 11px/1.55 var(--body);padding:1px 8px;border-radius:999px}.rd-referee .rd-team-helper-icons{grid-row:auto;grid-column:auto}.rd-referee .rd-inline-adjust{grid-row:auto;grid-column:auto}.rd-referee .rd-team-name{display:flex;align-items:center;gap:6px;font:600 14px/1.55 var(--body);min-width:0}.rd-referee .rd-score{grid-row:auto;grid-column:auto;min-height:0;display:block;justify-content:start;font:800 30px/1 var(--display);text-align:start;direction:ltr;justify-self:end}.rd-team-turn{position:absolute;top:-9px;inset-inline-start:10px;background:var(--ink);color:var(--surface);font:700 11px/1.55 var(--body);padding:1px 8px;border-radius:999px}.rd-referee .rd-inline-adjust{width:100%;display:flex;gap:6px;direction:rtl;order:2;margin:0}.rd-referee .rd-inline-adjust .rd-btn{position:relative;flex:1;min-width:0;min-height:0;height:auto;border:0;padding:4px 0;border-radius:10px;background:var(--sunk);color:var(--ink);font:700 13px var(--display);text-align:center;line-height:normal;box-shadow:none}.rd-referee .rd-team.is-active .rd-inline-adjust .rd-btn{background:rgba(255,255,255,.85);color:#0E1324}.rd-referee .rd-inline-adjust .rd-btn:after{content:"";position:absolute;inset:-7px 0}.rd-referee .rd-team-helper-icons{order:3;display:flex;height:15px;align-items:center}.rd-referee .rd-team-helper-icons .rd-aids{display:flex;gap:6px;flex-wrap:nowrap;margin:0;padding:0;justify-content:start;align-items:center}.rd-referee .rd-team-helper-icons .rd-aid{position:relative;width:15px;height:15px;min-width:0;min-height:0;padding:0;border:0;background:none;color:inherit;display:inline-flex;align-items:flex-end;gap:0;border-radius:0;font-size:0;box-shadow:none}.rd-referee .rd-team-helper-icons .rd-aid:after{content:"";position:absolute;inset:0 -14px -29px}.rd-referee .rd-team-helper-icons .rd-aid svg{width:15px;height:15px}.rd-referee .rd-team-helper-icons .rd-aid.is-used{opacity:.35}
/* Disabled hit halos must not suppress a neighbour’s painted native click. */
.rd-referee .rd-team-helper-icons .rd-aid:disabled::after{pointer-events:none}.rd-aid-count{font:700 9px/1.55 var(--body)}.rd-referee .rd-question{border:0;background:none;padding:0;margin:0;display:grid;gap:4px;box-shadow:none}.rd-referee .referee-prompt{max-height:none;overflow:visible;min-height:0;flex:none}.rd-referee .rd-question h1{font:700 calc(22px * var(--fit,1))/1.2 var(--display);margin:0}.question-remaining{font:400 12px/1.55 var(--body);color:var(--muted);margin:0}.referee-control-card{border:1px solid var(--line);border-radius:16px;background:var(--raised);padding:6px 8px;display:grid;gap:4px;margin:0;flex:none}.referee-control-clocks{display:flex;justify-content:space-between;gap:8px;padding:0 0 5px;border-bottom:1px solid var(--line);flex-wrap:nowrap}.referee-control-clocks .rd-clock{grid-row:auto;grid-template-columns:none;grid-template-rows:none;display:inline-flex;align-items:center;gap:4px;min-width:0;padding:0;margin:0;border:0;background:none;min-height:0;flex:none;box-shadow:none}.referee-control-clocks .rd-clock-label{font:400 11px/1.55 var(--body);color:var(--muted);white-space:nowrap}.referee-control-clocks .rd-clock-time{font:800 16px var(--display);min-width:38px;text-align:center;color:var(--ink);line-height:normal}.referee-control-clocks .rd-clock-actions{grid-column:auto;grid-row:auto;display:flex;gap:4px;padding:0;margin:0}.referee-control-clocks .rd-clock-actions .rd-btn{position:relative;width:30px;height:30px;min-width:0;min-height:0;border:0;border-radius:999px;padding:0;background:var(--sunk);color:var(--blue-text);font-size:14px;box-shadow:none}.referee-control-clocks .rd-clock-actions .rd-btn:after{content:"";position:absolute;inset:-7px}.referee-control-clocks .rd-clock-actions svg{width:14px;height:14px}.referee-control-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:0;padding:0}.referee-control-actions .rd-btn{position:relative;display:grid;justify-items:center;gap:1px;padding:4px 0;font:600 11.5px/1.55 var(--body);color:var(--ink);border:0;background:none;height:auto;min-height:0;border-radius:0;box-shadow:none}.referee-control-actions .rd-btn:after{content:"";position:absolute;inset:0}.referee-control-actions .ui-icon{width:19px;height:19px;color:var(--blue-text)}.rd-referee .rd-list,.rd-referee .rd-answers{display:grid;gap:6px;padding:0;overflow:visible;min-height:0}.rd-referee .rd-row.referee{display:flex;align-items:center;gap:8px;border-radius:14px;padding:0 8px 0 6px;height:46px;min-height:46px;background:var(--raised);border:1.5px solid var(--line);font:600 15px/1.55 var(--body);box-shadow:none;flex:none}.rd-referee .rd-num{width:24px;height:24px;border-radius:999px;background:var(--sunk);font:800 12px var(--display);display:grid;place-items:center;flex:none}.rd-row-text{flex:1;min-width:0}.rd-referee .rd-row-text{font:600 15px/1.55 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.answer-arabic{font:inherit}.answer-english{font:400 11px/1.55 var(--body)}.rd-referee .rd-chip{font:800 14px var(--display);color:var(--muted);direction:ltr;background:none;padding:0;min-width:0;border:0;box-shadow:none}.rd-referee .rd-row .rd-ok,.rd-referee .rd-row .rd-regive{position:relative;display:inline-flex;align-items:center;gap:3px;height:34px;min-height:0;min-width:0;padding:0 10px;border-radius:10px;background:color-mix(in srgb,var(--correct-fill) 22%,var(--raised));color:var(--correct);font:700 13px/1.55 var(--body);border:1.5px solid var(--correct);box-shadow:none}.rd-referee .rd-row .rd-ok:after,.rd-referee .rd-row .rd-regive:after{content:"";position:absolute;inset:-5px 0}.rd-referee .rd-row.found{background:var(--team-color);border-color:var(--team-color);color:var(--team-ink,#fff)}.rd-referee .rd-row.found .rd-chip{color:inherit}.rd-referee .rd-row.found .rd-num{background:rgba(255,255,255,.85);color:#0E1324}.answer-team-name{font:700 11px/1.55 var(--body);opacity:.9}.rd-bar.ref-question-controls{display:grid;flex:none;padding:10px 14px 18px;gap:8px;background:linear-gradient(to top,var(--surface) 75%,transparent);margin:0;border:0}.rd-bar.ref-question-controls>.rd-btn{width:100%}.rd-trap-chips{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;padding:0;margin:0;border:0;background:none}.rd-trap-chip{position:relative;flex:1;min-width:0;min-height:0;width:auto;border:1.5px dashed var(--wrong);background:var(--wrong-soft);color:var(--wrong);border-radius:12px;padding:6px 4px;font:700 12px/1.25 var(--body);display:grid;justify-items:center;box-shadow:none;white-space:normal}.rd-trap-chip:after{content:"";position:absolute;inset:0 0 -3px}.rd-trap-chip.is-used{opacity:.35;text-decoration:line-through}.rd-pairing .referee-heading{min-height:46px}.rd-pairing .rd-scroll{gap:12px;padding-top:12px}.rd-pairing .rd-team{gap:2px}.ready-connection{display:flex;align-items:center;gap:6px;font:600 12px/1.55 var(--body);color:var(--correct)}.ready-connection .ui-icon{width:16px;height:16px}.first-question-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:22px;background:var(--raised);padding:14px}.first-question-art{width:60px;height:60px;flex:none;border-radius:12px;overflow:hidden}.first-question-art img,.first-question-art .category-poster{width:100%;height:100%;object-fit:cover}.first-question-card>div:last-child{display:grid;gap:2px;flex:1;min-width:0}.first-question-card small,.first-question-card p{font-size:12px;color:var(--muted)}.first-question-card h2{font:700 20px var(--display)}.rd-pairing>.rd-bar{padding:10px 14px 18px;background:var(--surface);margin:0;border:0}.rd-pairing>.rd-bar .rd-btn{width:100%}
/* E2: ordinary dialog sheet retains its existing focus/confirmation owner. */
#sheet{color:var(--ink);background:var(--raised);font-family:var(--body);border:0;border-radius:26px 26px 0 0;box-shadow:none;padding:10px 14px 22px;max-width:100%;width:100%;max-height:90dvh;top:auto;bottom:0;margin:0;overflow:auto}#sheet::backdrop{background:rgba(5,8,18,.55)}.approved-game-menu{display:grid;gap:4px}.approved-sheet-grab{width:40px;height:5px;border-radius:9px;background:var(--line);margin:0 auto 6px}.approved-game-menu :is(.menu-row,.menu-close,.menu-primary){display:flex;align-items:center;gap:10px;padding:11px 6px;font:500 15px/1.55 var(--body);height:auto;min-height:44px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);text-align:start;width:100%;box-shadow:none}.approved-game-menu .ui-icon{width:20px;height:20px;color:var(--muted)}.approved-game-menu .danger-ink{color:var(--wrong);border-bottom:0}.approved-game-menu .danger-ink .ui-icon{color:var(--wrong)}.approved-game-menu .menu-group{font:700 11px/1.55 var(--body);color:var(--muted);letter-spacing:.04em;padding:8px 6px 0}.approved-game-menu h2{font:700 20px var(--display)}.approved-reports .report-wrap{display:grid;gap:4px}.report-btn{font:500 15px/1.55 var(--body);min-height:44px;border:1px solid var(--line);background:var(--raised);color:var(--ink);border-radius:12px;padding:11px 6px}
/* F/I */
#app .rd-bonus,#app .approved-result{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;max-width:none;overflow:hidden;background:var(--surface);padding:0;gap:0}.rd-bonus-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:6px 14px 0;background:none;color:var(--ink);border:0}.rd-bonus-head strong{font:700 20px var(--display)}.rd-bonus .rd-scroll{display:grid;justify-items:center;align-content:center;gap:12px;flex:1;min-height:0;overflow:auto;padding:12px 14px;text-align:center}.rd-bonus-title{font:800 30px/1.1 var(--display);color:var(--gold-text);margin:0}.rd-bonus .bonus-stakes{font:800 22px var(--display)}.rd-bonus .bonus-offer-clock{font:800 30px/1 var(--display)}.rd-bonus .bonus-meta,.rd-bonus .rd-note{font:400 13px/1.55 var(--body);background:none;padding:0;margin:0;color:var(--muted)}.rd-bonus .rd-bonus-actions{display:flex;gap:8px;width:100%;padding:10px 14px 18px}.rd-bonus-actions .rd-btn:first-child{flex:1.5}.rd-bonus-actions .rd-btn:last-child{flex:1}.winner-cup,.rd-bonus .bonus-cup{width:76px;height:76px;border-radius:999px;background:var(--gold);box-shadow:0 5px 0 var(--gold-deep);display:grid;place-items:center;color:#0E1324;font-size:40px;flex:none;margin:0 auto}.winner-cup .ui-icon,.bonus-cup .ui-icon{width:40px;height:40px}.approved-result .rd-result-inner{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px 0;width:100%;max-width:none}.approved-result .rd-result-title{font:800 34px/1.1 var(--display);color:var(--gold-text);text-align:center;margin:0}.approved-result .rd-result-inner>p{text-align:center;font:400 12px/1.55 var(--body);color:var(--muted)}.rd-final-rows{display:grid;gap:6px}.approved-result .rd-final-row{display:grid;grid-template-columns:70px 1fr 44px;gap:8px;align-items:center;padding:0;border:0;border-radius:0;box-shadow:none;background:none;font:600 13px/1.55 var(--body)}.rd-final-row .rd-team-name{grid-column:1;grid-row:1;display:flex;align-items:center;gap:4px;font:600 13px/1.55 var(--body);color:var(--ink)}.rd-final-row>strong{grid-column:3;grid-row:1;font:800 18px var(--display);text-align:end;color:var(--ink)}.result-score-track{grid-column:2;grid-row:1;height:12px;border-radius:999px;background:var(--sunk);overflow:hidden}.result-score-track>i{display:block;height:100%;border-radius:inherit;background:var(--team-color);max-width:100%}.result-table-wrap{min-height:max-content;overflow:visible;max-height:none;width:100%}.result-breakdown{width:100%;border-collapse:collapse;font:400 12px/1.55 var(--body);border:0}.result-breakdown caption{font:600 13px/1.55 var(--body);text-align:start;padding:0 0 6px}.result-breakdown :is(th,td){padding:5px 4px;border:0;border-bottom:1px solid var(--line);text-align:start;font-size:12px}.result-breakdown th{font-weight:600;color:var(--muted)}.result-breakdown td{font-family:var(--display);font-weight:700;direction:ltr;text-align:end}.result-footer{flex:none;display:grid;gap:8px;padding:10px 14px 18px;background:linear-gradient(to top,var(--surface) 75%,transparent);width:100%;max-width:none;border:0;margin:0}.result-footer .rd-btn{width:100%}
/* J */
#app .rd-library{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px 14px 0;gap:12px;overflow:hidden;background:var(--surface)}#app:has(.rd-library)>.approved-appbar{display:none}.rd-library-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.rd-library-head h1{font:700 28px/1.2 var(--display);margin:0}.rd-library-body{flex:1;min-height:0;overflow:auto;display:grid;align-content:start;gap:12px;padding:0}.saved-game{background:var(--raised);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;gap:8px;box-shadow:none;margin:0;min-width:0}.saved-game-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.saved-game-heading h2{font:600 12px/1.55 var(--body);color:var(--blue-text);border-radius:999px;background:color-mix(in srgb,var(--blue) 15%,var(--raised));padding:3px 10px}.saved-date,.saved-expiry,.saved-cache-note{font:400 12px/1.55 var(--body);color:var(--muted);margin:0}.saved-scores{display:flex;justify-content:space-between;align-items:center;gap:8px;font:600 14px/1.55 var(--body)}.saved-scores>span{display:flex;gap:4px;align-items:center;min-width:0}.saved-scores bdi{font:800 18px var(--display)}.saved-scores.is-three{flex-wrap:wrap}.saved-categories{display:flex;gap:4px;padding:0;margin:0;list-style:none}.saved-categories li{width:34px;flex:0 0 34px;min-width:0}.saved-category-art{display:block;width:34px;height:34px;border-radius:9px;overflow:hidden}.saved-category-art .category-poster,.saved-category-art img{width:100%;height:100%;object-fit:cover;display:block}.saved-categories li>span:last-child{display:none}.saved-game>.rd-btn{height:44px;min-height:0;font-size:16px;border-radius:14px;width:100%}.saved-outcome{font:600 13px/1.55 var(--body);color:var(--gold-text)}
/* K */
.approved-account #app{padding:6px 14px 18px;width:100%;height:100dvh;min-height:100dvh;max-width:none;display:flex;flex-direction:column;gap:10px;background:var(--surface);overflow:auto}.approved-account #app>.approved-appbar{padding:0;min-height:40px}.approved-account .approved-appbar strong{font:700 24px/1.2 var(--display)}.approved-account .content{display:grid;gap:10px;width:100%;padding:0;overflow:visible;max-width:none}.approved-account .account-actions{display:grid;gap:10px;width:100%}.approved-account .account-top{display:flex;align-items:center;gap:12px;margin:0;padding:0;background:none;border:0}.approved-account .account-avatar{width:58px;height:58px;border-radius:18px;background:var(--blue);color:#fff;display:grid;place-items:center;font:800 28px var(--display);box-shadow:0 4px 0 var(--blue-deep);flex:none}.approved-account .account-top h1{font:700 17px/1.55 var(--body);margin:0}.approved-account .account-top p{font:400 12px/1.55 var(--body);color:var(--muted);margin:0}.approved-account #account-edit-open{font:600 12px/1.55 var(--body);height:auto;min-height:0;border:0;background:none;color:var(--blue-text);padding:0;position:relative;box-shadow:none}.approved-account #account-edit-open:after{content:"";position:absolute;inset:-12px 0}.approved-account .account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;text-align:center}.approved-account .account-stat{background:var(--sunk);border:0;border-radius:12px;padding:8px 4px;display:grid;gap:0}.approved-account .account-stat b,.approved-account .account-stat strong{display:block;font:800 20px var(--display)}.approved-account .account-stat span{font:400 11px/1.55 var(--body);color:var(--muted)}.approved-account .account-settings,.approved-account .account-links{background:var(--raised);border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:0;display:block}.approved-account .account-settings>*,.approved-account .account-links>a,.approved-account .account-info-group{display:flex;align-items:center;gap:10px;padding:12px;font:400 14px/1.55 var(--body);border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);border-radius:0;min-height:0;text-decoration:none;box-shadow:none}.approved-account .account-settings>:last-child,.approved-account .account-links>a:last-child{border-bottom:0}.approved-account .ui-icon{width:19px;height:19px;color:var(--muted)}.approved-account .account-info-group{display:block}.approved-account .account-info-group summary{display:flex;align-items:center;gap:10px;min-height:0;font-size:14px;list-style:none;cursor:pointer}.approved-account .account-info-group nav{display:grid;gap:8px;padding-top:12px}.approved-account .account-info-group a{font:400 14px/1.55 var(--body)}.approved-account .account-info-group #account-export{padding:0;background:none;border-radius:0}.approved-account .account-delete-area{border:1.5px solid var(--wrong);border-radius:16px;padding:10px 12px;display:grid;gap:6px;background:none;margin:0;width:100%}.approved-account .account-delete-area h3{color:var(--wrong);font:700 14px/1.55 var(--body);margin:0}.approved-account .account-delete-area p{font:400 12px/1.55 var(--body);color:var(--muted);margin:0}.approved-account :is(#account-delete,#account-logout){width:100%;height:44px;min-height:0;border:1.5px solid var(--line);border-radius:14px;background:var(--raised);color:var(--blue-text);font:700 16px var(--display);box-shadow:none}.approved-account #account-delete{border-color:var(--wrong);color:var(--wrong)}.approved-account .account-actions>p{font:400 12px/1.55 var(--body);color:var(--muted)}.approved-account #app:has(#signed-in[hidden]) #account-export{display:none}
/* L */
.approved-auth .auth-shell{width:100%;max-width:none;min-height:100dvh;margin:0;padding:6px 14px 18px;display:flex;flex-direction:column;gap:14px}.approved-auth .auth-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin:0}.approved-auth .auth-top .approved-wordmark{font:800 24px/1 var(--display);color:var(--gold-text)}.approved-auth .auth-top a{display:flex;align-items:center;gap:4px;height:40px;min-height:0;padding:0 12px 0 14px;border:1px solid var(--line);border-radius:999px;background:var(--raised);color:var(--ink);font:600 14px/1.55 var(--body);text-decoration:none}.approved-auth .auth-card{background:none;border:0;border-radius:0;box-shadow:none;padding:0;flex:1;display:flex;flex-direction:column}.approved-auth #verify-panel{display:flex;flex-direction:column;gap:14px;flex:1}.approved-auth h1{font:700 26px/1.2 var(--display);margin:0}.approved-auth .auth-lead,.approved-auth .privacy-note{color:var(--muted);font:400 13px/1.55 var(--body);margin:0}.approved-auth .auth-form{display:grid;gap:14px}.approved-auth #verify-form{display:flex;flex-direction:column;flex:1;gap:14px}.approved-auth .otp-fields{border:0;padding:0;margin:0;min-width:0}.approved-auth .otp-fields legend{font:600 13px/1.55 var(--body);margin:0 0 6px}.approved-auth .otp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;direction:ltr;max-width:none;margin:0}.approved-auth .auth-shell .otp-grid input{width:100%;height:52px;min-height:0;min-width:0;border:1.5px solid var(--line);border-radius:12px;background:var(--raised);color:var(--ink);font:800 24px var(--display);padding:0;text-align:center;direction:ltr;letter-spacing:0}.approved-auth .otp-grid input:focus{border:2px solid var(--focus);outline:none}.approved-auth #verify-email{font-size:13px}.approved-auth .auth-link{font:600 12px/1.55 var(--body);color:var(--blue-text);background:none;border:0;padding:0;min-height:44px}.approved-auth #verify-resend{font:400 12px/1.55 var(--body);width:100%;height:auto;min-height:44px;border:0;background:none;color:var(--blue-text)}.approved-auth #verify-resend:disabled{color:var(--muted);background:none}.approved-auth .auth-primary{width:100%;height:54px;min-height:0;border:0;border-radius:16px;background:var(--gold);color:#0E1324;box-shadow:0 4px 0 var(--gold-deep);font:700 19px var(--display)}.approved-auth #verify-submit{margin-top:auto}.approved-auth .auth-primary:disabled{background:var(--sunk);color:var(--muted);box-shadow:none}.approved-auth .privacy-note{text-align:center;margin-top:14px;font-size:12px}.approved-auth .auth-field{display:grid;gap:6px;font:600 13px/1.55 var(--body)}.approved-auth #signup-email{height:46px;min-height:0;font:400 16px/1.55 var(--body);border:1.5px solid var(--line);border-radius:14px;background:var(--raised);color:var(--ink);padding:0 12px}.approved-auth .terms{font:400 13px/1.55 var(--body)}.approved-auth .age-note{font:400 12px/1.55 var(--body)}.approved-auth .auth-error{font:600 12px/1.55 var(--body);color:var(--wrong)}.approved-auth:has(#verify-panel:not([hidden])) .auth-card{padding:0}
/* G/H at1280×720. The viewport grows content space, never the CSS units. */
#app .rd-public,#app .approved-wait{display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;max-width:none;gap:18px;padding:32px 48px;background:var(--surface);color:var(--ink);margin:0;overflow:hidden}.tv-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;min-height:48px;flex:none;padding:0;background:none;border:0;border-radius:0;color:var(--muted);font:500 24px/1.55 var(--body)}.tv-heading>strong{font:800 34px var(--display);color:var(--gold-text)}.tv-heading .rd-question-category,.tv-heading .rd-count{font:500 24px/1.55 var(--body);color:var(--muted);background:none;padding:0;display:inline}.tv-question-time .rd-clock{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;margin:0}.tv-question-time .rd-clock-label,.tv-question-time .rd-clock-time{font:500 24px/1.55 var(--body);color:var(--muted)}.rd-public .rd-banner{margin:0;padding:0;border:0;background:none;flex:none;box-shadow:none}.rd-public .rd-banner-row{display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.rd-public .rd-banner h1.rd-fit{font:700 calc(52px * var(--fit,1))/1.1 var(--display);text-align:center;margin:0;padding:0}.rd-public .rd-board-wrap{flex:1;min-height:0;overflow:hidden;padding:0;border:0}.rd-public .rd-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(var(--rows,5),58px);gap:10px 16px;height:100%;padding:0;min-height:0;overflow:visible}.rd-public .rd-row{display:flex;align-items:center;gap:14px;height:58px;min-height:0;border-radius:16px;border:2px solid var(--line);padding:0 18px;background:var(--raised);font:600 32px var(--display);box-shadow:none;color:var(--ink)}.rd-public .rd-row-text{font:600 32px var(--display);line-height:normal}.rd-public .rd-num{width:40px;height:40px;border-radius:999px;background:var(--sunk);font:800 22px var(--display);display:grid;place-items:center;flex:none}.rd-public .rd-chip{font:800 28px var(--display);color:var(--muted);direction:ltr;padding:0;border:0;background:none;box-shadow:none;height:auto;min-width:0}.rd-public .rd-dots{flex:1;height:14px;max-width:240px;border-radius:999px;background:var(--sunk);font-size:0;letter-spacing:0;color:transparent}.rd-public .rd-row.found{background:var(--team-color);border-color:var(--team-color);color:var(--team-ink,#fff)}.rd-public .rd-row.found .rd-chip{color:inherit}.rd-public .rd-row.found .rd-num{background:rgba(255,255,255,.9);color:#0E1324}.tv-score-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;height:104px;min-height:104px;flex:none;padding:0;margin:0;border:0;background:none}.rd-pub-team{border-radius:22px;border:2px solid var(--line);background:var(--raised);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px;color:var(--ink);min-width:0;min-height:0;box-shadow:none}.rd-pub-team .rd-team-name{font:700 34px var(--display);display:flex;align-items:center;gap:6px;min-width:0;line-height:normal}.rd-pub-team .rd-team-name>.rd-fit{font:inherit;line-height:normal}.rd-pub-team>strong{font:800 52px var(--display);direction:ltr;flex:none;width:auto;text-align:left;margin-inline-start:auto}.rd-pub-team.is-active{background:var(--team-color);border-color:var(--team-color);color:var(--team-ink,#fff);box-shadow:0 6px 0 var(--team-deep,var(--blue-deep))}.rd-pub-team .rd-aid-tiles,.rd-pub-team .rd-aids{display:flex;gap:8px;font-size:22px;color:var(--muted);margin:0;padding:0}.rd-pub-team.is-active .rd-aid-tiles{color:inherit;opacity:.85}.rd-pub-team .rd-aid-tile,.rd-pub-team .rd-aid{width:22px;height:22px;font-size:0;min-width:0;min-height:0;padding:0;border:0;background:none;box-shadow:none;color:inherit}.rd-pub-team .rd-aid-tile .ui-icon,.rd-pub-team .rd-aid svg{width:22px;height:22px}.tv-turn{display:grid;justify-items:center;align-content:center;gap:0;width:150px}.tv-turn .rd-clock{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:none;box-shadow:none;gap:0}.tv-turn .rd-clock-time{font:800 54px/1 var(--display);direction:ltr;color:var(--ink)}.tv-turn .rd-clock-label{font:600 24px/1.55 var(--body);color:var(--ink)}.tv-second-attempt{font:600 12px/1.55 var(--body)}
.waiting-layout{flex:1;display:grid;grid-template-columns:420px minmax(0,1fr);gap:48px;align-items:center;min-height:0}.waiting-invite{grid-column:1;grid-row:1;display:grid;justify-items:center;gap:18px}.waiting-instructions{grid-column:2;grid-row:1;display:grid;gap:18px;min-width:0;max-width:none}.waiting-instructions h1{font:700 50px/1.15 var(--display);margin:0}.waiting-instructions>p{font:400 26px/1.55 var(--body);color:var(--muted);margin:0}.waiting-teams{display:flex;gap:16px;margin:0;padding:0}.waiting-team{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border-radius:22px;padding:18px 22px;background:var(--team-color);color:var(--team-ink,#fff);font:700 38px var(--display)}.waiting-team :is(span,b,strong){font:inherit}.waiting-team .rd-dot{display:none}.waiting-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:0;margin:0}.waiting-categories figure{border-radius:16px;overflow:hidden;background:var(--raised);border:2px solid var(--line);margin:0;min-width:0}.waiting-category-art{width:100%;height:auto;aspect-ratio:1;display:block;overflow:hidden}.waiting-category-art .category-poster,.waiting-category-art img{display:block;width:100%;height:100%;object-fit:cover}.waiting-categories figcaption{display:block;text-align:center;font:600 22px/1.55 var(--body);padding:6px 2px;min-height:0}.waiting-qr{width:300px;height:300px;background:#fff;padding:22px;border:2px solid var(--line);border-radius:24px;box-shadow:none}.waiting-qr :is(canvas,img,svg){width:100%;height:100%;display:block;image-rendering:pixelated}.waiting-code{font:800 64px var(--display);letter-spacing:.12em;direction:ltr;background:var(--raised);border:2px solid var(--line);border-radius:999px;padding:4px 36px;display:inline-block;color:var(--ink)}
/* Actual data:11 rows and3 teams remain supported, without scaling the common kit. */
.rd-public:has(.rd-board>.rd-row:nth-child(11)){gap:10px}.rd-public:has(.rd-board>.rd-row:nth-child(11)) .rd-board{grid-template-rows:repeat(6,minmax(44px,1fr));gap:8px 16px}.rd-public:has(.rd-board>.rd-row:nth-child(11)) .rd-row{height:100%;min-height:44px}.tv-score-strip.is-three{height:142px;min-height:142px;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:38px;position:relative;gap:16px}.tv-score-strip.is-three .rd-pub-team{padding:0 12px;flex-wrap:wrap;gap:0 8px;align-content:center}.tv-score-strip.is-three .rd-pub-team .rd-team-name{font-size:24px}.tv-score-strip.is-three .rd-pub-team>strong{font-size:36px}.tv-score-strip.is-three .tv-turn{position:absolute;top:0;left:0;right:0;width:100%;height:34px}.tv-score-strip.is-three .tv-turn .rd-clock{flex-direction:row;gap:10px}.tv-score-strip.is-three .rd-clock-time{font-size:30px}.tv-score-strip.is-three .rd-clock-label{font-size:18px}.rd-public .rd-banner-row.is-question-scrollable{overflow-y:auto;max-height:var(--rd-question-max);overscroll-behavior:contain}
@media(max-width:700px){#app .rd-public,#app .approved-wait{padding:6px 14px 18px;gap:12px;overflow:auto}.tv-heading{font-size:12px;height:40px;min-height:40px}.tv-heading>strong{font-size:28px}.tv-heading .rd-question-category,.tv-heading .rd-count{font-size:12px}.rd-public .rd-banner h1.rd-fit{font-size:22px}.rd-public .rd-board{grid-template-rows:repeat(var(--rows,5),46px);gap:6px 8px}.rd-public .rd-row{height:46px;padding:0 8px;gap:8px;font-size:15px}.rd-public .rd-row-text{font:600 15px/1.55 var(--body)}.rd-public .rd-num{width:24px;height:24px;font-size:12px}.rd-public .rd-chip{font-size:14px}.tv-score-strip{gap:8px;height:auto;min-height:76px;grid-template-columns:1fr 80px 1fr}.rd-pub-team{padding:8px;display:grid;gap:2px;border-radius:16px}.rd-pub-team .rd-team-name{font-size:14px}.rd-pub-team>strong{font-size:30px;line-height:1}.tv-turn{width:80px}.tv-turn .rd-clock-time{font-size:26px}.tv-turn .rd-clock-label{font-size:12px}.waiting-layout{grid-template-columns:1fr;gap:18px;display:flex;flex-direction:column}.waiting-instructions h1{font-size:26px}.waiting-instructions>p{font-size:13px}.waiting-team{padding:8px 10px;font-size:20px}.waiting-categories{gap:6px}.waiting-categories figcaption{font-size:11px}.waiting-qr{width:220px;height:220px;padding:16px}.waiting-code{font-size:34px}.tv-question-time .rd-clock-label,.tv-question-time .rd-clock-time{font-size:12px}}
/* The earlier compatibility skin enforced44px painted buttons with !important.
Approved priority resets only that obsolete paint rule; hit areas are extended separately. */
@layer approved-priority{
.rd-referee :is(.rd-btn,.rd-btn.small,.rd-aid){min-height:0!important;min-width:0!important}
.rd-referee .rd-clock-actions .rd-btn{background:var(--sunk)!important}
.rd-referee .rd-row.found :is(.rd-row-text,.rd-row-text *,.rd-chip){color:inherit!important}
.rd-referee .rd-row .rd-ok{background:color-mix(in srgb,var(--correct-fill) 22%,var(--raised))!important}
.setup #next-step{background:var(--gold)!important;color:var(--on-bright)!important}
.setup #next-step:disabled{background:var(--sunk)!important;color:var(--muted)!important}
.setup #previous-step,.category{background:var(--raised)!important}
.rd-referee .rd-aid:is(.is-used,.is-blocked){background:none!important;color:inherit!important}
}
.rd-trap-text{font:700 12px/1.25 var(--body)}.rd-trap-penalty{font:800 12px/1.25 var(--display)}
.approved-account .account-title{font:700 24px/1.2 var(--display)}.approved-account .account-top h2{font:700 17px/1.55 var(--body);margin:0}
.rd-referee .rd-team-helper-icons .rd-aids{line-height:1}.rd-referee .rd-team-helper-icons .rd-aid-count{line-height:1}
.rd-bonus .rd-bonus-card{display:grid;justify-items:center;gap:12px;max-width:none;width:100%;padding:8px 0 0;background:none;border:0;border-radius:0;box-shadow:none}
.rd-bonus .bonus-multiplier.bonus-cup{font:800 40px var(--display);border:0;transform:none;position:static;line-height:1;min-height:0}
.rd-bonus .rd-bonus-card .rd-bonus-title{font:800 30px/1.1 var(--display);color:var(--gold-text)}
.rd-bonus .rd-offer-team{display:inline-flex;align-items:center;gap:6px;font:inherit}.rd-bonus .rd-offer-streak{font:400 13px/1.55 var(--body);color:var(--muted);margin:0}
.rd-bonus .rd-bonus-outcomes{display:flex;gap:8px;width:100%;padding:0;margin:0}.rd-bonus-outcome{flex:1;padding:12px;background:var(--raised);border:1px solid var(--line);border-radius:14px;display:grid;justify-items:center;gap:4px;font:600 13px/1.55 var(--body)}
.rd-bonus-outcome .ui-icon{width:20px;height:20px}.rd-bonus-outcome.is-correct{color:var(--correct)}.rd-bonus-outcome.is-wrong{color:var(--wrong)}
.rd-bonus .bonus-choice-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1.5px solid var(--line);border-radius:999px;background:var(--raised);font:400 14px/1.55 var(--body)}.rd-bonus .bonus-choice-pill .bonus-offer-clock{font:800 20px/1 var(--display)}
.rd-bonus .rd-bonus-actions{flex:none;margin:0;min-height:0}.approved-game-menu .menu-group-heading{font:700 11px/1.55 var(--body);color:var(--muted);letter-spacing:.04em;margin:0;padding:8px 6px 0}
#sheet:has(.approved-game-menu)>.sheet-head{display:none}
/* F mirrors the approved podium, one outcomes card and one decision pill. */
.rd-bonus .rd-scroll{display:block;align-content:start;padding:12px 14px 0;text-align:center}
.rd-bonus .rd-bonus-card{display:grid;gap:12px;padding:0;justify-items:stretch;text-align:center}
.bonus-podium{display:grid;justify-items:center;gap:6px;padding-top:18px}
.rd-bonus .bonus-multiplier.bonus-cup{font:800 26px var(--display)}
.rd-bonus .bonus-outcomes{display:grid;gap:8px;background:var(--raised);border:1px solid var(--line);border-radius:22px;padding:14px;margin:0;width:100%}
.rd-bonus .bonus-outcome{display:flex;justify-content:space-between;align-items:center;padding:0;border:0;border-radius:0;background:none;gap:8px;font:700 15px/1.55 var(--body)}
.bonus-outcome-label{display:flex;align-items:center;gap:6px}.bonus-outcome-label .ui-icon{width:15px;height:15px}
.bonus-outcome:first-child{color:var(--correct)}.bonus-outcome:last-child{color:var(--wrong)}
.rd-bonus .bonus-choice-pill{justify-self:center;display:inline-flex;flex-direction:row;gap:4px;padding:3px 10px;border:0;min-height:0;width:auto;height:auto;font:600 14px/1.55 var(--body);background:var(--sunk);box-shadow:none}
.rd-bonus .bonus-choice-pill .bonus-offer-clock{font:800 14px var(--display)}.rd-bonus .bonus-choice-pill .rd-clock-label{font:600 14px/1.55 var(--body);color:var(--ink)}.bonus-choice-pill>.ui-icon{width:14px;height:14px}
/* I real score history stays complete inside the literal table card. */
.result-podium{display:grid;justify-items:center;gap:6px;padding-top:8px;text-align:center}.result-podium>p{font:400 13px/1.55 var(--body);color:var(--muted)}
.approved-result>.approved-appbar{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:6px 14px 0;width:100%;background:var(--surface)}.approved-result>.approved-appbar strong{font:700 18px var(--display)}
.result-table-wrap{background:var(--raised);border:1px solid var(--line);border-radius:22px;padding:10px 12px;flex:none}
.result-breakdown caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0}
.result-footer .rd-btn:last-child{height:44px;font-size:16px;border-radius:14px}
/* J each team has its own full-width name/score row. */
.saved-scores,.saved-scores.is-three{display:grid;gap:8px;width:100%}.saved-scores>span{display:flex;align-items:center;gap:4px;width:100%;font:600 14px/1.55 var(--body);color:var(--ink)}.saved-scores>span>span{flex:1;min-width:0}.saved-scores bdi{margin-inline-start:auto}
.saved-categories{order:0}.saved-game-heading{order:0}.saved-game>.rd-btn{order:0}.saved-expiry{order:0}
/* K template and generated statistic elements use the same kit. */
.approved-account .topbar.approved-appbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:0;background:var(--surface);border:0;box-shadow:none;width:100%;flex:none}
.approved-account .account-link.text-button{display:inline-flex;align-items:center;gap:4px;height:40px;min-height:0;padding:0 12px 0 14px;border-radius:999px;background:var(--raised);border:1px solid var(--line);font:600 14px var(--body);color:var(--ink);text-decoration:none}.approved-account .account-link svg{width:18px;height:18px}
.approved-account .account-stats>div{background:var(--sunk);border:0;border-radius:12px;padding:8px 4px;display:flex;flex-direction:column-reverse;gap:0;text-align:center}.approved-account .account-stats dd{font:800 20px var(--display);margin:0;direction:ltr}.approved-account .account-stats dt{font:400 11px/1.55 var(--body);color:var(--muted)}
.approved-account .account-setting{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:0;padding:12px;font:400 14px/1.55 var(--body);border:0;background:none;color:var(--ink);text-align:start;text-decoration:none}
.approved-account .account-info-group{display:block;border:0;border-bottom:1px solid var(--line);padding:0}.approved-account .account-info-group summary{padding:12px;min-height:0}.approved-account .account-info-group nav{padding:0 12px 12px}.approved-account .account-switch{width:44px;height:26px;padding:2px;border:1px solid var(--line);background:var(--sunk);border-radius:999px}.approved-account .account-switch:after{background:var(--muted)}.approved-account [aria-checked=true] .account-switch{background:var(--blue);border-color:var(--blue)}.approved-account [aria-checked=true] .account-switch:after{background:#fff}
/* L keeps the fieldset label accessible without a second visual heading. */
.approved-auth .otp-fields legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.approved-auth .verify-description{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.approved-auth .verify-description .auth-link{font-size:13px;min-height:0;padding:0;position:relative}.approved-auth .verify-description .auth-link:after{content:"";position:absolute;inset:-12px 0}
.rd-pairing .ready-connection{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:22px;background:var(--raised);padding:14px;color:var(--ink);font:600 13px/1.55 var(--body)}.rd-pairing .ready-connection .ui-icon{width:20px;height:20px;color:var(--correct)}.rd-pairing .ready-team-aids{font:400 12px/1.55 var(--body);color:var(--muted)}
.home-game-card{width:100%;margin:0;color:var(--ink)}.home-game-card h1{color:var(--ink)}.home-actions{position:static;width:100%;margin:0;inset:auto}
.category-info{top:auto;right:auto;bottom:6px;left:8px;inset-inline-start:auto;inset-inline-end:8px}
.rd-public .rd-tile{display:inline-flex;align-items:center;color:inherit;opacity:.85}.rd-public .rd-tile>span{display:none}.rd-public .rd-tile .rd-icon{width:22px;height:22px}
/* Exact inherited-state repairs stay scoped to approved components. */
.approved-home #home-panel{grid-template-columns:minmax(0,1fr)}.home-categories,.home-category-gallery,.home-section-heading{min-width:0;width:100%;max-width:100%}
.helper-picker .aid-choice{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.helper-picker .aid-choice>*{grid-column:auto;grid-row:auto;order:0}.helper-picker .aid-choice small{grid-column:auto;grid-row:auto}.helper-picker .aid-choice .aid-check{grid-column:auto;grid-row:auto;top:8px;inset-inline-start:8px;inset-inline-end:auto;width:20px;height:20px;background:var(--gold);color:var(--on-bright)}
@layer approved-priority{
.helper-picker .aid-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.setup #next-step{box-shadow:0 4px 0 var(--gold-deep)!important}
.setup #next-step:active{box-shadow:0 1px 0 var(--gold-deep)!important}
.setup #next-step:disabled{box-shadow:none!important}
}
.rd-bonus .rd-bonus-title,.rd-bonus .rd-bonus-title *{color:var(--gold-text)}.rd-bonus .bonus-outcome-label{padding:0;background:none;border-radius:0}.rd-bonus .bonus-outcome-label *{padding:0;background:none;border-radius:0}
.approved-account .account-stats>div{flex-direction:column}.approved-account .account-settings-group{display:grid;gap:0;background:var(--raised);border:1px solid var(--line);border-radius:18px;overflow:hidden}.approved-account .account-settings-group>.account-settings{display:block;background:none;border:0;border-radius:0}.approved-account .account-settings-group>.account-settings:first-child{border-bottom:1px solid var(--line)}
.approved-account .account-delete-area{position:relative;min-height:44px}.approved-account .account-delete-area #account-delete{position:absolute;inset:0;width:100%;height:100%;min-height:44px;border:0;border-radius:inherit;background:transparent;color:transparent;font-size:0;box-shadow:none}.approved-account .account-delete-area #account-delete span{display:none}.approved-account .account-delete-area:focus-within{outline:3px solid var(--focus);outline-offset:2px}
@layer approved-priority{
.approved-account .account-delete-area #account-delete{background:transparent!important;color:transparent!important;border:0!important;box-shadow:none!important}
}
#app:has(main.setup)>.approved-appbar strong{font:700 18px/1.55 var(--display)}
.approved-result>.approved-appbar strong{font:700 18px/1.55 var(--display)}
.rd-pairing .referee-heading>strong,.rd-bonus-head strong{font:700 20px/1.55 var(--display)}
.approved-account .content{align-content:start}
.rd-pairing .ready-connection{gap:10px;font:700 15px/1.55 var(--body)}.ready-status-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:999px;background:var(--correct-fill);color:var(--on-bright)}.rd-pairing .ready-status-icon .ui-icon{width:18px;height:18px;color:inherit}
.first-question-card{gap:12px}.first-question-card h2{font:700 16px/1.55 var(--body)}
.tv-question-time .rd-clock-time{font:800 24px var(--display)}
.num,.ui-number{font-family:var(--display);font-weight:800;font-variant-numeric:tabular-nums}.mixed-number{display:inline-block;vertical-align:-.1em}
.home-actions #join-code{height:44px;font-size:16px;border-radius:14px}.home-portrait{border-color:var(--raised)}
.approved-auth #verify-code,.approved-auth #verify-code-2,.approved-auth #verify-code-3,.approved-auth #verify-code-4,.approved-auth #verify-code-5,.approved-auth #verify-code-6{font:800 24px var(--display)}
.approved-auth #verify-email{font-weight:700;color:var(--ink)}
.approved-auth #verify-junk{font-size:12px;line-height:1.55}
.approved-auth #verify-resend{height:auto;min-height:0;padding:0;position:relative}
.approved-auth #verify-resend:after{content:"";position:absolute;inset:-12.7px 0}
/* Auth's older appearance sheet carries important palette declarations. */
@layer approved-priority{
.approved-auth,.approved-auth .auth-shell{background:var(--surface)!important;color:var(--ink)!important}
.approved-auth .otp-grid input{background:var(--raised)!important;color:var(--ink)!important;border:1.5px solid var(--line)!important}
.approved-auth .otp-grid input[data-filled=true]{border-color:var(--blue)!important}
.approved-auth .otp-grid input:focus{border:2px solid var(--focus)!important;outline:none!important}
.approved-auth #verify-submit:disabled{background:var(--sunk)!important;color:var(--muted)!important;box-shadow:none!important;opacity:1!important}
.approved-account .account-delete-area{border:1.5px solid var(--wrong)!important;background:transparent!important}
}
.rd-referee:not(.rd-pairing) .referee-heading .rd-question-category{font-weight:700;color:var(--ink)}
.referee-control-clocks .rd-clock-time{font:800 16px/1.55 var(--display)}
/* Rule-preserving third-team layout shares the104px strip with the single clock. */
.tv-score-strip.is-three{height:104px;min-height:104px;padding:0;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr) minmax(0,1fr);gap:20px;position:static}
.tv-score-strip.is-three .rd-pub-team{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;align-content:normal;padding:0 12px;gap:12px}
.tv-score-strip.is-three .rd-pub-team .rd-team-name{font:700 34px var(--display)}.tv-score-strip.is-three .rd-pub-team>strong{font:800 52px var(--display)}
.tv-score-strip.is-three .tv-turn{position:static;inset:auto;width:150px;height:104px}.tv-score-strip.is-three .tv-turn .rd-clock{flex-direction:column-reverse;gap:0}.tv-score-strip.is-three .tv-turn .rd-clock-time{font:800 54px/1 var(--display)}.tv-score-strip.is-three .tv-turn .rd-clock-label{font:600 24px/1.55 var(--body)}
/* Match the authored name/helpers column; only long real names compact. */
@media(min-width:1000px){
.rd-public .tv-team-copy{display:grid;align-content:center;min-width:0;flex:1 1 0;gap:0}
.rd-public .tv-team-copy .rd-team-name>.rd-fit{font-size:calc(34px * var(--fit,1));min-width:0;display:block}
.rd-public .tv-team-copy.has-long-name{gap:6px}
.rd-public .tv-team-copy.has-long-name .rd-team-name{line-height:1.1;padding-top:var(--rd-name-ink-top,0);padding-bottom:var(--rd-name-ink-bottom,0)}
.rd-public .tv-team-copy.has-long-name .rd-fit{line-height:1.1}
.rd-public .tv-turn .rd-clock{display:grid;grid-template-columns:auto auto;width:100%;justify-content:center;align-items:center;gap:0}
.rd-public .tv-turn .rd-clock-time{grid-row:1;grid-column:1;justify-self:center}
.rd-public .tv-turn .rd-clock-label{grid-row:2;grid-column:1/-1;text-align:center}
.rd-public .tv-turn .rd-paused-chip{grid-row:1;grid-column:2;align-self:center;width:18px;height:18px;min-width:18px;margin:0;padding:0;background:none;border:0;line-height:1}
.rd-public .tv-turn .rd-paused-chip .ui-icon{width:18px;height:18px}
.rd-public .rd-banner>[data-idm-live-status],.rd-public .rd-banner>.tv-second-attempt{font:600 24px/1.55 var(--body);margin:0;text-align:center}
}
.rd-public:has(.rd-board>.rd-row:nth-child(11)) .rd-board{grid-template-rows:repeat(6,minmax(44px,min(58px,calc((100% - 40px)/6))))}
.home-game-heading>div{gap:4px}.home-portrait{box-shadow:0 6px 18px rgba(14,19,36,.10)}html[data-theme=dark] .home-portrait{box-shadow:0 8px 24px rgba(0,0,0,.35)}
.home-resume h2{font:600 13px/1.55 var(--body)}
@layer approved-priority{
.rd-public .rd-row.found :is(.rd-chip,.rd-chip *,.rd-row-text,.rd-row-text *){color:inherit!important}
}
.rd-public .rd-dots i{display:none}.rd-bonus .rd-offer-streak.bonus-meta{display:block;gap:0;white-space:normal}
.approved-account .account-setting>.ui-icon{width:19px;height:19px;color:var(--muted);flex:none}.approved-account .account-setting>.account-chevron{flex:none}
/* Disclosed bilingual TV answers share one attributed line where possible.
The ordinary monolingual32px role is unchanged; both scripts remain whole. */
@media(min-width:1000px){
.rd-public .rd-row:has(.answer-english){padding-inline:6px;gap:4px}
.rd-public .rd-row-text:has(.answer-english) .answer-name{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0;zoom:1;line-height:1.1}
.rd-public .rd-row-text:has(.answer-english) .answer-arabic{font:600 calc(32px * var(--fit,1))/1.1 var(--display)}
:root .rd-public .rd-row-text .answer-english{font:400 26px/1.1 var(--body);margin:0}
}
.setup-footer-error{flex:none;margin:0;padding:8px 10px;border:1px solid var(--wrong);border-radius:12px;background:var(--wrong-soft);line-height:1.5}.setup-footer-error:empty{display:none}
/* FIX7 V4: actual app pieces. Light stage follows the owner's white/off-white override. */
@font-face{font-family:Lalezar;src:url('../fonts/Lalezar-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root,html:not([data-theme=dark]){--surface:#FFFCF7;--raised:#FFF;--sunk:#FFF5E5;--line:#E9E4FB;--ink:#14102E;--muted:#6B6590;--base:#D9D2F2;--display:Lalezar,sans-serif;--gold:#FFC93C;--gold-deep:#D29B00;--pink-deep:#C2276B;--green:#14B88A;--wrong:#E5484D;--wrong-soft:#FFECEE;--purple:#7B5CFF;--rd-btn:var(--gold);--rd-header:0px;--stage-image:none}
html[data-theme=dark]{--surface:#0D0835;--raised:#271E74;--sunk:#171044;--line:#3A2F8F;--ink:#FFF;--muted:#B8B2E3;--base:#0A0630;--wrong-soft:#39132F;--stage-image:radial-gradient(70% 34% at 50% 0%,#8C78FF61,transparent 75%),linear-gradient(#1A1158,#0D0835 75%)}
html,body{background:var(--surface);font-synthesis:none}
body{background-image:var(--stage-image);background-attachment:fixed}
body::before,body::after{display:none!important}
#app{width:100%;max-width:480px;margin-inline:auto;min-height:100dvh;background:transparent;border:0;border-radius:0;box-shadow:none;overflow-x:clip}
#app:has(.public-stage:not(.rd-result),.approved-wait){max-width:none;--surface:#0D0835;--raised:#271E74;--sunk:#171044;--line:#3A2F8F;--ink:#fff;--muted:#B8B2E3;--base:#0A0630;background:radial-gradient(60% 40% at 50% 0%,#8C78FF5C,transparent 75%),linear-gradient(#1A1158,#0D0835 75%)}
#app .stage,#app main.setup,#app .rd-home,#app .rd-library{background:transparent}
:is(h1,h2,h3,.rd-score,.rd-count,.rd-tab,.rd-row,.rd-num,.rd-chip,.saved-status,.bonus-multiplier,.rd-result-title,.approved-wordmark){font-family:var(--display);font-weight:400;font-synthesis:none}
:is(button,.rd-btn,.primary,.secondary,.text-button){font-family:var(--display);font-weight:400;font-synthesis:none;transition:transform 80ms,box-shadow 80ms;min-height:30px}
:is(.rd-btn,.primary,.auth-primary).primary,:is(.rd-btn,.primary,.auth-primary).gold,.entry .primary,.setup .actions .primary{background:var(--gold);color:#2A1500;box-shadow:0 5px 0 var(--gold-deep);border:0}
:is(.rd-btn,.primary,.auth-primary):active{transform:translateY(3px);box-shadow:0 2px 0 var(--gold-deep)}
.rd-btn.tonal,.secondary{background:var(--raised);color:var(--ink);border:1px solid var(--line);box-shadow:0 3px 0 var(--base)}
.rd-btn.alert,.rd-btn.outline,.danger-ink{background:#E5484D;color:#FFF;border:0;box-shadow:0 5px 0 #9A1D22}
.rd-btn.correct{background:#14B88A;color:#FFF;box-shadow:0 5px 0 #087B5C}
#app>.approved-appbar{background:transparent;border:0;box-shadow:none;padding:10px 18px;min-height:58px}
.approved-wordmark{color:var(--gold);font-size:34px;line-height:1}
html:not([data-theme=dark]) .approved-wordmark{color:#5A37E6}
.rd-icon-btn{background:var(--raised);color:var(--ink);border:1.5px solid var(--line);width:38px;height:38px;min-height:30px;border-radius:50%;box-shadow:none}
#app>.connection{display:none;min-height:0;height:0}
#app>.connection.down{display:block;position:fixed;inset:max(8px,var(--hy-safe-top,0px)) auto auto 50%;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100vw - 28px);height:auto;min-height:0;z-index:50;padding:6px 14px;border:0;border-radius:10px;background:var(--gold);color:#2A1500;box-shadow:0 3px 0 var(--gold-deep);font:400 16px/1.3 var(--display);text-align:center;white-space:normal}
#app:has(>.connection.down) .rd-stage{opacity:.6}
/* Home: one hero, two useful cards, three icon tabs. */
.game-show-home{padding:0 16px 96px!important;display:block;flex:1;min-height:0}
.game-show-home #home-panel{display:grid;gap:12px}
.game-show-home .home-game-card{position:relative;min-height:268px;border:0;border-radius:26px;background:#2D5BFF;box-shadow:0 6px 0 #1A3AB8;padding:20px 16px 18px 118px;color:#FFF;overflow:hidden;display:block}
.home-tonight{display:inline-block;padding:4px 12px 2px;border-radius:9px;background:var(--gold);color:#2A1500;font:400 13px var(--display)}
.game-show-home h1{font:400 70px/1 var(--display);margin:12px 0 0;color:#FFF}
.home-game-description{font:600 13.5px/1.5 var(--body);margin:0;padding-inline-end:28px;color:#FFF;opacity:.92}
.game-show-home .home-portrait{position:absolute;left:-16px;bottom:-14px;width:150px;height:150px;border:4px solid #FFF;transform:rotate(-8deg);border-radius:28px;overflow:hidden;margin:0}
.game-show-home .home-portrait img,.game-show-home .home-portrait picture{width:100%;height:100%;object-fit:cover;display:block}
.game-show-home .rd-play{position:static;width:100%;height:62px;min-height:30px;border-radius:20px;font:400 26px/1 var(--display);background:var(--gold);color:#2A1500;box-shadow:0 5px 0 var(--gold-deep)}
.site-header.approved-appbar .approved-wordmark{font-size:32px}.site-header.approved-appbar #account{width:40px;height:40px;background:#7B5CFF;color:#fff;border:0;box-shadow:0 3px 0 #4A2FC0}
.home-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-duo-card{display:flex;flex-direction:column;gap:4px;justify-content:flex-start;align-items:stretch;min-height:132px;text-align:start;padding:12px;border-radius:20px;border:0;background:var(--raised);color:var(--ink);box-shadow:0 4px 0 var(--base);margin:0;min-width:0}
.home-duo-card strong{font:400 20px/1 var(--display)}.home-duo-card>small{font:600 11.5px/1.4 var(--body);color:var(--muted)}
.home-referee{background:#7B5CFF;color:#FFF;border:0;box-shadow:0 5px 0 #4A2FC0}.home-referee>small{color:#FFF}.home-referee>.ui-icon{margin-top:auto;width:44px;height:44px;padding:9px;flex-shrink:0;border-radius:13px;background:#fff;color:#5A37E6;box-shadow:0 4px 0 #3A1FA6;align-self:flex-end}
.home-mini-scores{display:flex;gap:6px;margin-top:auto}.home-mini-scores>span{background:var(--team-color);color:#FFF;flex:1;border-radius:10px;text-align:center;padding:5px 4px 3px;font:400 21px/1 var(--display)}.home-mini-scores small{display:block;font:600 10px var(--body);color:inherit;opacity:.9}
#app>.approved-tabs{background:var(--raised);border:1.5px solid var(--line);box-shadow:0 4px 0 var(--base);border-radius:24px;left:18px;right:18px;bottom:max(16px,var(--hy-safe-bottom,0px));height:66px;width:calc(100% - 36px);max-width:444px;margin-inline:auto;padding:0;position:fixed}
.approved-tabs [role=tab],.approved-tabs [role=tab][aria-selected=true]{background:none;box-shadow:none;border:0;color:var(--muted);font:600 11px var(--body);padding:8px;gap:3px;min-height:30px}.approved-tabs [role=tab][aria-selected=true]{color:#5A37E6}html[data-theme=dark] .approved-tabs [role=tab][aria-selected=true]{color:var(--gold)}
/* Setup and saved games share real, bordered content panels. */
main.setup .setup-heading h1,.rd-library h1{font:400 34px/1.1 var(--display)}
main.setup .category-selection,main.setup .category-browser-tools{background:transparent;border:0;box-shadow:none}
main.setup .slot{background:var(--raised);border:1.5px dashed var(--line)}
main.setup .category{background:var(--raised);box-shadow:0 4px 0 var(--base);border:1.5px solid var(--line)}
main.setup .category.selected{outline:3px solid var(--gold);outline-offset:0}
main.setup .approved-team-fields .team-card{background:var(--team-color);color:#FFF;border:0;box-shadow:0 5px 0 var(--team-color);padding:14px;border-radius:20px}
main.setup .approved-team-fields input{background:transparent;color:#FFF;border:0;font:400 28px/1.2 var(--display)}
main.setup .helper-picker .aid-choice{background:var(--raised);color:var(--ink);box-shadow:0 3px 0 var(--base);border:1.5px solid var(--line)}
main.setup .helper-picker .aid-choice.selected{border:2px solid var(--gold);background:var(--raised)}
main.setup .actions{background:var(--surface);border-top:1px solid var(--line);padding-bottom:max(14px,var(--hy-safe-bottom,0px))}
.saved-game{border:1.5px solid var(--line);border-radius:22px;background:var(--raised);box-shadow:0 4px 0 var(--base);padding:14px;margin-bottom:6px}
.saved-game-heading strong{font:400 24px var(--display)}.saved-scores{display:flex;gap:8px}.saved-scores>span{background:var(--team-color);color:#FFF;border-radius:12px;padding:8px;display:flex;flex-wrap:wrap;font:400 20px var(--display)}
.saved-status{background:var(--sunk);border:1px solid var(--line);color:var(--muted);font-size:14px}
/* Referee: the whole answer plate is the only scoring target. */
#app .game-show-referee{padding:0 18px 12px;display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:transparent;isolation:isolate}
#app .game-show-referee::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:background .5s;background:radial-gradient(70% 36% at 50% 0%,color-mix(in srgb,var(--team-color) 35%,transparent),transparent 75%)}
html[data-theme=dark] #app .game-show-referee::before{opacity:1}
#app .game-show-referee .referee-heading{height:46px;min-height:46px;padding:0;align-items:center;background:none;border:0}
#app .game-show-referee .rd-count{font:400 23px/1 var(--display);color:var(--ink)}
.question-lights{display:flex;gap:5px;margin-top:4px}.question-lights i{width:11px;height:11px;border-radius:50%;background:var(--line)}.question-lights i.on{background:var(--gold)}
#app .game-show-referee .rd-scroll{display:flex;flex-direction:column;gap:0;padding:0;overflow:auto;min-height:0;flex:1;width:100%}
.show-podiums{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:end;gap:8px;margin:10px 0 0;padding-top:13px}
/* Three private podiums share one row; its clock reuses the fixed question banner. */
#app .game-show-referee .show-podiums.is-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:12px}
#app .game-show-referee .show-podiums.is-three .rd-team{padding:8px}
#app .game-show-referee .show-podiums.is-three .rd-team-name{font-size:13px;line-height:1.3;margin-top:8px;min-height:17px}
#app .game-show-referee .show-podiums.is-three .rd-score{font-size:26px;line-height:1;padding:6px 0 3px;margin-top:4px}
#app .game-show-referee .referee-live-banner.has-turn-clock{height:44px;display:flex;gap:6px}
#app .game-show-referee .has-turn-clock .show-clock{width:92px;height:44px;flex:none;margin:0;padding:0 8px;border-radius:999px;background:var(--gold)}
#app .game-show-referee .has-turn-clock .show-clock-inner{display:flex;flex-direction:row;gap:4px;width:auto;border-radius:999px;background:none}
#app .game-show-referee .has-turn-clock .show-clock b{font-size:21px;line-height:1;color:#2A1500}
#app .game-show-referee .has-turn-clock .show-clock small{font-size:0;line-height:1;color:#2A1500}
#app .game-show-referee .has-turn-clock .show-clock small .ui-icon{width:12px;height:12px}
#app .game-show-referee .has-turn-clock .show-clock.is-last{background:var(--wrong)}
#app .game-show-referee .has-turn-clock .show-clock.is-last b{color:#FFF}
#app .game-show-referee .has-turn-clock .show-clock.is-last small{color:#FFF}
#app .game-show-referee .has-turn-clock .rd-bomb-active{flex:1;min-width:0;width:auto}
@media(max-width:360px){#app .game-show-referee:has(.show-podiums.is-three){padding-inline:8px}#app .game-show-referee .show-podiums.is-three .rd-team{padding-inline:1px}}
/* An exceptional full number keeps its normal type in the existing natural reader. */
#app .game-show-referee.is-three-natural .show-podiums.is-three{grid-template-columns:1fr}
#app .game-show-referee.is-three-natural .rd-scroll{overflow:auto}
#app .game-show-referee.is-three-natural .rd-list{flex:none;min-height:0;overflow:visible}
.show-podiums .rd-team{position:relative;display:block;min-height:0;border:0;border-radius:20px 20px 12px 12px;padding:10px;background:var(--team-color);color:#FFF;text-align:center;box-shadow:0 5px 0 color-mix(in srgb,var(--team-color) 70%,#000);transform-origin:bottom;transition:transform .35s}
.show-podiums .rd-team.is-active{outline:3px solid #FFD54A}.show-podiums .rd-team.is-rest{transform:scale(.92)}
.show-podiums .rd-team-name{font:600 15px/1.4 var(--body);display:block;margin:0;white-space:normal;overflow-wrap:anywhere;min-height:21px}
.show-podiums .rd-team.is-active .rd-team-name{margin-top:8px}
.show-podiums .rd-score{display:block;border-radius:12px;background:#05062380;font:400 40px/1 var(--display);padding:9px 0 4px;margin-top:6px;color:#FFF}.show-podiums .is-active .rd-score{color:#FFD54A}
.show-podiums .rd-turn-label{position:absolute;top:-13px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);height:auto;width:auto;min-height:0;padding:4px 11px 2px;border:0;border-radius:9px;background:var(--gold);color:#2A1500;box-shadow:0 3px 0 var(--gold-deep);font:400 15px/1 var(--display);white-space:nowrap}
.podium-helper-dots{display:flex;gap:3px;justify-content:center;margin-top:6px}.podium-helper-dots i{width:7px;height:7px;background:#FFF;border-radius:50%}.podium-helper-dots i.used{opacity:.3}
.show-clock{width:92px;height:92px;padding:6px;margin:0 0 8px;border:0;border-radius:50%;background:conic-gradient(#F5AC00 calc(var(--p,100)*1%),var(--line) 0);display:block;color:var(--ink)}
.show-clock-inner{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:var(--raised)}
.show-clock b{font:400 29px/1 var(--display);color:var(--ink);direction:ltr}.show-clock small{font:600 10px/1.4 var(--body);color:var(--muted)}
html[data-theme=dark] .show-clock{background:conic-gradient(#FFD54A calc(var(--p,100)*1%),#FFFFFF24 0)}html[data-theme=dark] .show-clock-inner{background:#151046}html[data-theme=dark] .show-clock b{color:#FFD54A}
.show-clock.is-last{background:conic-gradient(#E5484D calc(var(--p,100)*1%),var(--line) 0)}.show-clock.is-last b{color:#E5484D}.show-clock.is-ended b{font-size:22px;color:var(--muted)}
.show-active-helpers{margin-top:14px}.show-active-helpers .rd-aids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;justify-content:stretch;overflow:visible}
.show-active-helpers .rd-aid{width:auto;height:48px;min-height:30px;padding:4px 6px;position:relative;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:15px;background:#FFF;color:#14102E;box-shadow:0 4px 0 var(--base);font:400 17px/1 var(--display)}
.show-active-helpers .rd-aid .ui-icon{width:22px;height:22px;flex:none}.show-active-helpers .rd-aid-count{position:static;font:400 14px var(--display);color:#5A37E6}.show-active-helpers .rd-aid.is-used{opacity:.42;text-decoration:line-through}.show-active-helpers .rd-aid.is-blocked{opacity:.45}.show-active-helpers .rd-aid.is-active{background:var(--gold)}
#app .game-show-referee .rd-question{display:block;text-align:center;margin:16px 0 0;padding:0;background:none;border:0;min-height:0;flex:none}
#app .game-show-referee .referee-prompt{display:block;width:100%;height:auto;min-height:0;padding:0;border:0;background:none;box-shadow:none;text-align:center;color:var(--ink)}
#app .game-show-referee .question{font:400 31px/1.15 var(--display);color:var(--ink);margin:0;max-height:none;white-space:normal;overflow-wrap:anywhere}
#app .game-show-referee .rd-question.is-folded .question{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .game-show-referee .rd-last-double{display:inline-block;white-space:nowrap;background:var(--gold);border:0;border-radius:9px;box-shadow:0 3px 0 var(--gold-deep);color:#2A1500;padding:4px 12px 2px;margin:6px 0;font:400 15px/1 var(--display)}
#app .game-show-referee .rd-bomb-active{background:#090722;color:#FFF;border:0;border-radius:12px;font:400 16px var(--display);padding:8px;margin:6px 0 0}
#app .game-show-referee .rd-list{padding:0;margin-top:14px;flex:none;overflow:visible}
#app .game-show-referee .rd-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--answer-rows,5),auto);grid-auto-flow:column;gap:7px}
#app .game-show-referee .rd-row{display:flex;align-items:center;gap:6px;min-height:30px;height:44px;padding:0 6px 0 10px;width:100%;border:1.5px solid var(--line);border-radius:12px;background:var(--raised);color:var(--ink);box-shadow:0 3px 0 var(--base);font:400 19px/1 var(--display);white-space:nowrap;overflow:hidden;text-align:start;cursor:pointer}
#app .game-show-referee .rd-row .rd-num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--sunk);color:var(--muted);font:400 15px/1 var(--display);margin:0;padding:0}
#app .game-show-referee .rd-row-text{min-width:0;flex:1;padding:0;overflow:hidden}#app .game-show-referee .answer-name,#app .game-show-referee .answer-arabic{display:block;min-width:0;font:400 19px/1 var(--display);color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .game-show-referee .answer-name.is-long .answer-arabic{font-size:16px}#app .game-show-referee .answer-name.is-xlong .answer-arabic{font-size:14px}
#app .game-show-referee .rd-row.found{border:0;background:var(--team-color);color:#FFF;box-shadow:0 3px 0 color-mix(in srgb,var(--team-color) 70%,#000)}
#app .game-show-referee .rd-row.found .rd-num{background:#FFF;color:var(--team-color)}
#app .game-show-referee .rd-chip{font:400 16px/1 var(--display);min-width:0;flex:none;background:#0004;color:inherit;border:0;border-radius:8px;padding:4px 6px 2px;margin:0}
.plate-late{font:400 13px/1 var(--display);color:var(--green);border:1.5px solid var(--green);border-radius:8px;padding:3px 5px 1px}
#app .game-show-referee .rd-bar{flex:none;position:static;background:transparent;border:0;padding:9px 0 3px;display:flex;flex-direction:column;gap:10px}
#app .game-show-referee .rd-trap-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible;padding:0;margin:0;height:40px}
#app .game-show-referee .rd-trap-chip{height:40px;min-height:30px;padding:0 5px;display:flex;align-items:center;justify-content:center;gap:4px;font:400 17px/1 var(--display);border:1.5px solid #E5484D80;border-radius:11px;background:var(--wrong-soft);color:var(--wrong)}
#app .game-show-referee .rd-trap-text{font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .game-show-referee .rd-trap-penalty{font:inherit;flex:none}
#app .game-show-referee .rd-bar>.rd-btn{height:60px;min-height:30px;width:100%;font:400 26px/1 var(--display);border-radius:22px}
#app .game-show-referee .rd-row[data-pending-label]{background:var(--team-color);color:#FFF;opacity:1}
#app .game-show-referee .rd-row[data-pending-label]::after{content:'';position:static;inset:auto;background:transparent;padding:0;width:12px;height:12px;flex:none;border:2px solid #FFF5;border-top-color:#FFF;border-radius:50%;animation:show-spin .7s linear infinite}
@layer approved-priority{#app .game-show-referee .rd-row[data-pending-label]::after{display:block!important}}
#ref-confirm{font:400 18px var(--display);background:var(--raised);color:var(--ink);border:1px solid var(--line);box-shadow:0 3px 0 var(--base);bottom:calc(max(12px,var(--hy-safe-bottom,0px)) + 112px);max-width:calc(100% - 36px);z-index:30}
/* Bonus secret is confined to the existing verified referee-only branch. */
.rd-bonus-key{background:#090722!important;color:#FFF!important;border:0;border-radius:18px;box-shadow:0 5px 0 #000;padding:16px}.rd-bonus-key .rd-kicker{color:#B8B2E3;font:600 12px var(--body)}.rd-bonus-key .answer-name{font:400 30px/1.2 var(--display)}
.rd-bonus .rd-bonus-question{background:var(--raised);color:var(--ink);border:1.5px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 4px 0 var(--base)}
.rd-bonus .rd-bonus-question h2{font:400 28px/1.2 var(--display)}
.rd-bonus .rd-bonus-actions{display:flex;gap:12px}.rd-bonus .rd-bonus-actions>.rd-btn{flex:1;font:400 26px/1 var(--display);border-radius:18px;min-height:56px}
.rd-bonus-clock{background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 4px 0 var(--base)}
/* Sheets remain the existing native dialog/hold owner. */
dialog#sheet{background:var(--raised);color:var(--ink);border:1.5px solid var(--line);box-shadow:0 8px 0 var(--base);max-width:min(480px,100vw);border-radius:26px 26px 0 0}
/* V4 selected referee sheets. Generic/Board/auth/Adjust dialogs keep their existing pieces. */
dialog#sheet:has(.v4-referee-menu,.referee-show-sheet){position:fixed;inset:auto 0 0;margin:0 auto;transform:none;width:100%;max-width:min(480px,100vw);max-height:90dvh;overflow:auto;padding:10px 16px 22px;border:0;border-radius:30px 30px 0 0;background:#FFF;color:var(--ink);box-shadow:none;text-align:start}
dialog#sheet[open]:has(.v4-referee-menu,.referee-show-sheet){display:block}
dialog#sheet:has(.v4-referee-menu,.referee-show-sheet)::backdrop{background:rgba(5,8,18,.5)}
html[data-theme=dark] dialog#sheet:has(.v4-referee-menu,.referee-show-sheet){background:#1A1158}
html[data-theme=dark] dialog#sheet:has(.v4-referee-menu,.referee-show-sheet)::backdrop{background:rgba(3,2,15,.6)}
#sheet:has(.v4-referee-menu,.referee-show-sheet)>.sheet-head{display:none}
dialog#sheet:has(.referee-show-sheet)::before{content:none;display:none}
#sheet:has(.v4-referee-menu,.referee-show-sheet) #sheet-body{width:100%;padding:0;display:block;min-width:0}
#sheet .v4-referee-menu,#sheet .referee-show-sheet{display:grid;gap:12px;justify-items:stretch;align-items:start;width:100%;min-width:0;margin:0;padding:0;text-align:start}
#sheet :is(.v4-referee-menu,.referee-show-sheet)>.approved-sheet-grab{width:44px;height:5px;margin:0 auto;border-radius:9px;background:#C3CBDA}
html[data-theme=dark] #sheet :is(.v4-referee-menu,.referee-show-sheet)>.approved-sheet-grab{background:rgba(255,255,255,.25)}
#sheet .referee-menu-title,#sheet .referee-show-sheet:not(.is-undo)>.referee-sheet-title{margin:0;font:400 26px var(--display);text-align:start;text-wrap:initial}
#sheet .referee-show-sheet.is-undo>.referee-sheet-title{margin:0;font:400 30px/1.1 var(--display);text-align:start}
#sheet .referee-menu-section{display:grid;gap:12px;min-width:0}
#sheet .v4-referee-menu .menu-group-heading{margin:0;padding:0 4px;font:400 12px var(--display);color:var(--muted);text-align:start;letter-spacing:normal}
#sheet .v4-referee-menu .approved-menu-group{margin:0;padding:0;min-width:0;border:0;border-radius:20px;background:var(--raised);box-shadow:0 4px 0 var(--base);overflow:hidden}
#sheet .v4-referee-menu .menu-row{display:flex;align-items:center;gap:12px;width:100%;height:auto;min-height:30px;margin:0;padding:13px 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;color:var(--ink);font:400 16px var(--display);text-align:start;transform:none}
#sheet .v4-referee-menu .menu-row:last-child{border-bottom:0}
#sheet .v4-referee-menu .menu-row-label{min-width:0;overflow-wrap:anywhere}
#sheet .v4-referee-menu .menu-row-fact{display:flex;align-items:center;gap:6px;margin-inline-start:auto;font:600 13px var(--body);color:var(--muted);flex:none}
#sheet .v4-referee-menu .menu-tile{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9.6px;box-shadow:0 3px 0 rgba(14,19,36,.18)}
#sheet .v4-referee-menu .menu-tile.is-gold{background:var(--gold)}
#sheet .v4-referee-menu .menu-tile.is-blue{background:var(--blue)}
#sheet .v4-referee-menu .menu-tile.is-purple{background:var(--purple)}
#sheet .v4-referee-menu .menu-tile.is-red{background:#E5484D}
#sheet .v4-referee-menu .menu-tile.is-green{background:var(--green)}
#sheet .v4-referee-menu .menu-glyph{width:19px;height:19px;color:var(--muted);stroke-width:2.7}
#sheet .v4-referee-menu .menu-row.danger-ink,#sheet .v4-referee-menu .menu-row.danger-ink .menu-glyph{color:#E5484D}
html[data-theme=dark] #sheet .v4-referee-menu .menu-row{border-color:rgba(255,255,255,.08)}
html[data-theme=dark] #sheet .v4-referee-menu .menu-row.danger-ink,html[data-theme=dark] #sheet .v4-referee-menu .menu-row.danger-ink .menu-glyph{color:#FF8A90}
#sheet .menu-sound-switch{display:block;position:relative;flex:none;width:50px;height:30px;border-radius:999px;background:var(--line)}
#sheet .menu-sound-switch::after{content:'';position:absolute;top:3px;inset-inline-end:3px;width:24px;height:24px;border-radius:999px;background:#FFF;box-shadow:0 2px 0 var(--base)}
#sheet .menu-sound-switch.on{background:var(--green)}
#sheet .menu-sound-switch.on::after{inset-inline-end:auto;inset-inline-start:3px}
html[data-theme=dark] #sheet .menu-sound-switch::after{box-shadow:none}
#sheet .referee-show-sheet>.confirmation-clock-paused{display:inline-flex;align-items:center;justify-self:start;gap:6px;margin:0;padding:3px 10px;border-radius:999px;background:var(--raised);box-shadow:0 2px 0 var(--base);font:400 12px var(--display);color:var(--muted)}
html[data-theme=dark] #sheet .referee-show-sheet>.confirmation-clock-paused{box-shadow:none}
#sheet .referee-show-sheet>.rd-sheet-detail{margin:0;font:400 14px/1.55 var(--body);color:var(--muted);text-align:start;overflow-wrap:anywhere}
#sheet .referee-show-sheet>.rd-sheet-actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;width:100%;min-width:0;align-self:stretch;direction:rtl}
#sheet .referee-show-sheet>.rd-sheet-actions>.rd-btn{width:100%;min-width:0;height:56px;min-height:56px;padding:0 12px;border-radius:18px;font:400 22px var(--display);grid-row:1}
#sheet .referee-show-sheet>.rd-sheet-actions>.rd-btn:first-child{grid-column:2}
#sheet .referee-show-sheet>.rd-sheet-actions>.rd-btn:last-child{grid-column:1}
#sheet .referee-show-sheet>.rd-sheet-actions>.tonal:not(:disabled){background:#FFF;color:#14102E;border:0;box-shadow:0 4px 0 var(--base)}
#sheet .referee-show-sheet>.rd-sheet-actions>:is(.primary,.gold):not(:disabled){background:#FFC93C;color:#14102E;border:0;box-shadow:0 5px 0 #D29B00}
html[data-theme=dark] #sheet .referee-show-sheet>.rd-sheet-actions>:is(.primary,.gold):not(:disabled){color:#0E1324}
#sheet .referee-show-sheet>.rd-sheet-actions>.alert:not(:disabled){background:#E5484D;color:#FFF;border:0;box-shadow:0 5px 0 #B3262B}
#sheet .referee-show-sheet>.rd-sheet-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch;gap:10px;width:100%;min-width:0}
#sheet .referee-show-sheet>.rd-sheet-scores>span{display:grid;justify-items:center;min-width:0;width:100%;gap:0;border-radius:20px;padding:12px 6px;color:#FFF}
#sheet .referee-show-sheet>.rd-sheet-scores b{font:400 13px var(--display);opacity:.85;text-align:center;overflow-wrap:anywhere}
#sheet .referee-show-sheet>.rd-sheet-scores bdi{font:400 40px/1 var(--display);max-width:100%;overflow-wrap:anywhere}
#sheet .sheet-head h2{font:400 30px/1.1 var(--display)}.rd-sheet-actions>.rd-btn{font:400 24px/1 var(--display);border-radius:18px;min-height:54px}
.approved-game-menu .menu-row{font:400 22px/1.2 var(--display);min-height:42px;border-bottom:1px solid var(--line)}
.score-adjustments{display:grid;gap:12px}.score-adjustments section{padding:12px;border:1.5px solid var(--team-color);border-radius:18px}.score-adjustments h3{margin:0 0 10px;font:400 24px var(--display)}.score-adjustments section>div{display:flex;gap:12px}.score-adjustments button{flex:1;font-size:24px}
/* TV uses the same show pieces at its full surface size. */
.rd-public{position:relative;display:block!important;min-height:100dvh;padding:26px 40px 22px!important;background:transparent!important;overflow:hidden;color:#FFF}
.rd-public .tv-heading{display:flex;justify-content:space-between;align-items:center;padding:0;border:0;background:none;height:58px;position:relative;inset:auto}
.rd-public .tv-heading>strong{font:400 44px/1 var(--display);color:var(--gold)}.rd-public .tv-heading>span{font:400 26px var(--display)}
.rd-public .rd-banner{margin:16px auto 0;padding:0;width:100%;max-width:100%;background:none!important;border:0!important;box-shadow:none!important;display:grid;justify-items:center;gap:10px;position:static}
.rd-public .rd-banner-row{display:block;max-width:100%;background:radial-gradient(circle,#FFFBE0 0 2.3px,#FFC300 3px,#FFB40059 4.6px,transparent 6.5px) center/15px 15px round,linear-gradient(#8A4300,#4D2400);padding:9px;border-radius:22px;margin:0 auto;border:0;box-shadow:none}
.rd-public .rd-banner-row h1{font:400 54px/1.1 var(--display);color:#FFF;background:#5A2FE0;border-radius:15px;padding:10px 40px 6px;margin:0;max-height:126px}
.rd-public .rd-banner-row>:not(h1){display:none}
.rd-public .rd-board-wrap{position:relative;display:block;margin:32px 250px 140px;padding:0;overflow:visible;min-height:0}
.rd-public .rd-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows,5),auto);grid-auto-flow:column;gap:9px}
.rd-public .rd-row{height:52px;min-height:0;padding:0 10px 0 14px;font:400 27px/1 var(--display);border-radius:14px;background:#FFFFFF12;color:#FFF;border:1.5px solid #FFFFFF24;box-shadow:none}
.rd-public .rd-row.hidden{justify-content:center;background:#FFFFFF12}.rd-public .rd-row.hidden .rd-num{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#FFFFFF1A;font:400 24px/1 var(--display);color:#FFF}
.rd-public .rd-row.found{background:var(--team-color);border:0;box-shadow:0 4px 0 color-mix(in srgb,var(--team-color) 70%,#000)}
.rd-public .rd-row.found .rd-num{width:28px;height:28px;border-radius:50%;background:#FFF;color:var(--team-color);display:grid;place-items:center;font:400 16px var(--display)}
.rd-public .answer-name,.rd-public .answer-arabic{font:400 27px/1.1 var(--display)}
.rd-public .rd-chip{background:#0004;font:400 22px var(--display);color:#FFF;border-radius:8px;padding:5px 10px 2px;margin-inline-start:auto}
.rd-public .tv-score-strip{position:absolute;inset:0;display:contents;background:none;padding:0;border:0}
.rd-public .rd-pub-team{position:absolute;top:280px;width:230px;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:center;padding:16px 14px;background:var(--team-color);border:0;border-radius:20px 20px 12px 12px;box-shadow:0 5px 0 color-mix(in srgb,var(--team-color) 70%,#000);color:#FFF}
.rd-public .rd-pub-team[data-team="0"]{right:40px}.rd-public .rd-pub-team[data-team="1"]{left:40px}.rd-public .rd-pub-team.is-active{outline:3px solid #FFD54A}.rd-public .rd-pub-team:not(.is-active){transform:scale(.92)}
.rd-public .tv-team-copy{display:grid;justify-items:center;gap:10px}.rd-public .rd-pub-team .rd-team-name{font:600 24px/1.2 var(--body);color:#FFF}.rd-public .rd-pub-team>strong{font:400 68px/1 var(--display);border-radius:14px;padding:14px 0 6px;background:#05062380;color:#FFF}.rd-public .rd-pub-team.is-active>strong{color:#FFD54A}
.rd-public .tv-turn{position:absolute;bottom:22px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:30px;width:100%;background:none;padding:0}
.rd-public .show-clock{width:100px;height:100px;margin:0;flex:none;background:conic-gradient(#FFD54A calc(var(--p,100)*1%),#FFFFFF24 0)}.rd-public .show-clock-inner{background:#151046}.rd-public .show-clock b{font-size:34px;color:#FFD54A}.rd-public .show-clock small{font-size:13px;color:#B8B2E3}
.show-strikes{display:flex;gap:10px;align-items:center}.show-strikes i{width:44px;height:44px;border:1.5px solid #FF64738C;background:#E5484D1F;border-radius:12px;color:#FF7A82;display:grid;place-items:center;font:400 24px var(--display);font-style:normal}.show-strikes i.hit{background:#E5484D;color:#FFF}
@keyframes show-spin{to{transform:rotate(360deg)}}
@keyframes show-flip{from{transform:perspective(500px) rotateX(-90deg)}to{transform:perspective(500px) rotateX(0)}}
@keyframes show-shake{20%{transform:translateX(-11px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(3px)}}
.show-flip{animation:show-flip .5s cubic-bezier(.2,.9,.3,1.25)}.show-new{outline:4px solid #FFD54A;outline-offset:0}.show-wrong{animation:show-shake .4s}
@media(max-height:780px){
#app .game-show-referee .referee-heading{height:40px;min-height:40px}#app .game-show-referee .rd-count{font-size:21px}.question-lights i{width:9px;height:9px}
.show-podiums{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);margin-top:6px}.show-podiums .rd-team{padding:8px}.show-podiums .rd-team-name{font-size:13px}.show-podiums .is-active .rd-team-name{margin-top:11px}.show-podiums .rd-score{font-size:30px;padding:7px 0 3px;margin-top:4px}.show-clock{width:78px;height:78px;padding:5px;margin-bottom:4px}.show-clock b{font-size:24px}
.show-active-helpers{margin-top:10px}.show-active-helpers .rd-aid{height:40px;font-size:15px}.show-active-helpers .rd-aid .ui-icon{width:22px;height:22px}
#app .game-show-referee .rd-question{margin-top:10px}#app .game-show-referee .question{font-size:25px}#app .game-show-referee .rd-list{margin-top:10px}#app .game-show-referee .rd-answers{gap:6px}#app .game-show-referee .rd-row{height:37px;border-radius:10px;font-size:17px}#app .game-show-referee .answer-name,#app .game-show-referee .answer-arabic{font-size:17px}#app .game-show-referee .rd-chip{font-size:14px;padding:3px 6px 1px}#app .game-show-referee .rd-num{width:19px;height:19px;font-size:11px}
#app .game-show-referee .rd-trap-chips,#app .game-show-referee .rd-trap-chip{height:34px}#app .game-show-referee .rd-trap-chip{font-size:15px}#app .game-show-referee .rd-bar{gap:7px;padding-top:7px}#app .game-show-referee .rd-bar>.rd-btn{height:54px;font-size:22px}
.game-show-home .home-game-card{min-height:268px}.home-duo-card{min-height:132px}
}
@media(max-height:620px){
#app>.approved-appbar{min-height:44px;height:44px;padding-block:4px}.game-show-home{padding-bottom:80px!important}.game-show-home #home-panel{gap:12px}.game-show-home .home-game-card{min-height:248px;padding-top:18px}.game-show-home h1{font-size:56px}.home-game-description{font-size:12px;padding-inline-end:18px}.game-show-home .rd-play{height:48px;font-size:25px}.game-show-home .home-portrait{width:140px;height:140px}.home-duo-card{min-height:104px;padding:10px}.home-duo-card strong{font-size:20px}#app>.approved-tabs{height:58px;bottom:12px}
#app .game-show-referee{padding:0 14px 10px}#app .game-show-referee .referee-heading{height:32px;min-height:32px}.show-podiums{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);margin-top:2px;padding-top:12px}.show-podiums .rd-team{padding:6px}.show-podiums .rd-score{font-size:26px}.show-clock{width:70px;height:70px}.show-clock b{font-size:21px}.show-active-helpers{margin-top:9px}.show-active-helpers .rd-aid{height:34px;font-size:14px}
#app .game-show-referee .rd-question{margin-top:8px}#app .game-show-referee .question{font-size:22px}#app .game-show-referee .rd-list{margin-top:8px}#app .game-show-referee .rd-row{height:32px;font-size:15px}#app .game-show-referee .answer-name,#app .game-show-referee .answer-arabic{font-size:15px}#app .game-show-referee .rd-trap-chips,#app .game-show-referee .rd-trap-chip{height:30px}#app .game-show-referee .rd-trap-chip{font-size:14px}#app .game-show-referee .rd-bar{padding-top:6px;gap:6px}#app .game-show-referee .rd-bar>.rd-btn{height:49px;font-size:22px}
}
@media(min-width:601px){#app:not(:has(.public-stage,.approved-wait)){max-width:480px}#app>.approved-tabs{left:calc(50% - 222px);right:auto}}
@media(prefers-reduced-motion:reduce){.show-flip,.show-wrong{animation:none}#app .game-show-referee::before,.rd-team,button{transition:opacity .15s}.show-new{outline:none}}
/* FIX7 Part B: auth/account only. Replace the original auth/account fragment with this02 revision. */
body.v4-auth,body.v4-account{font-family:var(--body);font-synthesis:none;color:var(--ink);background-color:var(--surface)!important;background-image:var(--stage-image,none)!important;--account-link:#5A37E6}
body.v4-auth .auth-shell,body.v4-account #app{width:min(100%,480px);max-width:480px;margin-inline:auto;min-height:var(--focused-vh,100svh);height:auto;background:transparent}
body.v4-auth .auth-shell{display:flex;flex-direction:column;padding:max(6px,var(--hy-safe-top,0px)) max(16px,var(--hy-safe-right,0px)) max(18px,var(--hy-content-bottom,0px)) max(16px,var(--hy-safe-left,0px));gap:8px}
body.v4-auth .auth-top{justify-content:flex-start;min-height:30px;margin:0}
body.v4-auth .auth-top .auth-back,body.v4-account .topbar .account-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;height:auto;padding:0;border:0;background:none;border-radius:0;box-shadow:none;color:var(--account-link,#5A37E6);font:400 17px/1.3 var(--display);text-decoration:none}
body.v4-auth .auth-back svg,body.v4-account .topbar .account-link svg{width:18px;height:18px}
:root[data-theme=dark] body.v4-auth .auth-back,:root[data-theme=dark] body.v4-account .topbar .account-link{color:var(--gold,#FFC93C)}
body.v4-auth .auth-card{padding:0!important;border:0;background:none;box-shadow:none;display:flex;flex:1;flex-direction:column;min-height:0}
body.v4-auth :is(#signup-panel,#verify-panel){display:flex;flex-direction:column;flex:1;min-height:0;gap:16px}
body.v4-auth .auth-heading{display:grid;gap:6px}
body.v4-auth h1{font:400 36px/1.1 var(--display);margin:0;color:var(--ink)}
body.v4-auth #signup-title{color:var(--account-link,#5A37E6)}
:root[data-theme=dark] body.v4-auth #signup-title{color:var(--gold,#FFC93C)}
body.v4-auth :is(.auth-lead,.age-note,.terms){font:400 13px/1.5 var(--body);color:var(--muted);margin:0}
body.v4-auth .auth-form{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0}
body.v4-auth .auth-field{display:grid;gap:6px;font:600 13px/1.4 var(--body)}
body.v4-auth #signup-email{height:54px;min-height:54px;width:100%;padding:0 14px;border:0;border-radius:16px;background:var(--raised);color:var(--ink);box-shadow:0 4px 0 var(--base,var(--sunk));font:400 19px/1.4 var(--body);direction:ltr;text-align:right}
body.v4-auth #signup-email:focus{outline:3px solid var(--gold,#FFC93C);outline-offset:0}
body.v4-auth .terms{display:flex;align-items:center;gap:8px;min-height:30px;color:var(--ink)}
body.v4-auth .terms input{appearance:none;width:24px;height:24px;border-radius:8px;background:var(--raised);border:2px solid var(--line);margin:0;flex:none;display:grid;place-content:center;cursor:pointer}
body.v4-auth .terms input:checked{background:var(--gold,#FFC93C);border-color:var(--gold,#FFC93C)}
body.v4-auth .terms input:checked::after{content:"✓";font:400 20px/1 var(--display);color:#2A1500}
body.v4-auth :is(.terms a,.auth-link,.auth-legal a){color:var(--account-link,#5A37E6);text-decoration:none;font-weight:600}
body.v4-auth .auth-reason{margin:auto 0 0;padding:12px 14px;border-radius:18px;background:var(--purple,#7B5CFF);color:#fff;box-shadow:0 5px 0 #4A2FC0;font:600 13px/1.5 var(--body)}
body.v4-auth .auth-footer{padding-top:4px;flex:none}
body.v4-auth .auth-primary,body.v4-account :is(.primary,#account-save){width:100%;height:56px;min-height:56px;border:0;border-radius:18px;background:var(--gold,#FFC93C);color:#14102E;box-shadow:0 5px 0 #D29B00;font:400 22px/1 var(--display);cursor:pointer;transition:transform .08s,box-shadow .08s}
body.v4-auth .auth-primary:active:not(:disabled),body.v4-account :is(.primary,#account-save):active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #D29B00}
body.v4-auth .auth-primary:disabled{background:var(--sunk)!important;color:var(--muted)!important;box-shadow:none!important;opacity:1!important;cursor:default}
body.v4-auth .verify-description{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
body.v4-auth #verify-email{font-weight:700;color:var(--ink);overflow-wrap:anywhere}
body.v4-auth #verify-back{min-height:30px;padding:0 4px}
body.v4-auth #verify-form{gap:14px}
body.v4-auth .auth-code-body{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:14px;flex:1;padding-block:14px}
body.v4-auth .auth-mail{display:grid;place-items:center;width:76px;height:76px;margin-inline:auto;border-radius:24px;background:var(--gold,#FFC93C);color:#2A1500;box-shadow:0 4px 0 #D29B00}
body.v4-auth .auth-mail svg{width:38px;height:38px}
body.v4-auth .otp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;direction:ltr;width:100%;margin:0;max-width:none}
body.v4-auth .otp-grid input{height:66px;min-height:0;min-width:0;width:100%;padding:0;border:0!important;border-radius:16px;background:var(--raised)!important;color:var(--ink)!important;box-shadow:0 4px 0 var(--base,var(--sunk));font:400 30px/1 var(--display)!important;letter-spacing:0;text-align:center;direction:ltr;opacity:1}
body.v4-auth .otp-grid input[data-filled=true]{border:0!important}
body.v4-auth .otp-grid input:focus{border:0!important;outline:none!important;box-shadow:0 0 0 3px var(--gold,#FFC93C),0 4px 0 var(--sunk)}
body.v4-auth #verify-resend{min-height:30px;padding:0;margin:0;width:auto;align-self:center;font:400 16px/1.3 var(--display)}
body.v4-auth #verify-resend:after{content:none}
body.v4-auth #verify-junk{text-align:center;font:400 12px/1.5 var(--body)}
body.v4-auth .auth-error{font:600 12px/1.5 var(--body);margin:0;color:var(--wrong,#E5484D)}
body.v4-auth .auth-legal{display:flex;justify-content:center;min-height:30px;margin-top:10px;font:400 12px/1.4 var(--body)}
body.v4-auth .auth-legal a{display:flex;align-items:center;min-height:30px}
body.v4-account #app{padding:max(6px,var(--hy-safe-top,0px)) max(16px,var(--hy-safe-right,0px)) max(12px,var(--hy-content-bottom,0px)) max(16px,var(--hy-safe-left,0px));display:flex;flex-direction:column;gap:12px;overflow:visible}
body.v4-account .topbar.approved-appbar{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;min-height:36px;padding:0;background:none}
body.v4-account .topbar .account-link{justify-self:start}
body.v4-account .account-title{font:400 34px/1.1 var(--display);margin:0;grid-column:2}
body.v4-account .account-content{display:flex;flex:1;flex-direction:column;gap:12px;max-width:none;padding:0;margin:0;width:100%;overflow:visible}
body.v4-account .account-actions{display:grid;gap:12px;width:100%}
body.v4-account .account-top{display:flex;align-items:center;gap:12px;min-height:60px}
body.v4-account .account-avatar{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;font:400 30px/1 var(--display);box-shadow:0 4px 0 var(--blue-deep,#1A3AB8);flex:none}
body.v4-account .account-top>div{display:grid;gap:2px;min-width:0}
body.v4-account .account-top h2{font:400 26px/1.1 var(--display);margin:0;color:var(--ink);overflow-wrap:anywhere}
body.v4-account .account-email{font:400 13px/1.4 var(--body);color:var(--muted);direction:ltr;unicode-bidi:isolate;text-align:right;margin:0;overflow-wrap:anywhere}
body.v4-account #account-edit-open{font:400 15px/1.3 var(--display);min-height:30px;padding:0;text-align:start;border:0;background:none;color:var(--account-link,#5A37E6);box-shadow:none}
body.v4-account #account-edit-open:after{content:none}
body.v4-account .account-statistics,body.v4-account #history-list{min-height:78px}
body.v4-account #history-list{display:grid;align-content:start;gap:10px;font:400 13px/1.5 var(--body);color:var(--muted)}
body.v4-account .account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;width:100%;min-height:78px}
body.v4-account .account-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;border:0;border-radius:20px;background:var(--raised);box-shadow:0 4px 0 var(--base,var(--sunk));text-align:center}
body.v4-account .account-stats dd{font:400 26px/1.1 var(--display);color:var(--ink);margin:0;direction:ltr;unicode-bidi:isolate}
body.v4-account .account-stats dt{font:400 12px/1.4 var(--body);color:var(--muted)}
body.v4-account .account-settings-group{display:block;background:var(--raised);border:0;border-radius:20px;box-shadow:0 4px 0 var(--base,var(--sunk));overflow:hidden}
body.v4-account .account-settings-group>.account-settings{border:0;background:none;border-radius:0}
body.v4-account .account-settings>.account-setting,body.v4-account .account-info-group summary{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:400 17px/1.3 var(--display);text-align:start;text-decoration:none;box-shadow:none}
body.v4-account .account-info-group:last-child summary{border-bottom:0}
body.v4-account .account-info-group{padding:0;border:0}
body.v4-account .account-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;color:#fff;box-shadow:0 3px 0 rgba(14,19,36,.18)}
body.v4-account .account-icon svg{width:19px;height:19px;color:inherit}
body.v4-account .account-icon-ink{background:#0A0630}.v4-account .account-icon-purple{background:#7B5CFF}.v4-account .account-icon-blue{background:#2D5BFF}.v4-account .account-icon-green{background:#14B88A}.v4-account .account-icon-gold{background:#FFC93C;color:#2A1500}
body.v4-account .account-setting>span:nth-child(2){flex:1;min-width:0}
body.v4-account #account-theme{width:auto;max-width:48%;min-height:30px;padding:0;border:0;border-radius:0;background:none;color:var(--muted);font:400 12px/1.4 var(--body);cursor:pointer}
body.v4-account .account-chevron{margin-inline-start:auto;font:400 24px/1 var(--body);color:var(--muted)}
body.v4-account .account-switch{width:50px;height:30px;padding:3px;display:flex;flex:none;direction:ltr;border:0;border-radius:999px;background:var(--line)}
body.v4-account .account-switch:after{content:"";width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 0 var(--sunk)}
body.v4-account #account-sound[aria-checked=true] .account-switch{background:#14B88A;justify-content:flex-end}
body.v4-account #account-sound[aria-checked=false] .account-switch{justify-content:flex-start}
body.v4-account .account-info-group nav{display:grid;gap:0;padding:0 14px 6px}
body.v4-account .account-info-group nav a{display:flex;align-items:center;min-height:36px;color:var(--account-link,#5A37E6);font:400 13px/1.4 var(--body);text-decoration:none}
body.v4-account .account-bottom-links{display:flex;justify-content:space-between;align-items:center;gap:12px}
body.v4-account .account-bottom-links :is(#account-delete,#account-logout){position:static!important;display:block;width:auto;height:auto;min-height:30px;padding:0;border:0!important;border-radius:0;background:none!important;color:var(--account-link,#5A37E6)!important;font:400 16px/1.3 var(--display)!important;box-shadow:none!important;cursor:pointer;margin:0}
body.v4-account .account-bottom-links #account-delete{color:var(--wrong,#E5484D)!important;outline:none}
body.v4-account .account-notice{font:400 12px/1.5 var(--body);color:var(--muted);margin:0}
body.v4-account .account-tabs{display:flex;justify-content:space-around;gap:8px;flex:none;margin-top:auto;padding:9px 8px 5px;border-radius:20px;background:var(--raised);box-shadow:inset 0 0 0 1.5px var(--line)}
body.v4-account .account-tabs a{display:grid;justify-items:center;gap:2px;flex:1;min-height:40px;color:var(--muted);font:600 11px/1.3 var(--body);text-decoration:none}
body.v4-account .account-tabs svg{width:22px;height:22px}
body.v4-account .account-tabs a[aria-current=page]{color:var(--account-link,#5A37E6)}
:root[data-theme=dark] body.v4-account .account-tabs a[aria-current=page]{color:#FFC93C}
body.v4-account #app:has(#signed-in[hidden]) .account-signed-only{display:none}
body.v4-account .account-profile-edit{display:grid;gap:12px;padding:14px;border:0;border-radius:20px;background:var(--raised);box-shadow:0 4px 0 var(--sunk)}
body.v4-account .account-profile-edit h2{font:400 24px/1.2 var(--display);margin:0}
body.v4-account .account-profile-edit .field{display:grid;gap:6px;font:600 13px/1.4 var(--body)}
body.v4-account #account-nickname{height:48px;min-height:48px;border:1.5px solid var(--line);border-radius:16px;padding:0 12px;background:var(--surface);color:var(--ink);font:400 18px/1.4 var(--body)}
body.v4-account .account-colours{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;border:0}
body.v4-account .account-colours legend{font:600 13px/1.4 var(--body);margin-bottom:8px}
body.v4-account .account-colour{width:48px;height:48px;border:2px solid transparent;border-radius:16px;background:var(--choice);color:var(--choice-ink);font:400 26px/1 var(--display);cursor:pointer}
body.v4-account .account-colour[aria-pressed=true]{outline:3px solid #FFC93C;outline-offset:2px}
body.v4-account .account-advanced summary{font:400 16px/1.4 var(--display);min-height:30px;cursor:pointer}
body.v4-account .account-profile-edit .row{display:flex;gap:8px;flex-wrap:wrap}
body.v4-account .account-profile-edit .row>*{flex:1}
body.v4-account .account-guest{display:grid;gap:12px;border:0;background:var(--raised);padding:16px;border-radius:20px;box-shadow:0 4px 0 var(--sunk)}
body.v4-account .account-guest h2{font:400 30px/1.2 var(--display);margin:0}
body.v4-account .account-guest p{font:400 13px/1.5 var(--body);margin:0;color:var(--muted)}
body.v4-account #account-confirm{width:min(calc(100% - 24px),456px);padding:20px;border:0;border-radius:26px;background:var(--raised);color:var(--ink);box-shadow:0 5px 0 var(--sunk)}
body.v4-account #account-confirm::backdrop{background:rgba(3,2,15,.6)}
body.v4-account #account-confirm h2{font:400 30px/1.1 var(--display);margin:0}
body.v4-account #account-confirm p{font:400 13px/1.5 var(--body)}
body.v4-account #account-confirm .actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}
body.v4-account #account-confirm button{min-height:48px;border:0;border-radius:16px;font:400 20px/1 var(--display);cursor:pointer}
body.v4-account #delete-cancel{background:var(--raised);color:var(--ink);box-shadow:0 4px 0 var(--sunk)}
body.v4-account #delete-confirm{background:#E5484D;color:#fff;box-shadow:0 5px 0 #A72830}
body.v4-account :is(.secondary,.text-button){font-family:var(--display);font-weight:400;font-synthesis:none}
body.v4-account :is(.auth-link,.account-setting,.account-bottom-links button,.account-tabs a):active{transform:translateY(1px)}
body.v4-auth [hidden],body.v4-account [hidden]{display:none!important}
@media(max-height:620px){body.v4-auth :is(#signup-panel,#verify-panel){gap:10px}body.v4-auth .auth-shell{gap:5px;padding-bottom:max(12px,var(--hy-content-bottom,0px))}body.v4-auth .auth-heading{gap:3px}body.v4-auth h1{font-size:32px}body.v4-auth .auth-form{gap:8px}body.v4-auth .auth-code-body{gap:10px;padding-block:6px}body.v4-auth .auth-mail{width:60px;height:60px;border-radius:20px}body.v4-auth .auth-mail svg{width:30px;height:30px}body.v4-auth .otp-grid input{height:56px}body.v4-auth .auth-legal{margin-top:6px}body.v4-account #app{gap:8px}body.v4-account .account-content,body.v4-account .account-actions{gap:8px}body.v4-account .account-settings>.account-setting,body.v4-account .account-info-group summary{min-height:48px;padding-block:8px}body.v4-account .account-title{font-size:30px}body.v4-account .account-top{min-height:52px}body.v4-account .account-avatar{width:52px;height:52px}body.v4-account .account-tabs{padding-top:6px}}
@media(prefers-reduced-motion:reduce){body.v4-auth *,body.v4-account *{transition:none!important;animation:none!important}}
@media(max-height:620px){body.v4-account #app,body.v4-account .account-content,body.v4-account .account-actions{gap:6px}body.v4-account .account-settings>.account-setting,body.v4-account .account-info-group summary{min-height:38px;padding-block:4px}body.v4-account .account-statistics,body.v4-account #history-list,body.v4-account .account-stats{min-height:60px}body.v4-account .account-stats>div{padding-block:6px;gap:2px}body.v4-account .account-stats dd{font-size:23px}body.v4-account .account-stats dt{font-size:11px}body.v4-account .account-top h2{font-size:22px}body.v4-account .account-email{font-size:12px}body.v4-account #account-edit-open{font-size:14px;min-height:0;position:relative}body.v4-account #account-edit-open:after{content:"";position:absolute;inset:-6px 0}body.v4-account .account-avatar{width:48px;height:48px}body.v4-account .account-tabs{padding-block:5px}body.v4-account .account-tabs a{min-height:34px}}
body.v4-auth .auth-shell{background:transparent!important}
:root[data-theme=dark] body.v4-auth,:root[data-theme=dark] body.v4-account{--account-link:#B9C6FF}
/* V4 phone containment and sentence faces win earlier layout-specific selectors. */
#app:is(:has(.rd-home),:has(.rd-library),:has(.game-show-referee),:has(main.setup),:has(.rd-bonus.is-referee),:has(.rd-result.is-referee)){max-width:480px;background-color:transparent}
.game-show-home .home-game-description{font:600 13.5px/1.5 var(--body);color:#fff}
.game-show-home .home-duo-card>strong{font:400 20px/1 var(--display)}
.game-show-home .home-duo-card>small{font:600 11.5px/1.4 var(--body)}
#app .rd-stage.game-show-referee{padding:0 18px 12px;background:transparent;height:100dvh}
@media(max-height:620px){#app .rd-stage.game-show-referee{padding:0 14px 10px}}
@layer approved-priority{.game-show-referee .rd-row.found{color:#FFF!important;--team-ink:#FFF!important}.game-show-referee .rd-row.found :is(.rd-row-text,.rd-row-text *,.rd-chip){color:#FFF!important}}
.adjustment-clocks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.adjustment-clocks .rd-clock{display:grid;justify-items:center;padding:10px;background:var(--sunk);border-radius:16px}.adjustment-clocks .rd-clock-actions{display:flex;gap:8px}.adjustment-clocks .rd-clock-time{font:400 24px var(--display)}
/* FIX7 auth/account03: match the existing approved-priority layer. */
@layer approved-priority{
body.v4-auth{background-color:var(--surface)!important;background-image:var(--stage-image,none)!important;color:var(--ink)!important}
body.v4-auth .auth-shell{background:transparent!important}
body.v4-auth .otp-grid input,body.v4-auth .otp-grid input[data-filled=true]{border:0!important;background:var(--raised)!important;color:var(--ink)!important}
body.v4-auth .otp-grid input:focus{border:0!important;outline:none!important;box-shadow:0 0 0 3px var(--gold,#FFC93C),0 4px 0 var(--base)}
body.v4-account .account-bottom-links #account-delete{border:0!important;background:none!important}
}
body.v4-account #app>.topbar.approved-appbar{display:grid;grid-template-columns:1fr auto 1fr}
#app .rd-result{background:transparent;padding:0 18px 14px;height:100dvh}
#app .rd-result>.approved-appbar{background:transparent;padding:6px 0;height:46px;min-height:40px}
#app .rd-result-inner{display:flex;flex-direction:column;gap:14px;padding:12px 0;overflow:auto;min-height:0;flex:1}
#app .result-podium{display:grid;justify-items:center;text-align:center;padding:8px 0 0;gap:6px}
#app .winner-label{font:600 14px var(--body);color:var(--muted)}
#app .rd-result-title{font:400 66px/1.05 var(--display);color:#5A37E6;margin:0}html[data-theme=dark] #app .rd-result-title{color:var(--gold)}
#app .result-podium>p{font:400 13px/1.5 var(--body);margin:0;color:var(--muted)}
#app .rd-final-rows{display:flex;gap:12px}
#app .rd-final-row{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:center;padding:14px 10px 10px;background:var(--team-color);border:0;border-radius:20px;box-shadow:0 5px 0 color-mix(in srgb,var(--team-color) 70%,#000);color:#FFF}
#app .rd-final-row .rd-team-name{font:600 14px var(--body);color:#FFF}#app .rd-final-row strong{font:400 40px/1 var(--display);color:#FFF}#app .rd-final-row .rd-dot,#app .rd-final-row .result-score-track{display:none}
.result-category-rows{display:grid;gap:6px}.result-category-row{display:flex;align-items:center;gap:8px;height:42px;border:1.5px solid var(--line);border-radius:13px;padding:0 6px;background:var(--raised);box-shadow:0 3px 0 var(--base);font:400 15px var(--display)}
.result-category-art{width:30px;height:30px;overflow:hidden;border-radius:9px;flex:none}.result-category-art img,.result-category-art picture{display:block;width:100%;height:100%;object-fit:cover}
.result-category-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-category-score{min-width:52px;text-align:center;border-radius:8px;padding:4px 0 2px;color:#FFF;background:var(--team-color);font:400 15px/1 var(--display)}.result-category-score.is-zero{background:none;color:var(--muted)}
#app .result-footer{background:transparent;position:static;display:flex;gap:12px;padding:12px 0 4px;border:0;flex:none}#app .result-footer .rd-btn{min-height:54px;height:54px;border-radius:18px;flex:1;font:400 24px/1 var(--display)}
@media(max-height:620px){#app .rd-result{padding:0 14px 10px}#app .rd-result-inner{gap:10px;padding:6px 0}#app .result-podium{padding:0;gap:3px}#app .rd-result-title{font-size:48px}#app .rd-final-row{padding:8px;gap:3px}#app .rd-final-row strong{font-size:30px}.result-category-row{height:34px;font-size:14px;gap:6px}.result-category-art{width:24px;height:24px}.result-category-score{font-size:14px;min-width:42px}#app .result-footer .rd-btn{height:46px;min-height:46px;font-size:20px}}
.show-trap-stamp{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-8deg);z-index:20;background:#E5484D;color:#FFF;padding:18px 34px 6px;border-radius:26px;box-shadow:0 8px 0 #9A1D22;font:400 76px/1 var(--display);pointer-events:none}
dialog.game-feedback.is-trap{background:#E5484D!important;color:#FFF!important;background-image:none!important}dialog.game-feedback .rd-moment-art{display:none}dialog.game-feedback .feedback-title{font:400 80px/1 var(--display)}dialog.game-feedback .feedback-points{font-family:var(--display);font-weight:400}dialog.game-feedback .rd-moment-confetti i{animation-duration:1.2s;animation-iteration-count:1}
@layer approved-priority{body.v4-auth .otp-grid input:focus{box-shadow:0 0 0 3px var(--gold),0 4px 0 var(--base)!important}}
#app .game-show-referee::before,#app .game-show-referee::after{position:absolute;inset:0;content:'';z-index:-1;pointer-events:none;transition:opacity .5s;opacity:0}
html[data-theme=dark] #app .game-show-referee::before{background:radial-gradient(70% 36% at 50% 0%,#2D5BFF6B,transparent 75%);opacity:1}
html[data-theme=dark] #app .game-show-referee::after{background:radial-gradient(70% 36% at 50% 0%,#FF4F9A5C,transparent 75%)}
html[data-theme=dark] #app .game-show-referee[data-current="1"]::before{opacity:0}html[data-theme=dark] #app .game-show-referee[data-current="1"]::after{opacity:1}
@media(prefers-reduced-motion:reduce){#app .game-show-referee::before,#app .game-show-referee::after{transition:opacity .15s}}
/* FIX7 auth/account05: existing delete dialog, V4 heading and solid buttons. */
body.v4-account #account-confirm .sheet-head{padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:var(--ink)}
@layer approved-priority{
body.v4-account #account-confirm .sheet-head{background:none!important;color:var(--ink)!important;box-shadow:none!important}
body.v4-account #delete-confirm{background:#E5484D!important;color:#FFF!important;box-shadow:0 5px 0 #A72830!important}
body.v4-account #delete-cancel{background:#FFF!important;color:#14102E!important;box-shadow:0 4px 0 var(--base)!important}
body.v4-account #account-save{background:#FFC93C!important;color:#14102E!important;box-shadow:0 5px 0 #D29B00!important}
}
#app .show-entry{padding:0 18px 18px;min-height:calc(100dvh - 58px);display:flex;flex-direction:column;overflow:hidden}
#app .show-entry>.content{padding:16px 0 6px;display:flex;flex:1;flex-direction:column;gap:12px;width:100%;max-width:480px;margin:0;background:transparent;border:0;box-shadow:none;text-align:start}
.show-entry h1{font:400 38px/1.1 var(--display);margin:0;color:var(--ink)}.show-entry p{font:400 14px/1.55 var(--body);color:var(--muted);margin:0}
.referee-code-fields{position:relative;display:block;width:264px;max-width:100%;height:64px;margin:14px auto;direction:ltr}
.code-boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:absolute;inset:0}.code-boxes i{border:1.5px solid var(--line);border-radius:14px;background:var(--raised);box-shadow:0 4px 0 var(--base)}
#app .referee-code-fields #game-link{position:absolute;inset:0;width:100%;height:100%;min-height:30px;background:transparent;color:var(--ink);border:0;border-radius:14px;box-shadow:none;padding:0 0 0 20px;font:400 34px/1 var(--display);letter-spacing:39px;direction:ltr;text-align:left;outline:none;overflow:hidden;text-transform:uppercase}
.referee-code-fields:focus-within .code-boxes i:first-child{outline:3px solid var(--gold)}.referee-code-fields.has-error .code-boxes i{border-color:#E5484D}.show-entry #entry-error:empty{display:none}.show-entry #entry-error{color:#E5484D}
.show-entry #scan-referee{min-height:54px;font:400 22px var(--display);border-radius:18px;display:flex;align-items:center;justify-content:center;gap:8px}.show-entry .entry-single-use{background:var(--raised);border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:8px}
.show-entry #check-code{margin-top:auto;flex:none;height:60px;width:100%;font:400 28px/1 var(--display);border-radius:20px}
.connecting-steps{display:grid;gap:10px;padding:0;list-style:none}.connecting-steps li{display:flex;gap:10px;align-items:center;background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:14px;font:400 20px var(--display)}.connecting-steps .ui-icon{color:#14B88A}
.referee-camera{display:grid;gap:12px}.referee-camera video{width:100%;max-height:60dvh;object-fit:cover;border:2px solid var(--gold);border-radius:18px;background:#000}.referee-camera p{color:var(--wrong);font:400 14px var(--body)}
@media(max-height:620px){#app .show-entry{min-height:calc(100dvh - 44px);padding:0 14px 14px}.show-entry h1{font-size:32px}.show-entry #check-code{height:50px}.referee-code-fields{margin-block:8px}}
#app .rd-public .rd-banner>.rd-question-category{display:inline-block;background:var(--gold);color:#2A1500;font:400 22px/1 var(--display);padding:5px 16px 2px;border-radius:11px;box-shadow:0 3px 0 var(--gold-deep)}
#app .rd-public .rd-banner-row h1{font:400 54px/1.1 var(--display);padding:10px 40px 6px;max-height:126px;white-space:normal;text-wrap:balance}
#app .rd-public .rd-pub-team>strong{display:block;width:100%;align-self:stretch;max-width:none;min-width:0;margin:0;background:#05062380;text-align:center;color:#FFF}
#app .rd-public .rd-pub-team.is-active>strong{color:#FFD54A}
#app .rd-public .tv-team-copy{width:100%}#app .rd-public .rd-pub-team .podium-helper-dots{order:3;margin-top:10px;gap:6px}#app .rd-public .podium-helper-dots i{width:12px;height:12px}
@layer approved-priority{.rd-public .rd-row.found{color:#FFF!important;--team-ink:#FFF!important}.rd-public .rd-row.found :is(.rd-chip,.rd-chip *,.rd-row-text,.rd-row-text *){color:#FFF!important}}
#app .rd-stage.show-ready{height:100dvh;padding:0 18px 16px;background:transparent;display:flex;flex-direction:column;gap:0}
#app .show-ready .referee-heading{padding:12px 0;min-height:64px}.show-ready .referee-heading h1{font:400 32px/1.1 var(--display);margin:0;color:var(--ink)}
#app .show-ready .rd-scroll{display:flex;flex-direction:column;gap:14px;padding:0;overflow:auto;min-height:0;flex:1}
#app .show-ready .ready-connection{background:#14B88A;color:#FFF;border:0;border-radius:16px;box-shadow:0 4px 0 #087B5C;padding:14px;font:400 17px/1 var(--display)}.show-ready .ready-connection .ui-icon{color:#FFF}
#app .show-ready .rd-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;padding:0;margin:0}
#app .show-ready .ready-team{background:var(--team-color);color:#FFF;border:0;border-radius:18px;box-shadow:0 4px 0 color-mix(in srgb,var(--team-color) 70%,#000);padding:12px;display:grid;gap:8px;text-align:start;justify-items:start}.show-ready .ready-team strong{font:400 24px/1.1 var(--display)}.show-ready .ready-team small{font:600 13px/1.4 var(--body);color:inherit}
.ready-helper-icons{display:flex;gap:6px}.ready-helper-icons>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#0A0630;color:#fff}.ready-helper-icons>span[data-ready-aid=hint],.ready-helper-icons>span[data-ready-aid=extraTime]{background:var(--gold);color:#2A1500}.ready-helper-icons>span[data-ready-aid=twoAnswers]{background:#7B5CFF}.ready-helper-icons .ui-icon{width:18px;height:18px}
.ready-order header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ready-order h2{font:400 20px/1.1 var(--display);margin:0}.ready-order header small{font:400 13px/1.4 var(--body);color:var(--muted)}.ready-order ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.ready-order li{position:relative;aspect-ratio:1;background:var(--raised);border:0;border-radius:11px;box-shadow:0 3px 0 var(--base);overflow:hidden}.ready-order li.is-first{outline:3px solid var(--gold);outline-offset:0}.ready-order-art{position:absolute;inset:0}.ready-order-art img,.ready-order-art picture{width:100%;height:100%;display:block;object-fit:cover}.ready-order li>bdi{position:absolute;bottom:3px;left:3px;background:var(--gold);border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font:400 11px/1 var(--display);color:#2A1500}
#app .show-ready .first-question-card{display:flex;gap:12px;align-items:center;padding:14px;border-radius:18px;background:var(--raised);border:1.5px solid var(--line);box-shadow:0 4px 0 var(--base)}.show-ready .first-question-art{width:64px;height:64px;border-radius:14px;overflow:hidden;flex:none}.show-ready .first-question-art :is(img,picture){display:block;width:100%;height:100%;object-fit:cover}.show-ready .first-question-card>div:last-child{min-width:0;display:grid;gap:3px}.show-ready .first-question-card small{font:400 13px var(--display);background:#0A0630;color:#fff;padding:3px 8px;border-radius:7px;justify-self:start}.show-ready .first-question-card h2{font:400 20px/1.2 var(--display);margin:0}.show-ready .first-question-card p{font:400 13px/1.4 var(--body);margin:0;color:var(--muted)}
#app .show-ready .rd-bar{background:transparent;border:0;padding:16px 0 4px;flex:none}#app .show-ready .rd-bar>.rd-btn{width:100%;height:56px;min-height:30px;border-radius:20px;font:400 22px var(--display)}
#app .approved-wait{padding:26px 40px 40px;background:transparent;min-height:100dvh;color:#FFF}
#app .approved-wait .tv-heading{background:none;padding:0;border:0}.approved-wait .tv-heading>strong{font:400 44px var(--display);color:var(--gold)}
#app .approved-wait .waiting-layout{padding:30px 0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:center;width:100%}
#app .approved-wait .waiting-instructions{color:#FFF}.approved-wait .waiting-instructions h1{font:400 42px/1.15 var(--display);color:#FFF}.approved-wait .waiting-instructions p{font:400 20px/1.5 var(--body);color:var(--muted)}
#app .approved-wait .waiting-code{padding:12px 24px 6px;background:var(--gold);color:#2A1500;border-radius:16px;box-shadow:0 5px 0 var(--gold-deep);font:400 60px/1 var(--display);letter-spacing:5px}
#app .approved-wait .waiting-invite{padding:20px;background:var(--raised);border:1.5px solid var(--line);border-radius:24px;gap:18px;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 0 var(--base)}
#app .approved-wait .waiting-team{background:var(--team-color);color:#FFF;border:0;box-shadow:0 5px 0 color-mix(in srgb,var(--team-color) 70%,#000);font:400 32px/1 var(--display);border-radius:18px;padding:16px}
#app .approved-wait .waiting-category-art{border:0;border-radius:14px;overflow:hidden}.approved-wait .waiting-categories figure{background:#FFF;border-radius:16px;color:#14102E;box-shadow:0 6px 0 var(--base);padding-bottom:8px}.approved-wait .waiting-categories figcaption{font:400 20px/1.1 var(--display);color:#14102E}
@media(max-height:620px){#app .rd-stage.show-ready{padding:0 14px 14px}.show-ready .referee-heading h1{font-size:32px}#app .show-ready .referee-heading{min-height:52px;padding-block:8px}#app .show-ready .rd-scroll{gap:10px}#app .show-ready .ready-connection{font-size:17px;padding:10px}#app .show-ready .ready-team{padding:10px;gap:6px}.ready-order header{margin-bottom:8px}#app .show-ready .first-question-card{padding:10px}#app .show-ready .rd-bar>.rd-btn{height:50px}#app .show-ready .rd-bar{padding-top:12px}}
/* FIX7 auth/account06: auxiliary profile/guest/dialog states use the same V4 pieces. */
body.v4-account #account-confirm .sheet-head{margin:0 0 12px;padding:0}
body.v4-account #account-edit,body.v4-account #signed-out{background:var(--raised);color:var(--ink);border:0;box-shadow:0 4px 0 var(--base)}
body.v4-account .history-item{display:grid;gap:8px;padding:12px;border-radius:18px;background:var(--raised);box-shadow:0 4px 0 var(--base)}
body.v4-account .history-item h3{font:400 22px/1.2 var(--display)}
body.v4-account .history-item dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
body.v4-account .history-item dt{font:400 12px/1.5 var(--body);color:var(--muted)}
body.v4-account .history-item dd{font:400 22px/1.1 var(--display);margin:0;direction:ltr;unicode-bidi:isolate}
@layer approved-priority{body.v4-account #account-nickname:focus{outline:3px solid var(--gold)!important;outline-offset:0;box-shadow:0 4px 0 var(--base)!important}}
.referee-category-tag{display:inline-block;background:var(--gold);color:#2A1500;font:400 15px/1 var(--display);border-radius:9px;padding:4px 12px 2px;box-shadow:0 3px 0 var(--gold-deep);margin-bottom:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-height:780px){.referee-category-tag{font-size:13px;padding:3px 10px 1px;margin-bottom:6px}}
html[data-theme=dark]{--rd-btn:var(--gold)}
@layer approved-priority{#app :is(.rd-btn.primary,button.primary,a.primary,.rd-btn.gold,.rd-play){background:var(--gold)!important;color:#2A1500!important;box-shadow:0 5px 0 var(--gold-deep)!important}#app :is(.rd-btn.primary,button.primary,a.primary,.rd-btn.gold,.rd-play):active{box-shadow:0 2px 0 var(--gold-deep)!important}#app :is(.rd-btn.primary,button.primary,a.primary,.rd-btn.gold,.rd-play):disabled{background:var(--sunk)!important;color:var(--muted)!important;box-shadow:none!important}}
.saved-categories li>span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.saved-categories{display:flex;gap:8px}.saved-categories li{flex:none}.saved-category-art{width:42px;height:42px;border-radius:12px;overflow:hidden}
.approved-stepper{display:none}
#app .rd-public .rd-banner{position:absolute;top:100px;left:40px;right:40px;width:auto;margin:0}
#app .rd-public .rd-board-wrap{position:absolute;top:276px;left:290px;right:290px;margin:0}
#app .rd-public .rd-row{height:var(--show-row-height,52px);min-height:0}
#app .rd-public .rd-row-text{font:400 calc(27px * var(--fit,1))/1 var(--display);min-width:0;overflow:hidden}
#app .rd-public .answer-name,#app .rd-public .answer-arabic{font:inherit;white-space:normal;overflow-wrap:anywhere}
#app .rd-public .answer-english{font:400 16px/1.1 var(--body);color:inherit}
#app .game-show-referee .referee-prompt{max-height:none;overflow:visible}#app .game-show-referee .referee-prompt .question{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#app .game-show-referee .is-folded .referee-prompt .question{-webkit-line-clamp:1}
#app .approved-wait .waiting-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch}#app .approved-wait .waiting-categories figure{min-width:0;display:flex;flex-direction:column;gap:6px;margin:0}#app .approved-wait .waiting-categories figcaption{min-width:0;white-space:normal;overflow-wrap:anywhere;padding:0 5px;text-align:center;line-height:1.15}#app .approved-wait .waiting-category-art{width:100%;aspect-ratio:3/4;height:auto}
#app{position:relative}
.tv-question-intro{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(60% 40% at 50% 0%,#8C78FF5C,transparent 75%),linear-gradient(#1A1158,#0D0835 75%);color:#FFF;pointer-events:none}
.tv-question-intro>small{font:400 28px/1 var(--display);color:var(--gold)}.intro-category-art{width:200px;height:240px;overflow:hidden;border-radius:26px;box-shadow:0 7px 0 #0A0630}.intro-category-art img,.intro-category-art picture{width:100%;height:100%;display:block;object-fit:cover}.tv-question-intro h1{font:400 58px/1.1 var(--display);margin:0}.intro-starts{display:block;padding:14px 26px 8px;border-radius:18px;background:var(--team-color);color:#FFF;font:400 36px/1 var(--display);box-shadow:0 5px 0 color-mix(in srgb,var(--team-color) 70%,#000)}
.show-confetti,.rd-bonus-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:10}.show-confetti i,.rd-bonus-sparks i{position:absolute;top:0;width:10px;height:16px;background:#FFC93C}.rd-bonus-sparks i:nth-child(2n){background:#FF4F9A}.rd-bonus-sparks i:nth-child(3n){background:#2D5BFF}
@layer approved-priority{#app .rd-bonus-key :is(.answer-name,.answer-arabic,.answer-english){color:#FFF!important;font-family:var(--display)!important;font-weight:400!important}}
#app .referee-code-fields #game-link{color:transparent;caret-color:transparent;letter-spacing:normal;padding:0}.code-boxes i{display:grid;place-items:center;font:400 34px/1 var(--display);color:var(--ink)}.referee-code-fields:focus-within .code-boxes i:first-child{outline:none}.code-boxes i.is-active{outline:3px solid var(--gold)}
#app .game-show-referee .rd-question{display:flex;flex-direction:column;align-items:center;gap:6px}.referee-category-tag{margin-bottom:0}
#app :is(.rd-score,.rd-clock-time,.show-clock b,.rd-final-row strong,.rd-pub-team>strong,.waiting-code,.bonus-offer-clock,.rd-btn,.rd-num,.rd-chip){font-weight:400}
@layer approved-priority{#app .rd-bonus-key .answer-arabic{font:400 30px/1.2 var(--display)!important;color:#FFF!important}}
@media(max-height:620px){#app .game-show-referee .rd-question{margin-top:6px}#app .game-show-referee .rd-list{margin-top:6px}#app .game-show-referee .show-active-helpers{margin-top:7px}#app .game-show-referee .rd-team.is-active .rd-team-name{margin-top:0}#app .game-show-referee .rd-answers[style*="--answer-rows:6"]{row-gap:5px}#app .game-show-referee .rd-answers[style*="--answer-rows:6"] .rd-row{height:30px}#app .game-show-referee .rd-bar{padding-bottom:2px}#app .game-show-referee .rd-bar>.rd-btn{height:48px}}
/* Disclosed hints and full reading retain their server data without expanding the board. */
#app .rd-row-hint{display:block;font:400 12px/1.2 var(--body);color:inherit;white-space:normal;overflow-wrap:anywhere}
#app .rd-row:has(.rd-row-hint) .rd-row-text{min-width:0;line-height:1.1}
.full-question{font:400 26px/1.4 var(--display);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
/* Real long bilingual titles reserve paired tracks; ordinary V4 boards keep their authored geometry. */
#app .rd-public.has-long-answers .tv-heading{padding:6px 20px;height:44px;min-height:44px}
#app .rd-public.has-long-answers .tv-heading>strong{font-size:34px}#app .rd-public.has-long-answers .tv-heading .rd-count{font-size:18px}#app .rd-public.has-long-answers .tv-question-time{font-size:18px}
#app .rd-public.has-long-answers .rd-banner{top:50px;gap:4px;left:20px;right:20px}
#app .rd-public.has-long-answers .rd-banner>.rd-question-category{font-size:18px}
#app .rd-public.has-long-answers .rd-banner-row{padding:7px;border-radius:18px}
#app .rd-public.has-long-answers .rd-banner-row h1{padding:6px 18px 2px;border-radius:12px}
#app .rd-public.has-long-answers .rd-pub-team{width:140px;top:210px;padding:12px 8px;gap:6px}
#app .rd-public.has-long-answers .rd-pub-team[data-team="0"]{right:20px}#app .rd-public.has-long-answers .rd-pub-team[data-team="1"]{left:20px}
#app .rd-public.has-long-answers .rd-pub-team .rd-team-name{font-size:18px;line-height:1.25}
#app .rd-public.has-long-answers .rd-pub-team>strong{font-size:44px;padding:10px 0 4px}
#app .rd-public.has-long-answers .tv-turn{bottom:16px;gap:20px}#app .rd-public.has-long-answers .show-clock{width:76px;height:76px}#app .rd-public.has-long-answers .show-clock b{font-size:28px}#app .rd-public.has-long-answers .show-clock small{font-size:10px}
#app .rd-public.has-long-answers .show-strikes i{width:36px;height:36px;font-size:24px}
#app .rd-public .rd-team-name .rd-fit{font:inherit;white-space:normal;overflow-wrap:anywhere}
#app .rd-public .rd-team-name{display:block;width:100%;overflow-wrap:anywhere}
#app .rd-public .rd-team-name>.rd-dot{display:none}
#app .rd-public .rd-banner .rd-images{height:56px;max-height:56px;min-height:0;gap:8px}
#app .rd-public .rd-banner .rd-images .idm-image{height:56px;max-height:56px;min-height:0;width:auto;max-width:46%}
#app .rd-public .rd-banner .rd-images img{display:block;height:56px;max-height:56px;width:auto;max-width:100%;object-fit:contain}
#app .game-show-referee .rd-images{display:flex;justify-content:center;height:64px;min-height:0;gap:6px;width:100%}
#app .game-show-referee .rd-images .idm-image{height:64px;min-height:0;max-width:48%;border-radius:10px}
#app .game-show-referee .rd-images img{height:100%;width:auto;max-width:100%;object-fit:contain}
@media(max-height:620px){#app .game-show-referee .rd-images,#app .game-show-referee .rd-images .idm-image{height:48px}}
/* Persistent app layers cross-fade the active team's spotlight without rebuilding motion owners. */
#app{isolation:isolate}
html[data-theme=dark] #app:has(.game-show-referee),#app:has(.rd-public){background-image:linear-gradient(#1A1158,#0D0835 75%)}
#app::before,#app::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 500ms ease}
#app::before{background:radial-gradient(70% 34% at 50% 0%,#2D5BFF61,transparent 75%)}
#app::after{background:radial-gradient(70% 34% at 50% 0%,#FF4F9A61,transparent 75%)}
html[data-theme=dark] #app:has(.game-show-referee[data-current="0"])::before,#app:has(.rd-public[data-current="0"])::before{opacity:1}
html[data-theme=dark] #app:has(.game-show-referee[data-current="1"])::after,#app:has(.rd-public[data-current="1"])::after{opacity:1}
@media(prefers-reduced-motion:reduce){#app::before,#app::after{transition-duration:150ms}}
#app .approved-appbar :is(#back,#leave-room-direct){font:400 15px/1.2 var(--display)}
#app:not(:has(.game-show-referee,.rd-public))::before,#app:not(:has(.game-show-referee,.rd-public))::after,html:not([data-theme=dark]) #app:has(.game-show-referee)::before,html:not([data-theme=dark]) #app:has(.game-show-referee)::after{display:none}
@media(prefers-reduced-motion:reduce){#app::before,#app::after{transition-duration:150ms!important}}
#app .game-show-referee .referee-prompt{min-height:30px}
/* A toast has one vertical anchor; the legacy top inset must not stretch it. */
#ref-confirm{top:auto;height:auto;min-height:0;max-width:min(calc(100vw - 36px),444px)}
#app .show-arrived .arrived-panel{margin:40px auto 0;width:min(100%,1060px);min-height:440px;border-radius:34px;background:#14B88A;box-shadow:0 7px 0 #087B5C;color:#FFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:38px}
.arrived-panel h1{font:400 76px/1 var(--display);margin:0;color:#FFF}.arrived-panel>p{font:400 23px/1.5 var(--body);margin:0;color:#FFF}.arrived-panel .waiting-teams{width:min(100%,700px);display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
#app .approved-wait .waiting-team small{display:block;font:600 14px/1.4 var(--body);margin-top:6px;color:inherit}
.result-tv-summary{font:400 22px/1 var(--display);color:var(--muted)}
.rd-bonus.public-stage .rd-bonus-head{display:flex;justify-content:space-between;font:400 26px/1 var(--display);color:#FFC93C}.rd-bonus.public-stage .rd-bonus-head>strong{font:400 44px/1 var(--display)}
.v4-tv-stakes{display:flex;justify-content:center;gap:80px}.v4-tv-stakes>span{display:flex;flex-direction:column;align-items:center;gap:4px}.v4-tv-stakes bdi{font:400 64px/1 var(--display)}.v4-tv-stakes small{font:600 20px/1.4 var(--body)}
/* At extreme TV text density the same podiums become horizontal footer blocks. */
#app .rd-public.has-wide-board .rd-banner{top:62px}
#app .rd-public.has-wide-board .rd-banner>.rd-question-category{position:absolute;top:-49px;left:50%;transform:translateX(-50%)}
#app .rd-public.has-wide-board .rd-pub-team{top:auto;bottom:16px;height:76px;width:calc((100% - 260px)/2);display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px 12px}
#app .rd-public.has-wide-board .rd-pub-team .tv-team-copy{flex:1;min-width:0;gap:4px}
#app .rd-public.has-wide-board .rd-pub-team .rd-team-name{font:600 18px/1.2 var(--body)}
#app .rd-public.has-wide-board .rd-pub-team .podium-helper-dots{margin-top:2px;gap:4px}
#app .rd-public.has-wide-board .rd-pub-team>strong{width:140px;min-width:0;flex:none;align-self:center;font-size:44px;padding:8px 0 2px}
.confirmation-clock-paused{margin:0 0 10px;font:600 12px/1.5 var(--body);color:var(--muted)}
#ref-confirm{bottom:calc(max(12px,var(--hy-safe-bottom,0px)) + 116px);padding:6px 16px;border:0;border-radius:999px;background:#14102E;color:#fff;box-shadow:0 3px 0 #000;font:400 14px/1.3 var(--display)}
html[data-theme=dark] #ref-confirm{background:#fff;color:#14102E;box-shadow:0 3px 0 rgba(0,0,0,.35)}
.tv-result-menu-action{display:none!important}
@media(min-width:1000px){
#app .approved-wait .waiting-layout{grid-template-columns:minmax(0,1fr) 420px;gap:44px}
#app .approved-wait .waiting-instructions h1{font:400 76px/1.02 var(--display)}
#app .approved-wait .waiting-instructions p{font:600 24px/1.4 var(--body)}
#app .show-arrived{background:#14B88A!important;min-height:100dvh}
#app .show-arrived .tv-heading>strong{color:#FFF}
#app .show-arrived .arrived-panel{background:transparent;box-shadow:none;width:100%;max-width:none;min-height:calc(100dvh - 124px);margin:0;padding:30px}
.arrived-panel h1{font-size:120px;line-height:1.02}.arrived-panel>p{font:400 30px/1.1 var(--display)}
.arrived-panel .waiting-teams{gap:24px;width:auto}.arrived-panel .waiting-team{width:330px;font-size:34px}
#app .rd-bonus.public-stage{padding:36px 52px 44px;background:#FFC93C!important;color:#14102E;height:100dvh}
#app .rd-bonus.public-stage .rd-bonus-head{color:#14102E;flex:none}
#app .rd-bonus.public-stage .rd-icon-btn{background:#FFF8;color:#14102E;border:0}
#app .rd-bonus.public-stage .rd-scroll{width:100%;max-width:none;display:grid;place-items:center;flex:1;padding:0;overflow:auto}
#app .rd-bonus.public-stage .rd-bonus-card{width:100%;max-width:none;min-height:0;padding:0;background:transparent;border:0;box-shadow:none;display:grid;justify-items:center;gap:16px;text-align:center;color:#14102E}
#app .rd-bonus.public-stage .bonus-podium{display:grid;justify-items:center;gap:12px}
#app .rd-bonus.public-stage .bonus-cup{font:400 130px/1.02 var(--display);width:auto;height:auto;padding:0;background:none;box-shadow:none;border:0;border-radius:0;color:#14102E;transform:none}
#app .rd-bonus.public-stage .rd-bonus-title{font:400 84px/1.02 var(--display);color:#14102E;margin:0}
#app .rd-bonus.public-stage .bonus-meta{font:400 28px/1.1 var(--display);color:#14102E;margin:0}
#app .rd-bonus.public-stage .v4-tv-stakes{gap:22px}
#app .rd-bonus.public-stage .v4-tv-stakes>span{background:#FFF;border-radius:22px;padding:16px 28px;min-width:260px;gap:6px}
#app .rd-bonus.public-stage .v4-tv-stakes bdi{font-size:56px;color:#0B8A66}
#app .rd-bonus.public-stage .v4-tv-stakes>span+span bdi{color:#E5484D}
#app .rd-bonus.public-stage .v4-tv-stakes small{font:600 22px/1.3 var(--body);color:#6B6590}
#app .rd-bonus.public-stage .rd-bonus-choice-clock{color:#14102E;background:#FFF8;border:0;box-shadow:none}
#app .rd-result.public-stage{height:100dvh;gap:0;padding:26px 40px 22px}
#app .rd-result.public-stage .rd-result-inner{align-items:center;padding:14px 0;gap:24px}
#app .rd-result.public-stage .result-podium{gap:6px}
#app .rd-result.public-stage .winner-label{font:400 30px/1.1 var(--display);color:var(--muted)}
#app .rd-result.public-stage .rd-result-title{font:400 150px/1.02 var(--display);color:#FFC93C}
#app .rd-result.public-stage .result-podium>p{font:400 26px/1.1 var(--display)}
#app .rd-result.public-stage .rd-final-rows{flex:none;gap:24px}
#app .rd-result.public-stage .rd-final-row{flex:none;width:330px;padding:18px;border-radius:30px;gap:8px}
#app .rd-result.public-stage .rd-final-row .rd-team-name{font:400 24px/1.1 var(--display)}
#app .rd-result.public-stage .rd-final-row strong{font-size:84px}
#app .rd-result.public-stage .result-footer{display:none}
.tv-result-menu-action{display:block!important}
}
@media(min-width:1000px){#app .rd-result.public-stage .result-category-rows{display:none}}
@layer approved-priority{@media(prefers-reduced-motion:reduce){#app::before,#app::after{transition-duration:150ms!important}}}
#app .approved-wait{padding:36px 52px 44px;height:100dvh;display:flex;flex-direction:column;gap:18px;overflow:auto}
#app .approved-wait .waiting-layout{flex:1;min-height:0;padding:0;align-items:start;grid-template-columns:minmax(0,1fr) 420px;gap:44px}
#app .approved-wait .waiting-instructions{display:grid;align-content:start;gap:18px}
#app .approved-wait .waiting-instructions :is(h1,p){margin:0}
#app .approved-wait .waiting-code-row{display:flex;align-items:center;gap:22px;min-height:180px}
#app .approved-wait .waiting-code{font:400 118px/1.05 var(--display);letter-spacing:.08em;padding:4px 40px;border-radius:30px;box-shadow:0 9px 0 var(--gold-deep)}
#app .approved-wait .waiting-qr-panel{flex:none;width:180px;height:180px;min-height:0;padding:18px;border:0;background:#FFF;border-radius:28px;box-shadow:0 8px 0 #0A0630;display:grid;place-items:center}
#app .approved-wait .waiting-qr,#app .approved-wait .waiting-qr .qr{display:block;width:144px;height:144px;padding:0;border:0;border-radius:6px}
#app .approved-wait .waiting-side{display:flex;flex-direction:column;gap:22px}
#app .approved-wait .waiting-side .waiting-teams{display:flex;flex-direction:column;gap:22px}
#app .approved-wait .waiting-side .waiting-team{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-radius:26px;font:400 40px/1.1 var(--display)}
#app .approved-wait .waiting-side .waiting-team small{font:400 20px/1 var(--display);margin:0}
.waiting-referee-slot{min-height:180px;border:2px dashed #FFFFFF50;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#B8B2E3;font:400 30px/1 var(--display)}.waiting-referee-slot svg{width:48px;height:48px}
#app .approved-wait .waiting-categories{gap:12px}
#app .approved-wait .waiting-category-art{aspect-ratio:1}
#app .approved-wait .waiting-categories figure{border-radius:20px;gap:0;padding:0}
#app .approved-wait .waiting-categories figcaption{font:400 19px/1.1 var(--display);padding:6px 4px}
#app .approved-wait.show-arrived .arrived-panel{flex:1;min-height:0}
#app .rd-public.has-wide-board .rd-banner{overflow:visible}
@media(min-width:1000px){
#app .rd-bonus.public-stage .rd-scroll{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-content:center}
#app .rd-bonus.public-stage .rd-bonus-card,#app .rd-bonus.public-stage .bonus-podium{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
#app .rd-bonus.public-stage .bonus-podium>*{grid-column:1;position:static;transform:none}
#app .rd-bonus.public-stage .rd-bonus-title,#app .rd-bonus.public-stage .rd-offer-team{display:block;width:100%;max-width:none;min-height:0;overflow:visible;position:static;transform:none}
#app .rd-bonus.public-stage .rd-offer-team>span{display:inline;font:inherit;color:inherit}
#app .rd-bonus.public-stage .bonus-choice-pill{display:none}
}
/* Retire inherited two-track placements before sizing the V4 public lobby. */
#app .approved-wait .waiting-instructions{grid-column:1;grid-row:1;min-width:0}
#app .approved-wait .waiting-side{grid-column:2;grid-row:1;min-width:0}
#app .approved-wait :is(.waiting-teams,.waiting-team,.waiting-referee-slot){min-width:0;width:auto}
@media(min-width:1000px){
#app .rd-bonus.public-stage .rd-bonus-title,#app .rd-bonus.public-stage .rd-bonus-title *{color:#14102E}
}
/* Pairing remains readable when the organizer uses a portrait phone as the TV. */
@media(max-width:999px){
#app .approved-wait{padding:18px 20px 24px;gap:16px}
#app .approved-wait .waiting-layout{display:flex;flex-direction:column;gap:20px}
#app .approved-wait :is(.waiting-instructions,.waiting-side){width:100%;min-width:0}
#app .approved-wait .waiting-instructions{gap:12px}
#app .approved-wait .waiting-instructions h1{font:400 38px/1.08 var(--display)}
#app .approved-wait .waiting-instructions p{font:400 14px/1.4 var(--body)}
#app .approved-wait .waiting-code-row{min-height:112px;gap:12px;justify-content:space-between}
#app .approved-wait .waiting-code{font-size:62px;letter-spacing:.04em;padding:6px 16px;border-radius:20px}
#app .approved-wait .waiting-qr-panel{width:112px;height:112px;padding:10px;border-radius:18px}
#app .approved-wait .waiting-qr,#app .approved-wait .waiting-qr .qr{width:92px;height:92px}
#app .approved-wait .waiting-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#app .approved-wait .waiting-categories figcaption{font-size:15px;line-height:1.1}
#app .approved-wait .waiting-side{gap:12px}
#app .approved-wait .waiting-side .waiting-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#app .approved-wait .waiting-side .waiting-team{font-size:24px;padding:12px;display:grid;gap:6px;border-radius:18px;overflow-wrap:anywhere}
#app .approved-wait .waiting-side .waiting-team small{font-size:16px}
#app .approved-wait.show-arrived .arrived-panel{gap:18px;padding:12px}
#app .show-arrived .arrived-panel h1{font-size:54px}
#app .show-arrived .arrived-panel p{font-size:18px}
}
#app .rd-public .rd-banner{overflow:visible}
/* Literal V4 TV trap roles; the reason is omitted when the public receipt has none. */
dialog.game-feedback.is-trap .rd-moment-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:100%;max-width:none}
dialog.game-feedback.is-trap .feedback-title{font:400 150px/1.02 var(--display);order:1;margin:0}
dialog.game-feedback.is-trap .rd-moment-pill{order:2;display:flex;align-items:center;gap:22px;background:#FFF;color:#E5484D;border-radius:26px;padding:16px 34px;box-shadow:0 7px 0 #B22A2E}
dialog.game-feedback.is-trap .rd-moment-pill .rd-dot{display:none}
dialog.game-feedback.is-trap .rd-moment-team{font:400 46px/1.1 var(--display);color:var(--feedback-team-color,#FF4F9A)}
dialog.game-feedback.is-trap .feedback-points{font:400 66px/1.1 var(--display);color:#E5484D}
dialog.game-feedback.is-trap .rd-moment-sub{order:3;font:400 26px/1.2 var(--display);color:#FFF;opacity:.92;margin:0}
.trap-tv-header{position:absolute;top:26px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;color:#FFF}
.trap-tv-header strong{font:400 30px/1 var(--display)}.trap-tv-header span{font:400 22px/1 var(--display);background:#0A0630;border-radius:12px;padding:8px 16px}
@media(max-width:999px){dialog.game-feedback.is-trap .feedback-title{font-size:80px}dialog.game-feedback.is-trap .rd-moment-team{font-size:28px}dialog.game-feedback.is-trap .feedback-points{font-size:44px}.trap-tv-header{top:18px;left:20px;right:20px}}
/* Lalezar diacritics extend above the CSS line box; retain their painted ink. */
#app .game-show-referee .referee-prompt .question{padding-block:3px}
/* A score slab fills its podium even for0; canonical contrast ink does not recolour V4 name labels. */
#app .show-podiums .rd-team-name{color:#FFF}
#app .show-podiums .rd-score{width:100%;min-width:0;justify-self:stretch;align-self:stretch;text-align:center;box-sizing:border-box}
/* End-game confirmation uses the same coloured score blocks as the approved sheet. */
.rd-sheet-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rd-sheet-scores>span{display:grid;justify-items:center;min-width:0;border-radius:20px;padding:12px 14px;background:var(--team-color);color:#FFF;box-shadow:0 5px 0 var(--team-deep,#1A3AB8)}
.rd-sheet-scores>span:nth-child(2){box-shadow:0 5px 0 var(--team-deep,#C2276B)}
.rd-sheet-scores .rd-dot{display:none}
.rd-sheet-scores b{font:400 20px/1.1 var(--display);overflow-wrap:anywhere}
.rd-sheet-scores bdi{font:400 40px/1.1 var(--display);max-width:100%;overflow-wrap:anywhere}
.show-clock-inner small .ui-icon{width:12px;height:12px;margin-inline-end:3px;vertical-align:-2px}
/* Preserve existing three-team rooms; this does not expose a new setup policy. */
#app .rd-public:has(.tv-score-strip.is-three) .tv-score-strip{position:absolute;inset:auto 48px 16px;display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;height:auto;min-height:112px;padding:0;margin:0}
#app .rd-public:has(.tv-score-strip.is-three) .rd-pub-team{position:static;inset:auto;width:auto;min-width:0;height:auto;min-height:100px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;padding:12px}
#app .rd-public:has(.tv-score-strip.is-three) .tv-team-copy{flex:1;min-width:0;width:auto}
#app .rd-public:has(.tv-score-strip.is-three) .rd-team-name{font:600 18px/1.2 var(--body);min-width:0;overflow-wrap:anywhere}
#app .rd-public:has(.tv-score-strip.is-three) .rd-pub-team>strong{width:100px;min-width:0;flex:none;font-size:40px;padding:8px 0 2px}
#app .rd-public:has(.tv-score-strip.is-three) .tv-turn{position:static;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;width:auto;height:auto;gap:6px;padding:0}
#app .rd-public:has(.tv-score-strip.is-three) .show-clock{width:76px;height:76px}
#app .rd-public:has(.tv-score-strip.is-three) .show-clock b{font-size:28px}
#app .rd-public:has(.tv-score-strip.is-three) .show-strikes{gap:5px}
#app .rd-public:has(.tv-score-strip.is-three) .show-strikes i{width:24px;height:24px;font-size:16px;border-radius:8px}
/* Existing Board setup retains its wide layout; V4 Idmanha phone cap stays unchanged. */
@media(min-width:601px){body[data-game-mode="board"][data-game-screen="setup"] #app{width:100%;max-width:none}}
#app .game-show-referee .referee-more{display:block;font:600 11px var(--body);color:var(--muted)}
/* V4 normal wrong role; Demo retains its explicit22px compact override. */
@media(min-height:781px){#app .game-show-referee .rd-bar>.rd-wrong{font-size:21px}}
/* Literal phone bonus/empty roles; state, deadlines and existing action handlers stay authoritative. */
#app .is-empty-library .rd-library-body{display:flex;align-items:stretch;flex:1}.is-empty-library .empty-library{width:100%;display:grid;align-content:center;justify-items:center;text-align:center;gap:10px;padding:0 20px 30px}.empty-category-stack{position:relative;width:200px;height:150px;margin:0 auto}.empty-category-stack>span{position:absolute;top:30px;width:104px;height:104px;border-radius:24px;overflow:hidden;box-shadow:0 0 0 4px #fff,0 8px 0 4px var(--base)}.empty-category-stack>span:nth-child(1){left:0;transform:rotate(-10deg)}.empty-category-stack>span:nth-child(2){right:0;transform:rotate(10deg)}.empty-category-stack>span:nth-child(3){left:48px;top:8px}.empty-category-stack :is(picture,img,.category-poster){display:block;width:100%;height:100%;object-fit:cover}.is-empty-library .empty-library h2{font:400 24px/1.2 var(--display);color:var(--ink);margin:0}.is-empty-library .empty-library p{font:400 14px/1.5 var(--body);color:var(--muted);margin:0}.empty-library-footer{flex:none;padding:10px 2px 98px}.empty-library-footer .rd-btn{width:100%;height:56px;font:400 22px var(--display)}
#app .phone-bonus{height:100dvh;min-height:0;padding:12px 16px 18px;display:flex;flex-direction:column;gap:12px;background:transparent;color:var(--ink)}.phone-bonus-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;flex:none}.phone-bonus-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.phone-bonus-heading strong{font:400 32px/1.1 var(--display)}.phone-bonus[data-phase=bonus_offer] .phone-bonus-heading strong{color:var(--gold-text)}.phone-bonus-heading p{flex-basis:100%;font:400 13px/1.4 var(--body);color:var(--muted);margin:0}.phone-bonus-multiplier{font:400 14px var(--display);padding:4px 8px;border-radius:8px;background:var(--gold);color:#2A1500}.phone-bonus-body{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:auto;padding-bottom:8px}.phone-bonus-offer{display:grid;justify-items:center;gap:6px;padding:18px;border-radius:18px;background:var(--gold);color:#2A1500;box-shadow:0 5px 0 var(--gold-deep)}.phone-bonus-offer>b{font:400 76px/1.02 var(--display)}.phone-bonus-offer>strong{font:400 22px/1.2 var(--display)}.phone-bonus-stakes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-bonus-stakes>div{display:grid;justify-items:center;gap:3px;padding:12px;border-radius:18px;background:var(--raised);box-shadow:0 4px 0 var(--base);border:1.5px solid var(--line);text-align:center}.phone-bonus-stakes bdi{font:400 28px/1.1 var(--display);color:#0B8A66}.phone-bonus-stakes>div+div bdi{color:#E5484D}.phone-bonus-stakes span{font:400 12px/1.4 var(--body);color:var(--muted)}.phone-bonus-timing{display:grid;gap:6px}.phone-bonus-timing>div{display:flex;justify-content:space-between;align-items:center;font:400 13px/1.2 var(--display)}.phone-bonus-timing strong{font:400 18px/1 var(--display)}.phone-bonus-bar{display:block;height:12px;border-radius:999px;background:var(--line);overflow:hidden}.phone-bonus-bar i{display:block;height:100%;width:calc(var(--p,100)*1%);background:var(--gold);border-radius:inherit}.phone-bonus-question{font:400 21px/1.25 var(--display);padding:14px;background:var(--raised);border:1.5px solid var(--line);border-radius:18px;box-shadow:0 4px 0 var(--base)}.phone-bonus-secret{background:#0A0630;color:#fff;border-radius:18px;padding:16px;display:grid;gap:4px;box-shadow:0 4px 0 #000}.phone-bonus-secret small{font:400 12px/1.4 var(--display);color:#FFC93C}.phone-bonus-secret b{font:400 30px/1.1 var(--display);color:#fff}.phone-bonus-secret span{font:400 12px/1.4 var(--body);color:#B8B2E3}.phone-bonus-actions{display:flex;gap:10px;flex:none;padding-top:10px}.phone-bonus-actions>.rd-btn{flex:1;min-width:0;height:56px;font:400 22px/1.1 var(--display)}.phone-bonus-actions>.rd-btn:first-child{flex:1.5}
@media(max-width:999px){#app:has(.rd-result.public-stage){max-width:480px}}
@media(min-width:1000px){#app:has(.rd-result.public-stage){max-width:none;--surface:#0D0835;--raised:#271E74;--sunk:#171044;--line:#3A2F8F;--ink:#fff;--muted:#B8B2E3;--base:#0A0630;background:radial-gradient(60% 40% at 50% 0%,#8C78FF5C,transparent 75%),linear-gradient(#1A1158,#0D0835 75%)}}
@media(max-height:620px){.empty-library-footer{padding-bottom:80px}#app .phone-bonus{padding-top:8px;padding-bottom:12px}.phone-bonus-heading strong{font-size:28px}.phone-bonus-body{gap:10px}.phone-bonus-actions>.rd-btn{height:50px}}
/* Busy guards remain canonical; V4 keeps the red action paint while another tap settles. */
@layer approved-priority{#app .game-show-referee .rd-bar>.rd-wrong[data-action-waiting="true"]{background:#E5484D!important;color:#fff!important;box-shadow:0 5px 0 #B3262B!important}}
@media(prefers-reduced-motion:reduce){#app .game-show-referee .rd-row[data-pending-label]::after{animation:none}}
/* TV Question board — DESIGN-V4's 1280×720 stage, scaled as one canvas. */
#app .tv-question-board{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0!important;overflow:hidden}
.tv-board-canvas{position:absolute;width:1280px;height:720px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--tv-scale,1));transform-origin:center;direction:rtl;color:#FFF;font-synthesis:none}
.tv-show-question{position:absolute;top:100px;left:40px;right:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
#app .tv-question-meta>.rd-question-category{display:inline-block;background:#FFC93C;color:#2A1500;font:400 22px/normal var(--display);padding:5px 16px 2px;border-radius:11px;box-shadow:0 3px 0 #D29B00}
.tv-marquee{display:inline-block;max-width:100%;padding:9px;border-radius:22px;background:radial-gradient(circle,#FFFBE0 0 2.3px,#FFC300 3px,#FFB40059 4.6px,transparent 6.5px) center/15px 15px round,linear-gradient(#8A4300,#4D2400);box-shadow:0 0 20px #FFBE2840}
#app .tv-marquee h1{margin:0;border-radius:15px;background:#5A2FE0;padding:10px 40px 6px;font:400 54px/1.1 var(--display);color:#FFF;box-shadow:inset 0 0 0 2px #FFFFFF2E;text-align:center;text-wrap:balance}
.tv-show-answers{position:absolute;top:276px;left:290px;right:290px}
#app .tv-question-board .rd-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows,5),52px);grid-auto-flow:column;gap:9px;height:auto;overflow:visible;padding:0;min-height:0}
#app .tv-question-board .tv-show-plate{display:flex;align-items:center;gap:6px;height:52px;min-height:0;border:0;border-radius:14px;padding:0 10px 0 14px;background:#FFFFFF12;box-shadow:inset 0 0 0 1.5px #FFFFFF24;color:#FFF;font:400 27px/1 var(--display);overflow:visible}
#app .tv-question-board .tv-show-plate.hidden{justify-content:center}
#app .tv-question-board .tv-show-plate .rd-num{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#FFFFFF1A;color:#FFF;font:400 24px/1 var(--display)}
#app .tv-question-board .tv-show-plate.found{background:var(--team-color);box-shadow:0 4px 0 var(--team-deep)}
#app .tv-question-board .tv-show-plate.found .rd-num{width:28px;height:28px;background:#FFF;color:var(--team-color);font:400 16px/1 var(--display)}
#app .tv-question-board .tv-show-plate .rd-row-text{font:400 27px/1 var(--display);min-width:0;white-space:normal;overflow-wrap:anywhere}
#app .tv-question-board .tv-show-plate .rd-chip{margin-inline-start:auto;flex:none;background:#0004;border-radius:7px;padding:5px 10px 2px;color:#FFF;font:400 22px/1 var(--display)}
#app .tv-question-board .tv-show-plate.show-new{outline:4px solid #FFD54A;outline-offset:0}
.tv-show-podium{position:absolute;top:290px;right:40px;width:230px;padding:16px 14px;border-radius:18px 18px 10px 10px;background:var(--team-color);box-shadow:0 5px 0 var(--team-deep);text-align:center;transform-origin:bottom;color:#FFF;transition:transform 350ms}
.tv-show-podium[data-team="1"]{right:auto;left:40px}.tv-show-podium[data-team="2"]{right:auto;left:40px;top:510px}
.tv-show-podium.is-rest{transform:scale(.92)}.tv-show-podium.is-active{outline:3px solid #FFD54A}
.tv-show-name{font:400 24px/normal var(--display)}.tv-show-podium.is-active .tv-show-name{margin-top:10px}
.tv-show-podium>strong{display:block;margin-top:4px;border-radius:14px;background:#05062380;padding:14px 0 6px;font:400 68px/1 var(--display);color:#FFF}.tv-show-podium.is-active>strong{color:#FFD54A}
.tv-show-crown{position:absolute;top:-17px;left:50%;transform:translateX(-50%);background:#FFC93C;color:#2A1500;font:400 21px/normal var(--display);padding:5px 16px 3px;border-radius:11px;box-shadow:0 2px 0 #D29B00;white-space:nowrap}
#app .tv-show-podium .podium-helper-dots{display:flex;justify-content:center;margin-top:10px;gap:6px}#app .tv-show-podium .podium-helper-dots i{width:12px;height:12px;background:#FFFFFFF2;border-radius:50%}#app .tv-show-podium .podium-helper-dots i.used{opacity:.3}
.tv-show-footer{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:30px}
#app .tv-show-footer .show-clock{width:100px;height:100px;padding:6px;margin:0;flex:none;border:0;border-radius:50%;background:conic-gradient(#FFD54A calc(var(--p,100)*1%),#FFFFFF24 0)}
#app .tv-show-footer .show-clock-inner{display:grid;place-items:center;align-content:center;gap:1px;background:#151046;width:100%;height:100%;border-radius:50%}
#app .tv-show-footer .show-clock b{font:400 34px/1 var(--display);color:#FFD54A}#app .tv-show-footer .show-clock small{font:400 13px/normal var(--display);color:#B8B2E3;white-space:nowrap}
.tv-turn-label{font:400 13px/1.2 var(--display);color:#B8B2E3;max-width:260px;overflow-wrap:anywhere}
#app .tv-show-footer .show-clock.is-last{background:conic-gradient(#E5484D calc(var(--p,100)*1%),#FFFFFF24 0)}#app .tv-show-footer .show-clock.is-last b{color:#E5484D}
#app .tv-show-footer .show-strikes{display:flex;align-items:center;gap:10px}#app .tv-show-footer .show-strikes i{width:44px;height:44px;border-radius:12px;background:#E5484D1F;box-shadow:inset 0 0 0 1.5px #FF64738C;border:0;color:#FF7A82;font:400 24px/1 var(--display)}#app .tv-show-footer .show-strikes i.hit{background:#E5484D;color:#FFF}
.tv-board-canvas.has-six-rows .tv-show-question{top:76px}.tv-board-canvas.has-six-rows .tv-show-answers{top:240px}#app .tv-board-canvas.has-six-rows .rd-board{row-gap:6px}
#app .tv-show-footer .tv-hidden-traps-label{font:400 22px/1.2 var(--display);color:#FFC2C7;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.tv-show-podium{transition:none}}
/* FIX8: the board keeps the same origin for the whole canonical question. */
#app .game-show-referee .referee-prompt{position:relative;height:78px;flex:none;display:flex;align-items:center;justify-content:center}
#app .game-show-referee .referee-prompt .question{display:block;-webkit-line-clamp:unset;white-space:normal;overflow:visible;max-height:none;padding-block:3px;line-height:1.15}
#app .game-show-referee .rd-question.is-folded .question{font-size:19px;white-space:normal;overflow:visible;text-overflow:clip}
#app .game-show-referee .referee-more{position:absolute;bottom:0;left:0;right:0;font:600 10px/1.2 var(--body);color:var(--muted)}
#app .game-show-referee .referee-live-banner{height:40px;flex:none;display:flex;align-items:center;justify-content:center;width:100%}
#app .game-show-referee .referee-live-banner .rd-bomb-active{margin:0;width:100%;font:400 14px/1.1 var(--display);padding:4px 6px}
#app .game-show-referee .rd-row-text,#app .game-show-referee .answer-name,#app .game-show-referee .answer-arabic{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.15}
#app .game-show-referee .answer-name.is-long .answer-arabic,#app .game-show-referee .answer-name.is-xlong .answer-arabic{font-size:inherit}
#app .game-show-referee .rd-row.is-shown:not(.found){opacity:.6}
#app .game-show-referee .rd-trap-chips{height:auto;align-items:stretch}
#app .game-show-referee .rd-trap-chip{height:auto;min-height:40px;white-space:normal;flex-wrap:wrap;padding-block:5px}
#app .game-show-referee .rd-trap-text{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.15}
#app .game-show-referee .rd-trap-penalty{font-size:15px}
#app .game-show-referee .plate-late{font-size:15px;white-space:normal;line-height:1.1}
#app .game-show-referee .rd-row.is-queued{outline:3px solid #FFC93C;outline-offset:-3px;background:var(--team-color);color:#FFF;transition:none;animation:none}
#app .tv-question-board .tv-show-plate.hidden.is-hinted{justify-content:flex-start;color:var(--team-color)}
#app .tv-question-board .tv-show-plate.hidden.is-hinted[data-answer-team="0"]{color:#7FA0FF}
#app .tv-question-board .tv-show-hint{min-width:0;flex:1;font:400 24px/1.1 var(--display);overflow-wrap:anywhere}
.referee-question-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px;flex:none;direction:rtl}
#app .referee-tool{position:relative;width:100%;height:50px;min-height:0;padding:0;border:0;border-radius:13px;background:#FFF;box-shadow:0 3px 0 #D9D2F2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:600 11px/1 var(--body);color:var(--ink)}
#app .referee-tool .ui-icon{width:18px;height:18px;flex:none}
#app .referee-tool.tool-gold .ui-icon{color:#D29B00}#app .referee-tool.tool-blue .ui-icon{color:#2D5BFF}#app .referee-tool.tool-purple .ui-icon{color:#7B5CFF}#app .referee-tool.tool-red .ui-icon{color:#E5484D}
#app .referee-tool.tool-next{background:#FFC93C;color:#2A1500;box-shadow:0 3px 0 #B57A00}
#app .referee-tool.tool-next .ui-icon{transform:scaleX(-1)}
#app .referee-tool .tool-count{position:absolute;top:3px;left:5px;border-radius:6px;padding:2px 4px 0;background:#2D5BFF;color:#FFF;font:400 11px/1 var(--display)}
#app .referee-tool[aria-pressed=true]{background:#7B5CFF;color:#FFF;box-shadow:0 3px 0 #4A2FC0}#app .referee-tool[aria-pressed=true] .ui-icon{color:#FFF}
#app .referee-tool:disabled{opacity:.4;cursor:default}
#app .referee-tool:not(:disabled):active{transform:translateY(2px)}
.rd-inline-adjust{display:flex;gap:5px;margin-top:6px}.rd-inline-adjust[hidden],.show-active-helpers[hidden]{display:none!important}
#app .game-show-referee strong.rd-score::after{content:none;pointer-events:none}
#app .rd-adjust-step{position:relative;flex:1;min-width:0;min-height:44px;border:0;border-radius:9px;padding:7px 0 4px;background:#FFF;color:#14102E;font:400 15px/1 var(--display)}
#app .rd-adjust-step::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,48px);height:max(100%,48px);transform:translate(-50%,-50%);background:transparent;pointer-events:auto}
html[data-theme=dark] #app .referee-tool:not(.tool-next):not([aria-pressed=true]){background:#FFFFFF14;box-shadow:inset 0 0 0 1.5px #FFFFFF24}
html[data-theme=dark] #app .referee-tool.tool-gold .ui-icon{color:#FFC93C}html[data-theme=dark] #app .referee-tool.tool-blue .ui-icon{color:#7FA0FF}html[data-theme=dark] #app .referee-tool.tool-purple .ui-icon{color:#B39CFF}html[data-theme=dark] #app .referee-tool.tool-red .ui-icon{color:#FF8A90}
@media(prefers-reduced-motion:reduce){#app .referee-tool:active{transform:none}}
#app .approved-result{position:relative;isolation:isolate;opacity:1;filter:none}
.result-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.result-confetti i{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:9px;height:18px;border-radius:2px;background:var(--c);transform:rotate(var(--r))}
#app:has(.approved-result)~#ref-confirm{display:none}
.connecting-entry .content{display:flex;flex-direction:column;align-items:stretch;gap:22px}
.connecting-entry .connecting-code{display:grid;place-items:center;width:132px;height:132px;margin:12px auto;border-radius:50%;background:#FFC93C;color:#2A1500;box-shadow:0 6px 0 #B57A00;font:400 30px/1 var(--display);letter-spacing:.06em;flex:none}
.connecting-entry .connecting-steps{list-style:none;margin:0;padding:18px;border-radius:20px;background:var(--raised);box-shadow:0 4px 0 var(--base);display:grid;gap:18px;font:400 17px/1.3 var(--display)}
.connecting-steps li{display:flex;align-items:center;gap:12px}.connecting-steps li>span{width:28px;height:28px;flex:none;display:grid;place-items:center}.connecting-steps .is-done>span{border-radius:50%;background:var(--green);color:#FFF}.connecting-steps .is-waiting{color:var(--muted)}
.connecting-spin{border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:show-spin 1s linear infinite}
.connecting-note{padding:14px 16px;border-radius:16px;background:var(--gold-soft);color:var(--ink);font:400 13px/1.5 var(--body)}.connecting-note b{font:400 19px/1.2 var(--display)}.connecting-note p{margin:4px 0 0}
#app main.setup .category .category-poster,#app main.setup .category>b{overflow:hidden;scrollbar-width:none}
#app main.setup .helper-picker .aid-choice>.ui-icon{display:block;visibility:visible;opacity:1}
#app main.setup .helper-picker .aid-check{inset-inline-start:auto;inset-inline-end:8px;top:8px}
#app main.setup .setup-readiness:not(:empty){position:static!important;width:auto;height:auto;min-height:0;overflow:visible;clip-path:none;white-space:normal;margin:0 0 8px;padding:8px 10px;z-index:auto}
html[data-theme=dark] #app .game-show-home{background:radial-gradient(ellipse at 50% 0,#352278 0,transparent 64%)}
@media(min-height:900px){html[data-theme=dark] #app .game-show-home{display:flex;flex-direction:column;justify-content:center}}
#app .game-show-home .home-portrait{background:#D9D2F2;border-radius:18px}
.home-rules .ui-icon{width:30px;height:30px;color:var(--gold-text)}
.leave-sheet-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;direction:ltr}
#sheet .leave-sheet-actions>.rd-btn{direction:rtl;width:100%;min-height:56px;border:0;border-radius:18px;font:400 22px/1.1 var(--display)}
#sheet .leave-sheet-actions>[data-stay]{background:#FFF;color:#14102E;box-shadow:0 4px 0 var(--base)}
#sheet .leave-sheet-actions>[data-exit]{background:#E5484D;color:#FFF;box-shadow:0 5px 0 #B3262B}
@media(prefers-reduced-motion:reduce){.connecting-spin{animation:none}}
#app .game-show-referee .rd-scroll{overflow:hidden}
#app .game-show-referee .rd-scroll>:not(.rd-list){flex-shrink:0}
#app .game-show-referee .rd-list{flex:1;min-height:32px;overflow:auto;overscroll-behavior:contain;padding-bottom:4px}
#app .game-show-referee .rd-answers .rd-row{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:2px;height:auto!important;min-height:var(--fix8-row-min,44px);overflow:visible;white-space:normal;padding:3px 6px}
#app .game-show-referee .rd-row[data-pending-label]::after{position:absolute;inset:auto auto 5px 12px;transform:none;margin:0}
#app .game-show-referee .rd-row-text{flex:none;width:100%}
#app .game-show-referee .rd-row .rd-num.is-empty{visibility:hidden}
#app .game-show-referee .rd-row-fact .rd-num{width:12px;height:12px;flex:0 0 12px;font-size:9px}
#app .game-show-referee .rd-row.found{border:1.5px solid transparent}
#app .game-show-referee .rd-row-fact{width:100%;height:16px;flex:0 0 16px;display:flex;align-items:center;justify-content:space-between;gap:4px}
#app .game-show-referee .rd-row-fact .rd-chip{max-width:100%;height:16px;min-height:0;padding:0 3px;white-space:nowrap;font-size:14px;line-height:1}
#app .game-show-referee .rd-row-fact .plate-late{border:0;padding:0}
#app .game-show-referee .rd-answers{flex:none;height:auto!important;grid-template-rows:none!important;align-items:start;grid-auto-flow:row;column-gap:7px}
.rd-answer-column{display:flex;flex-direction:column;gap:7px;min-width:0;padding-bottom:4px}
#app .game-show-referee :is(.answer-name,.answer-arabic){zoom:1!important;max-height:none;transform:none}
.tv-live-banner{position:absolute;top:12px;left:290px;right:290px;min-height:0;text-align:center}
#app .tv-live-banner .rd-bomb-active{display:block;margin:0;background:#090722;border:0;border-radius:14px;box-shadow:0 4px 0 #000;padding:9px 14px;max-height:76px;overflow:auto;color:#FFF;font:400 28px/1.1 var(--display)}
.has-six-rows .tv-live-banner{top:8px}.has-six-rows .tv-live-banner .rd-bomb-active{font-size:24px;line-height:1;padding:2px 6px;max-height:56px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium:not([data-team="0"]){padding:12px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium[data-team="1"]{top:260px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium[data-team="2"]{top:450px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium:not([data-team="0"])>strong{font-size:44px;padding:8px 0 4px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium:not([data-team="0"]) .tv-show-name{font-size:22px;max-height:56px;overflow:auto}
#app .tv-show-question>.rd-next{position:absolute;top:0;inset-inline-end:0;font:400 22px/1.1 var(--display);color:#FFD54A}
/* TV reading distance: the phone keeps its authored controls and type scale. */
@media(min-width:1000px){
#app .tv-show-answers,#app .tv-show-question{left:248px;right:248px}
#app .tv-question-board .tv-show-hint{line-height:1}
#app .tv-question-board .tv-show-plate{padding:2px 4px;gap:4px}
#app .tv-question-board .tv-show-plate .rd-chip{font-size:24px;padding-inline:3px}
#app .tv-question-board .tv-show-plate.found .rd-num{width:24px;height:24px}
#app .tv-question-meta>.rd-question-category,#app .tv-show-question>.rd-next{font-size:24px}
#app .tv-show-podium{width:190px;top:240px}
#app .tv-show-name{font-size:27px;line-height:1;overflow-wrap:anywhere;padding-bottom:8px}
#app .tv-show-crown{font-size:24px;line-height:1.1}
#app .tv-show-footer{gap:24px}
#app .tv-show-footer .tv-turn-label{font-size:24px;line-height:1.1;max-width:260px}
#app .tv-show-footer .tv-hidden-traps-label{font-size:24px}
#app .approved-wait .waiting-categories figcaption,#app .approved-wait .waiting-instructions p,#app .tv-bonus-live .tv-bonus-ring small{font-size:24px}
#app .tv-question-board .tv-live-banner{top:8px;left:40px;right:auto;width:190px;max-width:190px;max-height:190px}
#app .tv-question-board .tv-live-banner .rd-bomb-active{font-size:24px;white-space:normal;max-height:none;overflow-wrap:anywhere}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-answers,#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-question{left:344px;right:48px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium{left:48px;right:auto;width:264px;height:178px;min-height:178px;padding:8px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium.is-active{height:216px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium[data-team="0"]{top:48px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium[data-team="1"]{top:252px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium[data-team="2"]{top:456px}
#app .tv-question-board[data-current="0"]:has(.tv-show-podium[data-team="2"]) .tv-show-podium[data-team="1"]{top:290px}
#app .tv-question-board:is([data-current="0"],[data-current="1"]):has(.tv-show-podium[data-team="2"]) .tv-show-podium[data-team="2"]{top:494px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium .tv-show-name,#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium:not([data-team="0"]) .tv-show-name{font-size:27px;line-height:1;max-height:none;overflow:visible}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium>strong,#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium:not([data-team="0"])>strong{font-size:40px;padding:0 0 8px;margin-top:2px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium .podium-helper-dots{margin-top:4px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-footer{left:816px;right:48px}
#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-live-banner{top:auto;bottom:22px;left:344px;width:448px;max-width:448px;max-height:100px}
}
.tv-bonus-ring{width:150px;height:150px;flex:none;border-radius:50%;padding:8px;background:conic-gradient(#FFD54A calc(var(--p,100)*1%),#FFFFFF24 0)}
.tv-bonus-ring>span{height:100%;border-radius:50%;background:#151046;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
#app .tv-bonus-ring strong{font:400 48px/1 var(--display);color:#FFD54A}#app .tv-bonus-ring small{font:400 20px/1.2 var(--display);color:#B8B2E3}
#app .tv-bonus-ring.is-last{background:conic-gradient(#E5484D calc(var(--p,100)*1%),#FFFFFF24 0)}#app .tv-bonus-ring.is-last strong{color:#E5484D}
#app .tv-bonus-marquee{max-width:min(100%,1100px)}#app .tv-bonus-marquee h2{margin:0;padding:22px 40px 16px;border-radius:15px;background:#5A2FE0;box-shadow:inset 0 0 0 2px #FFFFFF2E;color:#FFF;font:400 54px/1.15 var(--display);overflow-wrap:anywhere;text-align:center}
@media(min-width:1000px){#app .rd-bonus.tv-bonus-live{background:radial-gradient(ellipse at 50% 0,#352278,#0A0630 85%)!important;color:#FFF}#app .rd-bonus.public-stage.tv-bonus-live .rd-bonus-head{color:#FFF}#app .tv-bonus-live .rd-scroll{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}#app .tv-bonus-live .v4-tv-stakes bdi{font-size:64px}}
@media(max-height:780px){
#app .game-show-referee{--fix8-row-min:37px}#app .game-show-referee .referee-prompt{height:64px}#app .game-show-referee .rd-trap-chip{min-height:34px}
.referee-question-tools{margin-top:7px;gap:5px}#app .referee-tool{height:40px;border-radius:11px;font-size:9.5px;gap:2px}#app .referee-tool .ui-icon{width:15px;height:15px}#app .referee-tool::after{content:"";position:absolute;inset:-2px 0}
}
@media(max-height:620px){
#app .game-show-referee{--fix8-row-min:32px}#app .game-show-referee .referee-prompt{height:58px}#app .game-show-referee .rd-trap-chip{min-height:30px;font-size:15px}#app .game-show-referee .answer-name,#app .game-show-referee .answer-arabic{font-size:15px!important}
.rd-answer-column{gap:6px}
#app .referee-tool{height:32px}#app .referee-tool>span{font-size:0}#app .referee-tool .ui-icon{width:16px;height:16px}#app .referee-tool .tool-count{top:1px;left:2px}#app .referee-tool::after{inset:-6px 0}
}
/* FIX8 L18: compact entry uses the remaining height and natural scroll without shrinking the absolute code field. */
@media(max-height:620px){
#app .show-entry{min-height:0}
#app .show-entry>.content{justify-content:flex-start}
#app .show-entry .referee-code-fields{flex-shrink:0}
}
/* Both public boards show the canonical question countdown above the marquee. */
.tv-question-meta{display:flex;align-items:center;justify-content:center;gap:18px;min-height:38px}
#app .tv-question-meta .rd-clock{display:flex;align-items:center;gap:8px;border:0;margin:0;padding:0;background:none;box-shadow:none;color:#B8B2E3}
#app .tv-question-meta .rd-clock-label{font:400 24px/1.1 var(--display);color:#D8D2FF;opacity:1}
#app .tv-question-meta .rd-paused-chip{font:400 24px/1.1 var(--display);color:#2A1500;opacity:1}
#app .tv-question-meta .rd-clock-time{font:400 30px/1.1 var(--display);direction:ltr;color:#FFF}
#app .tv-question-meta .rd-clock.is-ended .rd-clock-time{color:#FFD54A}
/* The active team's turn clock belongs directly beneath its name. */
.tv-podium-turn{display:flex;justify-content:center;margin:0 auto;height:34px}
#app .tv-podium-turn .show-clock{display:flex;align-items:center;justify-content:center;height:34px;min-width:92px;padding:0 14px;border:0;border-radius:999px;background:#FFD54A;color:#2A1500}
#app .tv-podium-turn .show-clock-inner{display:flex;flex-direction:row;align-items:center;gap:6px;height:auto;background:none}
#app .tv-podium-turn .show-clock b{display:block;font:400 30px/1 var(--display);padding-bottom:4px;color:inherit;direction:ltr}
#app .tv-podium-turn .show-clock.is-last{background:#B91C1C;color:#FFF}
#app .tv-question-meta .rd-clock.is-last .rd-clock-time{color:#FF7A80}
@media(min-width:1000px){#app .tv-question-board:has(.tv-show-podium[data-team="2"]) .tv-show-podium.is-active .tv-show-name{margin-top:8px}}
#app .tv-podium-turn .tv-turn-paused{display:flex;align-items:center}.tv-turn-paused .ui-icon{width:24px;height:24px}
/* Media shares the sign's reserved band, never the answer board below it. */
.tv-question-content{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:15px;padding:10px 40px 6px;background:#5A2FE0;box-shadow:inset 0 0 0 2px #FFFFFF2E}
#app .tv-question-content>h1{flex:1;min-width:0;padding:0;background:none;box-shadow:none}
#app .tv-question-content .rd-images{display:flex;flex:none;justify-content:center;gap:8px;height:64px;min-height:0;max-height:64px}
#app .tv-question-content .rd-images .idm-image{width:64px;height:64px;min-height:0;max-height:64px;border-radius:10px}
#app .tv-question-content .rd-images img{width:100%;height:100%;object-fit:contain}
#app .tv-question-content .idm-image>span{font:400 24px/1 var(--display)}
.tv-question-content:has(.rd-images){padding-inline:24px}