:root{font-family:Segoe UI,Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--canvas);--canvas: #f5f6f8;--surface: #ffffff;--soft: #eceff5;--ink: #172338;--muted: #526079;--line: #dce1e9;--accent: #485ac9;--accent-soft: #eef0ff;--blue: #1657b8;--magenta: #a32364;--amber: #825600;--green: #126746;--correct: #159447;--danger: #a62435;--white: #ffffff;--radius: 20px;--space: 8px;--u: 1;--body-size: 16px}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{font-size:var(--body-size);line-height:1.5;overflow-wrap:break-word;word-break:break-word}#app{min-height:100%}html.document-scroll,html.document-scroll body,html.document-scroll #app{height:auto;overflow:visible}html.locked,html.locked body,html.locked #app{height:100%;min-height:0;overflow:hidden}[hidden]{display:none!important}button,input,select{font:inherit}button,.action-link{border:1px solid transparent;border-radius:12px;padding:14px 20px;min-height:48px;cursor:pointer;touch-action:manipulation}button{color:var(--ink);background:var(--soft)}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.primary{background:var(--accent);color:var(--white);font-weight:650}.secondary{background:var(--surface);border-color:var(--line)}.danger{color:var(--danger);background:var(--surface);border-color:var(--danger)}.text-button{background:transparent;color:var(--accent);padding:8px 0;font-weight:600}.action-link{display:inline-block;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-weight:650;letter-spacing:-.035em;line-height:1.16;font-size:32px;margin-bottom:16px}h2{font-size:22px;line-height:1.25;font-weight:600}p{margin-bottom:16px}.quiet,.eyebrow{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:650;letter-spacing:.13em;margin-bottom:12px}.brand{display:flex;align-items:center;flex-shrink:0;line-height:1.25;text-align:left}.brand-symbol{object-fit:contain;flex-shrink:0;margin-right:12px;width:44px;height:44px}.brand strong,.brand span{display:block}.brand strong{font-size:20px;font-weight:650;letter-spacing:-.025em}.brand span{color:var(--muted);font-size:12px;margin-top:3px}.entry-shell{max-width:560px;margin:0 auto;padding:28px 20px;padding:calc(28px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left))}.entry-shell>.brand{margin:8px 8px 32px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:20px}.card p{color:var(--muted)}.card .primary{width:100%;margin-top:24px}label,legend{display:block;margin:18px 0 8px;font-weight:600;font-size:15px}input,select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface);font-size:16px}input[type=checkbox],input[type=radio]{width:auto;min-height:0}fieldset{padding:0;border:0;margin:20px 0 0}.form-error{color:var(--danger)!important;margin:16px 0 0}.form-error:empty{display:none}.avatars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:-4px}.avatar-choice{display:block;padding:4px;margin:0;position:relative}.avatar-choice input{position:absolute;opacity:0;width:1px;height:1px}.avatar-choice span{display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:12px;background:var(--soft);min-height:64px;font-size:30px}.avatar-choice input:checked+span{background:var(--accent-soft);border-color:var(--accent)}.avatar-choice input:focus-visible+span{outline:3px solid var(--accent)}.avatar-taken span{opacity:.3;filter:grayscale(1)}#chosen-name{margin-bottom:0;font-weight:650;color:var(--ink);overflow-wrap:anywhere}#privacy-note{margin-top:14px;font-size:14px}.offline{position:fixed;left:16px;right:16px;bottom:16px;z-index:20;padding:12px 20px;border-radius:12px;background:var(--ink);color:var(--white);text-align:center;font-size:14px}.screen-shell{width:100%;height:100%;padding:calc(24px * var(--u)) calc(32px * var(--u));display:flex;flex-direction:column;background:var(--canvas)}.display-header{height:calc(68px * var(--u));flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start}.display-header .brand-symbol{width:calc(44px * var(--u));height:calc(44px * var(--u));margin-right:calc(12px * var(--u))}.display-header .brand strong{font-size:calc(24px * var(--u))}.display-header .brand span{font-size:calc(12px * var(--u))}.room-label{background:var(--surface);border:1px solid var(--line);border-radius:calc(10px * var(--u));padding:calc(8px * var(--u)) calc(14px * var(--u));font-size:calc(17px * var(--u));font-weight:650;letter-spacing:.1em}.display-stage{flex:1;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:calc(24px * var(--u));overflow:hidden}.display-footer{height:calc(30px * var(--u));flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-between;color:var(--muted);font-size:calc(12px * var(--u))}.display-footer button{min-height:0;font-size:inherit;padding:0}.lobby-stage{height:100%;display:grid;grid-template-columns:62% 38%;padding:calc(32px * var(--u))}.join-card{padding-right:calc(32px * var(--u));align-self:center}.lobby-stage h1{font-size:calc(48px * var(--u))}.lobby-stage .eyebrow{font-size:calc(12px * var(--u))}.lobby-join{display:flex;align-items:center;margin-top:calc(30px * var(--u))}.qr-card{background:var(--white);border:1px solid var(--line);padding:calc(10px * var(--u));border-radius:calc(16px * var(--u));flex-shrink:0}.qr-card img{display:block;width:calc(236px * var(--u));height:calc(236px * var(--u))}.lobby-join>div+div{padding-left:calc(24px * var(--u));min-width:0}.lobby-join p{font-size:calc(16px * var(--u));margin-bottom:calc(8px * var(--u))}.room-code{display:block;font-size:calc(40px * var(--u));font-weight:650;letter-spacing:.07em;margin-bottom:calc(12px * var(--u))}.join-url{overflow-wrap:anywhere;line-height:1.45;color:var(--accent)}.lobby-join .quiet{font-size:calc(13px * var(--u));margin-top:calc(20px * var(--u))}.lobby-players{border-left:1px solid var(--line);padding-left:calc(28px * var(--u));min-width:0}.lobby-players header{display:flex;justify-content:space-between;align-items:baseline}.lobby-players h2{font-size:calc(22px * var(--u))}.lobby-players header b{font-size:calc(18px * var(--u))}.lobby-players ul{padding:0;margin:calc(18px * var(--u)) 0 0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-players li{display:flex;align-items:center;min-height:calc(32px * var(--u));margin-bottom:calc(3px * var(--u));padding-right:calc(10px * var(--u))}.lobby-players li span{font-size:calc(21px * var(--u));margin-right:calc(7px * var(--u))}.lobby-players li strong{font-size:calc(13px * var(--u));line-height:1.2;overflow-wrap:anywhere}.empty{color:var(--muted);margin-top:calc(32px * var(--u));font-size:calc(19px * var(--u))}.pairing-stage{flex:1;display:flex;align-items:center;justify-content:center}.pairing-stage>div+div{margin-left:calc(60px * var(--u));max-width:calc(650px * var(--u))}.pairing-stage .qr-card img{width:calc(300px * var(--u));height:calc(300px * var(--u))}.pairing-stage h1{font-size:calc(54px * var(--u))}.pairing-stage p{font-size:calc(21px * var(--u));color:var(--muted)}.pairing-stage .eyebrow{font-size:calc(14px * var(--u));color:var(--accent)}.pairing-stage .pair-url{font-size:calc(18px * var(--u));color:var(--accent);overflow-wrap:anywhere}.interlude{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:calc(40px * var(--u))}.interlude h1{font-size:calc(54px * var(--u));margin-bottom:calc(24px * var(--u))}.interlude p{font-size:calc(24px * var(--u));color:var(--muted)}.interlude .eyebrow{font-size:calc(16px * var(--u))}#screen-countdown{font-size:calc(150px * var(--u));line-height:1;font-weight:650;color:var(--accent);font-variant-numeric:tabular-nums}.question-stage{height:100%;padding:calc(20px * var(--u)) calc(24px * var(--u));display:grid;grid-template-rows:calc(32px * var(--u)) minmax(0,1fr) calc(260px * var(--u)) calc(126px * var(--u))}.question-meta{display:flex;justify-content:space-between;align-items:center;font-size:calc(16px * var(--u));color:var(--muted)}.question-meta>b{font-size:calc(12px * var(--u));color:var(--accent);letter-spacing:.05em}.live-status{display:flex;align-items:center}#response-count{margin-right:calc(5px * var(--u))}#screen-question-timer{display:inline-flex;width:calc(40px * var(--u));height:calc(36px * var(--u));justify-content:center;align-items:center;margin-left:calc(12px * var(--u));background:var(--soft);border-radius:calc(8px * var(--u));font-size:calc(22px * var(--u));color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}.prompt-region{display:flex;min-height:0;padding:calc(10px * var(--u)) 0 calc(16px * var(--u))}.fitted-prompt{width:100%;height:100%;min-height:0;margin:0;font-size:calc(42px * var(--u));line-height:1.16;overflow-wrap:break-word}.with-media{grid-template-columns:65% 35%;grid-template-rows:calc(32px * var(--u)) minmax(0,1fr) calc(220px * var(--u)) calc(126px * var(--u))}.with-media .question-meta{grid-column:1 / -1}.with-media .prompt-region{grid-column:1;grid-row:2;padding-right:calc(20px * var(--u))}.with-media .screen-answers{grid-column:1;grid-row:3;margin-right:calc(15px * var(--u))}.with-media .feedback-region{grid-column:1 / -1}.retained-media{grid-column:2;grid-row:2 / 4;margin:calc(10px * var(--u)) 0 0 calc(8px * var(--u));padding:calc(10px * var(--u));background:var(--canvas);border-radius:calc(16px * var(--u));min-width:0;min-height:0;display:flex;align-items:center}.retained-media .question-media{height:100%;width:100%}.with-media .answer-copy{font-size:calc(27px * var(--u))}.with-media .answer-avatars i{font-size:calc(12px * var(--u));width:calc(12px * var(--u))}.question-media{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0}.question-media img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.question-media figcaption{font-size:calc(12px * var(--u));color:var(--muted);margin-top:calc(6px * var(--u));text-align:center;flex-shrink:0}.screen-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));margin:calc(-5px * var(--u));min-height:0}.screen-answers.options-2{grid-template-rows:minmax(0,1fr);align-items:center}.screen-answers.options-2 .screen-answer{height:calc(146px * var(--u))}.screen-answer{display:flex;align-items:flex-start;position:relative;min-height:0;margin:calc(5px * var(--u));padding:calc(10px * var(--u)) calc(46px * var(--u)) calc(26px * var(--u)) calc(14px * var(--u));background:var(--answer-color);color:var(--white);border:calc(4px * var(--u)) solid transparent;border-radius:calc(14px * var(--u))}.answer-blue{--answer-color: var(--blue)}.answer-magenta{--answer-color: var(--magenta)}.answer-amber{--answer-color: var(--amber)}.answer-green{--answer-color: var(--green)}.answer-number{flex-shrink:0;width:calc(32px * var(--u));font-size:calc(25px * var(--u));font-weight:700;line-height:1.1}.answer-copy{display:block;width:100%;height:100%;font-size:calc(27px * var(--u));font-weight:600;line-height:1.12;overflow-wrap:break-word}.correct-answer{border-color:var(--correct);box-shadow:0 0 0 calc(2px * var(--u)) var(--correct)}.correct-check{position:absolute;top:calc(9px * var(--u));right:calc(10px * var(--u));font-size:calc(27px * var(--u));line-height:1;border-radius:50%;color:var(--white);background:var(--correct);padding:calc(3px * var(--u))}.answer-avatars{position:absolute;bottom:calc(3px * var(--u));left:calc(12px * var(--u));right:calc(10px * var(--u));height:calc(23px * var(--u));display:flex;align-items:center}.answer-avatars i{font-style:normal;font-size:calc(18px * var(--u));line-height:1;width:calc(20px * var(--u));text-align:center;flex-shrink:0}.feedback-region{padding-top:calc(18px * var(--u));min-height:0;display:grid;grid-template-columns:62% 38%}.feedback-copy{padding-right:calc(24px * var(--u));min-height:0;display:flex;flex-direction:column}.feedback-copy p{margin:0;min-height:0;flex:1;font-size:calc(23px * var(--u));line-height:1.25}.source-credit{flex-shrink:0;color:var(--muted);font-size:calc(11px * var(--u));padding-top:calc(4px * var(--u))}.answer-hint{grid-column:1 / -1;align-self:center;color:var(--muted);font-size:calc(21px * var(--u));text-align:center}.round-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;border-left:1px solid var(--line);padding-left:calc(18px * var(--u))}.round-results>span{display:block;padding-right:calc(6px * var(--u));font-size:calc(12px * var(--u));min-height:calc(27px * var(--u));line-height:1.25;overflow-wrap:anywhere}.round-results b{white-space:nowrap;color:var(--green)}.media-stage{height:100%;padding:calc(28px * var(--u));display:flex;flex-direction:column;align-items:center;text-align:center}.media-stage header{flex-shrink:0}.media-stage h1{font-size:calc(36px * var(--u));margin-bottom:calc(12px * var(--u))}.media-stage .eyebrow{font-size:calc(12px * var(--u));margin-bottom:calc(4px * var(--u))}.media-stage .question-media{flex:1;width:90%}.media-stage .question-media figcaption{font-size:calc(16px * var(--u))}.media-status{color:var(--muted);font-size:calc(18px * var(--u));margin:calc(16px * var(--u)) 0 0}.final-stage{height:100%;padding:calc(20px * var(--u)) calc(32px * var(--u));display:grid;grid-template-columns:54% 46%;grid-template-rows:calc(94px * var(--u)) minmax(0,1fr)}.final-stage>header{grid-column:1 / -1;text-align:center}.final-stage h1{font-size:calc(36px * var(--u))}.final-stage .eyebrow{font-size:calc(11px * var(--u));margin-bottom:calc(5px * var(--u))}.podium{display:flex;align-items:flex-end;justify-content:center;padding:0 calc(24px * var(--u)) calc(24px * var(--u)) 0;min-width:0}.podium-tier{width:33.333%;margin:0 calc(5px * var(--u));min-width:0;text-align:center}.podium-person{display:flex;flex-direction:column;align-items:center;padding:calc(12px * var(--u)) calc(4px * var(--u))}.podium-person>span{font-size:calc(48px * var(--u));line-height:1.2}.podium-person strong{font-size:calc(22px * var(--u));line-height:1.15;margin:calc(12px * var(--u)) 0 calc(7px * var(--u));overflow-wrap:anywhere;max-width:100%}.podium-person b{font-size:calc(20px * var(--u));color:var(--accent)}.podium-step{height:calc(88px * var(--u));background:var(--soft);border-radius:calc(14px * var(--u)) calc(14px * var(--u)) 0 0;display:flex;flex-direction:column;justify-content:center}.tier-1 .podium-step{height:calc(150px * var(--u));background:var(--accent);color:var(--white)}.tier-3 .podium-step{height:calc(58px * var(--u))}.podium-step>b{font-size:calc(38px * var(--u));line-height:1.1}.podium-step>span{font-size:calc(12px * var(--u))}.empty-tier{visibility:hidden}.standings{border-left:1px solid var(--line);padding-left:calc(28px * var(--u));min-height:0}.standings header{display:flex;justify-content:space-between;align-items:baseline;height:calc(38px * var(--u))}.standings h2{font-size:calc(20px * var(--u))}#page-label{font-size:calc(13px * var(--u));color:var(--muted)}.standing-page{list-style:none;margin:0;padding:0}.standing-page li{display:flex;align-items:center;height:calc(42px * var(--u));border-bottom:1px solid var(--line);font-size:calc(18px * var(--u))}.standing-page li>b{min-width:calc(26px * var(--u));color:var(--muted)}.standing-avatar{margin:0 calc(8px * var(--u))}.standing-page strong{flex:1;font-weight:600;overflow-wrap:anywhere}.standing-page li>span:last-child{padding-left:calc(8px * var(--u));font-variant-numeric:tabular-nums}.player-game{width:100%;min-height:100%;padding:16px;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));display:flex;flex-direction:column}.locked .player-game{height:100%;min-height:0}.player-meta{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:44px}.player-meta .brand strong{font-size:18px}.player-meta .brand-symbol{width:34px;height:34px;margin-right:8px}.player-meta .brand span{font-size:10px}#player-score{font-size:18px;margin-left:12px}.question-progress{font-size:30px;text-align:center;flex-shrink:0;margin:24px 0 12px}.player-status{font-size:18px;text-align:center;flex-shrink:0;min-height:32px;margin-bottom:16px;color:var(--muted)}.player-status>strong,.player-status>span,.player-status>small{display:block;margin:10px 0}.player-status>strong{font-size:34px;color:var(--ink)}.player-status>span{font-size:48px;color:var(--accent);font-weight:650}.player-status .outcome-correct{color:var(--correct)}.player-game[data-phase=reveal] .player-status{margin:auto 0;padding:24px 0}.player-game[data-phase=lobby] .player-status,.player-game[data-phase=media] .player-status,.player-game[data-phase=paused] .player-status{padding:36px 20px;font-size:26px}.answer-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));margin:-5px;flex:1;min-height:0}.answer-buttons.binary{grid-template-rows:minmax(0,1fr)}.answer-button{position:relative;margin:5px;border:4px solid transparent;border-radius:20px;background:var(--answer-color);color:var(--white);font-size:68px;font-weight:650;line-height:1;min-height:0;padding:12px}.answer-button:disabled{opacity:.65}.answer-button.selected{border-color:var(--ink);box-shadow:inset 0 0 0 3px var(--white);opacity:1}.selection-check{display:none;position:absolute;right:12px;top:10px;font-size:25px}.selected .selection-check{display:block}.player-countdown{display:block;text-align:center;margin:auto 0;color:var(--accent);font-size:132px;font-weight:650}.player-final{max-width:640px;width:100%;margin:0 auto;padding:10px 0 32px}.player-final>h2{text-align:center;font-size:23px}.your-rank{text-align:center}.mobile-podium{display:flex;align-items:flex-start;margin:28px -4px}.mobile-tier{flex:1;min-width:0;padding:10px 6px;background:var(--soft);border-radius:14px;margin:0 4px;text-align:center}.mobile-tier.tier-1{background:var(--accent-soft)}.mobile-tier h3{margin-bottom:12px;color:var(--accent)}.mobile-tier>div{padding:8px 2px;border:2px solid transparent;border-radius:10px}.mobile-tier span,.mobile-tier strong,.mobile-tier b{display:block}.mobile-tier span{font-size:30px}.mobile-tier strong{font-size:14px;overflow-wrap:anywhere;line-height:1.25;margin:8px 0}.mobile-tier b{font-size:15px}.mobile-standings{list-style:none;padding:0;margin:20px 0}.mobile-standings li{display:flex;align-items:center;background:var(--surface);border:2px solid transparent;border-radius:12px;min-height:60px;padding:10px;margin-bottom:8px}.mobile-standings li>b:first-child{width:25px}.mobile-standings span{margin:0 10px;font-size:23px}.mobile-standings strong{flex:1;font-size:16px;overflow-wrap:anywhere}.mobile-standings li>b:last-child{padding-left:8px}.current-player{border-color:var(--accent)!important;background:var(--accent-soft)!important}#final-top{width:100%;margin-top:12px}.facilitator{max-width:650px}.fac-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.language-label{margin:0 0 0 12px}.language-label>span{font-size:11px;color:var(--muted)}.language-label select{min-height:36px;font-size:13px;padding:4px}.steps{display:flex;justify-content:space-between;font-size:12px;margin:0 0 22px;color:var(--muted)}.steps strong{color:var(--accent);font-weight:650}.settings{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}summary{cursor:pointer;color:var(--muted);font-weight:600}.checkbox-label{display:flex;align-items:center}.checkbox-label input{margin-right:12px;width:20px;height:20px}.fac-stats{background:var(--soft);border-radius:12px;padding:18px;font-size:15px}.danger-zone{margin-top:32px;background:transparent}.danger-zone p{margin-top:20px;font-size:14px}.danger-zone button,#skip-image{width:100%;margin-top:12px}@media(max-width:420px){.card{padding:22px}.fac-header .brand strong{font-size:17px}.fac-header .brand-symbol{width:34px;height:34px;margin-right:8px}.fac-header .brand span{font-size:10px}}@media(max-height:500px)and (orientation:landscape){.player-game{padding-top:8px;padding-bottom:8px}.player-meta{min-height:32px}.player-meta .brand-symbol{width:28px;height:28px}.player-meta .brand span{display:none}.question-progress{font-size:25px;margin:6px 0}.player-status{font-size:16px;margin:0 0 6px;min-height:24px}.answer-buttons{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.answer-buttons.binary{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-button{font-size:52px;border-radius:14px}.player-status>strong{font-size:25px}.player-status>span{font-size:32px}.player-status>strong,.player-status>span,.player-status>small{margin:4px}.player-countdown{font-size:100px}}
