:root{--bg:#0c0d0f;--panel:#17191c;--line:#2c2f32;--ink:#f4f3ee;--muted:#a1a5aa;--lime:#e3fc64;--red:#ff776f;--radius:14px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{opacity:.4}button{color:inherit}strong{font-weight:600}h1,h2,h3,p{margin:0}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;line-height:1.06;letter-spacing:.015em}h3{font-size:1.2rem;line-height:1.45}.hidden{display:none!important}.lime{color:var(--lime)}.muted{color:var(--muted)}.eyebrow{font-size:.85rem;letter-spacing:.15em;font-weight:700;display:block}.grain{pointer-events:none;position:fixed;z-index:9;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.loading{min-height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;color:var(--muted)}.brand-icon{display:inline-grid;place-items:center;background:var(--lime);color:var(--bg);font:italic 900 32px/1 Arial;width:44px;height:44px;border-radius:3px;flex:none}.wordmark{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:.88rem;letter-spacing:.09em;line-height:1.2;font-weight:500}.wordmark b{font-weight:900}.wordmark small{display:block;color:var(--muted);font-size:.66rem;letter-spacing:.22em;margin-top:5px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:96px;border-bottom:1px solid var(--line);flex:none}.header-meta{display:flex;gap:18px;align-items:center}.room-code{font-family:monospace;letter-spacing:.18em;font-size:1rem;border:1px solid var(--line);border-radius:6px;padding:7px 13px}.pill{font-size:.75rem;letter-spacing:.14em;color:var(--muted)}.fullscreen{background:none;border:0;font-size:2rem;color:var(--muted);padding:4px 10px}.screen{min-height:100vh;padding:0 clamp(24px,4.5vw,88px);display:flex;flex-direction:column}.screen footer{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:.78rem;color:var(--muted);letter-spacing:.06em;margin-top:auto;border-top:1px solid var(--line)}footer b,.runtime b,.frame-caption b{margin:0 8px;color:#575c5f}.lobby-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:clamp(30px,6vw,90px);padding:36px 0;flex:1;align-items:center}.lobby-left h1{font-size:clamp(68px,7.7vw,148px);margin:15px 0 10px;position:relative;display:inline-block}.lobby-left h1 span{color:var(--lime)}.lobby-left h1 sup{font:700 .9rem Arial;color:var(--muted);border:1px solid var(--line);border-radius:50%;padding:12px 8px;position:absolute;right:-60px;top:4px;transform:rotate(12deg)}.intro-copy{color:var(--muted);font-size:1.15rem;margin-bottom:26px}.round-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.round-strip>div{display:flex;gap:12px;align-items:flex-start}.round-strip b{color:var(--lime);font-family:monospace;font-size:1.1rem}.round-strip span{font-size:.96rem;line-height:1.4}.round-strip small{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.roster-heading{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}.roster-heading b{color:var(--ink);font:400 .9rem monospace}.roster{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-card{display:flex;gap:12px;align-items:center;padding:13px 15px;min-width:0;border:1px solid var(--line);border-radius:9px;background:#141619}.player-card>div{min-width:0;flex:1}.player-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.player-card div>span{display:block;color:var(--muted);font-size:.8rem}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#354027;color:var(--lime);font-weight:800;flex:none}.avatar-1{background:#3b3149;color:#d9bafa}.avatar-2{background:#3d3529;color:#ffd096}.avatar-3{background:#294048;color:#9cdbf4}.avatar-4{background:#4a2e35;color:#ffa2c1}.avatar-5{background:#2a4340;color:#96ddca}.connected-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none}.offline .connected-dot{background:#636970}.offline{opacity:.55}.host-star{color:var(--lime)}.empty-roster{display:flex;align-items:center;gap:18px;grid-column:1/-1;min-height:75px;color:var(--muted);font-size:.95rem}.empty-roster>span{font:400 2rem monospace;color:#4a4e53}.lobby-right{position:relative;max-width:410px;justify-self:center;width:100%}.qr-block{text-align:center}.qr-block img{width:clamp(210px,18vw,290px);height:auto;padding:14px;background:white;border-radius:12px;box-shadow:0 0 70px #dfff6810;margin-bottom:24px}.qr-block .eyebrow{font-size:.76rem;color:var(--lime)}.qr-block p{font-size:.9rem;color:var(--muted);margin:9px 0}.qr-url{font:400 .9rem monospace;color:var(--ink)}.ticket-note{margin-top:24px;padding:22px 26px;border:1px solid var(--line);border-radius:10px;position:relative;background:linear-gradient(145deg,#1b1e19,#141619)}.ticket-number{font:400 .85rem monospace;color:var(--muted)}.ticket-note p{font-size:1rem;margin:12px 0 18px}.runtime{display:block;font-size:.72rem;letter-spacing:.055em;color:var(--muted);border-top:1px dashed #444;padding-top:15px;white-space:nowrap}.phone{max-width:560px;min-height:100dvh;margin:0 auto;padding:0 22px 30px}.phone header{min-height:86px}.phone .wordmark{font-size:.7rem;gap:9px}.phone .brand-icon{width:34px;height:34px;font-size:25px}.phone .wordmark small{font-size:.58rem}.phone .room-code{font-size:.85rem;padding:6px 9px;letter-spacing:.1em}.player-name{font-size:.85rem;color:var(--muted);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone .header-meta{gap:10px}.phone-body{padding:30px 0}.phone-body>h1{font-size:3.6rem;margin:12px 0 20px}.phone-body>.muted{font-size:1rem;line-height:1.6}.phone-ticket{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:25px 0}.phone-ticket>strong{display:block;font-size:1rem;letter-spacing:.06em}.phone-ticket>span{display:block;color:var(--muted);font-size:.9rem;margin-top:6px}.ticket-dash{border-top:1px dashed #41454a;margin:18px 0}.phone .roster{grid-template-columns:1fr}.phone .player-card{padding:13px 14px}.privacy-note{font-size:.85rem;color:var(--muted);margin:20px 0}.button{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px 22px;min-height:57px;border:0;border-radius:9px;font-size:1rem;font-weight:700;text-decoration:none}.primary{background:var(--lime);color:#16190b}.primary:hover:not(:disabled){background:#edff98}.button>span{margin-left:auto;font-size:1.3rem}.secondary{border:1px solid var(--line);background:var(--panel);color:var(--ink)}.full{width:100%}.help{font-size:.86rem;color:var(--muted);margin-top:14px}.center{text-align:center}.waiting{display:flex;justify-content:center;align-items:center;gap:10px;background:var(--panel);padding:18px;border-radius:9px;margin:18px 0;font-size:.93rem;color:var(--muted)}.pulse{width:8px;height:8px;flex:none;background:var(--lime);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.25}}.join-phone{overflow:hidden}.join-phone .phone-body{position:relative;padding-top:45px}.join-phone h1{font-size:3.8rem}.join-stamp{position:absolute;right:10px;top:60px;border:1px solid #3e4532;color:#687545;border-radius:50%;width:76px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.68rem;letter-spacing:.12em;transform:rotate(17deg)}.join-stamp span{font-size:1rem;margin-top:2px}form{margin:32px 0}label{display:block;margin-bottom:9px;font-size:.9rem;font-weight:600}input{width:100%;min-height:58px;border-radius:8px;border:1px solid #464c51;background:#181b1e;color:white;padding:14px 16px;font-size:1.1rem}input::placeholder{color:#757b80}form .button{margin-top:15px}.form-error{color:var(--red);font-size:.9rem;margin-top:12px}.join-rule{display:flex;gap:16px;align-items:center;margin:35px 0;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.join-rule>span{color:var(--lime);font:400 1.3rem monospace}.code-input{text-transform:uppercase;font-family:monospace;letter-spacing:.2em}.countdown-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:35px 0}.countdown-scene h1{font-size:clamp(38px,5vw,86px);margin:20px 0}.countdown-scene p{max-width:700px;color:var(--muted);font-size:1.15rem;line-height:1.7}.countdown-number{font-family:Impact,Arial,sans-serif;font-size:clamp(120px,15vw,230px);line-height:1.2;color:var(--lime)}.phone .countdown-scene{min-height:calc(100dvh - 200px);padding-bottom:80px}.phone .countdown-scene h1{font-size:2.8rem}.phone .countdown-scene p{font-size:1rem}.phone .countdown-number{font-size:140px}.question-body{flex:1;padding:24px 0}.question-top{display:flex;gap:22px;align-items:center;margin-bottom:20px}.question-top>div:first-child{flex:1}.question-top h2{font-size:clamp(24px,2.5vw,42px);margin-top:6px}.question-counter{font:600 1.3rem monospace;white-space:nowrap}.question-counter span{color:var(--muted)}.timer-badge{width:74px;height:74px;border-radius:50%;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--panel);flex:none}.timer-badge>span{font:600 2rem monospace;line-height:1.1;color:var(--lime)}.timer-badge small{font-size:.65rem;letter-spacing:.1em;color:var(--muted)}.urgent{color:var(--red)!important}.frame-stage{display:flex;flex-direction:column;align-items:center}.film-frame{display:block;width:100%;height:clamp(240px,49vh,660px);object-fit:contain;background:#050607;border:1px solid var(--line);border-radius:9px}.frame-caption{margin:12px 0 3px;color:var(--muted);font-size:.78rem;letter-spacing:.14em}.answer-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:15px 0;color:var(--muted);font-size:.95rem}.answer-status>div{display:flex;gap:14px;flex-wrap:wrap}.answer-player{font-size:.85rem}.answer-player.done{color:var(--lime)}.timer-track{height:3px;width:100%;background:#323637;border-radius:3px;overflow:hidden}.timer-track i{display:block;height:100%;background:var(--lime);transition:width .1s linear}.tv-matching{display:grid;grid-template-columns:1fr 40px 1fr;gap:28px;max-width:1100px;margin:24px auto}.match-column>.eyebrow{color:var(--muted);margin-bottom:14px}.tv-match-row{display:flex;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 18px;margin:9px 0;min-height:51px}.tv-match-row>span{font:400 1rem monospace;color:var(--lime);width:20px}.tv-match-row strong{font-size:clamp(16px,1.5vw,25px)}.match-divider{align-self:center;text-align:center;color:#494e51;font-size:2rem}.trivia-stage{position:relative;max-width:1100px;margin:25px auto 30px}.trivia-stage h1{font-family:Arial,sans-serif;font-size:clamp(26px,2.6vw,46px);font-weight:600;line-height:1.3;margin-bottom:25px;position:relative;z-index:1}.question-mark{position:absolute;font-family:Impact,sans-serif;font-size:350px;line-height:1;color:#191d16;right:-50px;top:-50px;pointer-events:none}.tv-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}.tv-options>div{display:flex;align-items:center;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:76px;padding:18px}.tv-options span{color:var(--lime);font:400 1rem monospace}.tv-options strong{font-size:1.2rem}.pause-overlay{position:fixed;inset:96px 0 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c0d0fe8;z-index:10;backdrop-filter:blur(8px)}.pause-overlay>span{color:var(--lime);font-size:5rem}.pause-overlay h2{font-size:4rem;margin-bottom:20px}.pause-overlay p{color:var(--muted);font-size:1.2rem}.game-phone{padding-bottom:85px}.phone .question-top{gap:12px;margin-bottom:14px}.phone .question-top .eyebrow{font-size:.69rem;letter-spacing:.1em}.phone .question-top h2{font-family:Arial,sans-serif;font-size:1.2rem;font-weight:700;margin-top:7px}.phone .question-counter{font-size:.88rem}.phone .timer-badge{width:55px;height:55px}.phone .timer-badge>span{font-size:1.4rem}.phone .timer-badge small{font-size:.56rem}.phone .question-top>div:first-child{min-width:0}.phone-frame{margin:20px 0 18px}.phone-frame img{width:100%;height:185px;object-fit:contain;display:block;background:#050607;border:1px solid var(--line);border-radius:9px}.phone-prompt{font-size:1.05rem;margin:20px 0 16px;font-weight:500;color:var(--ink)}.choices{display:flex;flex-direction:column;gap:10px}.choice{display:flex;align-items:center;gap:12px;min-height:63px;text-align:left;border:1px solid #363a3f;border-radius:10px;background:var(--panel);padding:14px}.choice>span{font:400 .88rem monospace;color:var(--muted);flex:none;width:26px;height:26px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center}.choice strong{flex:1;font-size:1rem;line-height:1.35}.choice>b{color:var(--lime)}.choice.selected{background:#242d13;border-color:var(--lime)}.choice.selected>span{background:var(--lime);color:#111;border-color:var(--lime)}.answer-receipt{color:var(--muted);font-size:.85rem;margin:18px 0;min-height:40px}.answer-receipt.saved{color:var(--lime)}.host-controls{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);background:#141619;padding:14px 22px;padding-bottom:max(14px,env(safe-area-inset-bottom));z-index:11}.host-controls>span{color:var(--muted);font-size:.73rem;letter-spacing:.1em}.host-controls button{border:1px solid #4e5358;border-radius:7px;background:transparent;padding:9px 15px;font-size:.9rem}.host-claim{padding:0 0 22px}.pause-note{color:var(--lime);border:1px solid #697834;border-radius:8px;background:#222914;padding:12px;margin:16px 0;font-size:.95rem}.mobile-matching{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-matching>div>.eyebrow{font-size:.7rem;color:var(--muted);margin-bottom:9px}.match-instruction{color:var(--muted);font-size:.9rem;line-height:1.5;margin:20px 0;min-height:42px}.match-item{width:100%;min-height:73px;display:flex;align-items:center;gap:8px;position:relative;border:1px solid #373b3e;border-radius:9px;background:var(--panel);margin-bottom:9px;padding:10px;text-align:left}.match-item strong{font-size:.86rem;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.pair-number{flex:none;background:#2e3337;color:var(--muted);width:22px;height:22px;border-radius:4px;display:grid;place-items:center;font:400 .8rem monospace}.match-item.paired{border-color:#626e37;background:#1d2414}.match-item.paired .pair-number{background:var(--lime);color:#111}.match-item.active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.match-item small{position:absolute;top:4px;right:5px;color:var(--lime);font-size:.7rem}.match-bottom{display:flex;justify-content:space-between;align-items:center;margin:9px 0 18px;color:var(--muted);font-size:.9rem}.text-button{background:none;border:0;color:var(--lime);font-size:.85rem;padding:6px}.results-main{flex:1;padding:25px 0}.results-head h1{font-size:clamp(38px,4.2vw,76px);margin:10px 0}.results-head p{color:var(--muted);font-size:1rem}.results-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(420px,1.8fr);gap:40px;margin:25px 0}.results-grid>.round-review>.eyebrow,.results-grid>div>.eyebrow{color:var(--muted);margin-bottom:12px}.scoreboard{display:flex;flex-direction:column;gap:9px}.score-row{display:flex;align-items:center;gap:17px;min-height:73px;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.score-row.leader{border-color:#748942;background:#212814}.rank{font:400 1rem monospace;color:var(--muted)}.score-row.leader .rank{color:var(--lime)}.score-row>div{flex:1;min-width:0}.score-row strong{display:block;font-size:1.1rem;overflow-wrap:anywhere}.score-row small{display:block;color:var(--muted);font-size:.8rem}.score{font:600 2rem monospace;color:var(--lime);display:flex;gap:5px;align-items:baseline}.score>small{font:400 .8rem monospace}.reveal-list{display:flex;flex-direction:column;gap:8px}.reveal-item{display:flex;gap:14px;align-items:center;padding:10px 14px;min-height:62px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.reveal-item img{width:77px;height:48px;object-fit:cover;border-radius:4px;flex:none}.reveal-item>div{flex:1}.reveal-item strong{display:block;font-size:1rem}.reveal-item small{display:block;color:var(--muted);font-size:.8rem;line-height:1.4}.reveal-num{font:400 .9rem monospace;color:var(--muted);width:24px;flex:none}.tv-next-note{border-top:1px solid var(--line);padding:16px 0 0;color:var(--muted);font-size:.95rem}.final-ticket{padding:20px 0}.final-ticket>span{font-family:Impact,sans-serif;font-size:4.5rem;color:var(--lime);letter-spacing:.06em}.final-ticket p{color:var(--muted);font-size:1rem}.phone .results-head h1{font-size:3rem}.phone .results-grid{grid-template-columns:1fr;gap:28px;margin:25px 0}.phone .score-row{min-height:75px}.phone .reveal-item{padding:12px}.phone .reveal-item img{width:58px;height:43px}.verdict{font:600 1rem monospace;color:#969ba0;flex:none}.verdict.correct{color:var(--lime)}.phone .final-ticket{display:none}.connection{position:fixed;top:0;left:0;right:0;z-index:100;background:#e3fc64;color:#1a1e0b;text-align:center;padding:10px;font-size:.9rem;font-weight:600}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);width:calc(100% - 36px);max-width:500px;background:#343930;border:1px solid #738050;border-radius:10px;padding:16px 20px;z-index:100;color:var(--ink);font-size:.95rem;box-shadow:0 8px 30px #0008}.its-me strong:after{content:' · вы';color:var(--muted);font-size:.85rem;font-weight:400}
@media(min-width:1600px){.lobby-main{padding:45px 0}.player-card{padding:17px}.roster{gap:13px}.round-strip{margin-bottom:35px;padding:25px 0}.ticket-note{padding:30px}.ticket-note p{font-size:1.25rem}.qr-block p{font-size:1rem}.tv-match-row{min-height:66px}.reveal-item{padding:15px;min-height:80px}.reveal-item strong{font-size:1.2rem}.reveal-item small{font-size:.9rem}.score-row{min-height:85px}.score-row strong{font-size:1.4rem}}
@media(max-width:1050px){.lobby-main{gap:35px}.lobby-left h1{font-size:7.9vw}.lobby-left h1 sup{right:-48px;font-size:.75rem;padding:9px 6px}.round-strip{gap:9px}.round-strip>div{gap:7px}.round-strip span{font-size:.85rem}.round-strip small{font-size:.75rem}.roster{grid-template-columns:1fr}.player-card{padding:9px 12px}.qr-block img{width:225px}.results-grid{gap:22px;grid-template-columns:1fr 1.6fr}.tv-matching{gap:15px}.screen footer{font-size:.68rem}.pill{display:none}}
@media(max-width:700px){.screen{padding:0 20px}.screen header{min-height:80px}.lobby-main{grid-template-columns:1fr}.lobby-left h1{font-size:20vw}.lobby-right{padding-bottom:30px}.screen footer{flex-direction:column;gap:8px}.results-grid{grid-template-columns:1fr}.tv-matching{gap:9px;grid-template-columns:1fr 15px 1fr}.tv-match-row{padding:10px;gap:7px}.tv-match-row strong{font-size:.86rem}.screen .question-counter{font-size:.9rem}.tv-options{grid-template-columns:1fr}.trivia-stage h1{font-size:1.5rem}.screen .timer-badge{width:55px;height:55px}.screen .timer-badge>span{font-size:1.5rem}.screen .question-top{gap:10px}.film-frame{height:35vh}.answer-status{align-items:flex-start;flex-direction:column}.screen .wordmark{font-size:.7rem}.screen .brand-icon{width:34px;height:34px;font-size:25px}.screen .header-meta{gap:7px}.screen .room-code{font-size:.8rem;padding:6px}.fullscreen{padding:0}.phone .roster{grid-template-columns:1fr}.phone .phone-body{padding-top:24px}.phone .join-phone .phone-body{padding-top:40px}}
@media(max-height:730px) and (min-width:1000px){header{min-height:76px}.lobby-main{padding:20px 0}.lobby-left h1{font-size:clamp(64px,7vw,110px);margin:10px 0 7px}.intro-copy{margin-bottom:17px}.round-strip{padding:15px 0;margin-bottom:18px}.ticket-note{padding:18px;margin-top:18px}.qr-block img{width:210px;margin-bottom:15px}.question-body{padding:15px 0}.question-top{margin-bottom:12px}.film-frame{height:45vh}.tv-match-row{min-height:45px;padding:9px 15px;margin:7px 0}.tv-matching{margin:12px auto}.results-head h1{font-size:3rem}.results-grid{margin:18px 0}.reveal-item{min-height:53px;padding:8px 12px}.reveal-item img{height:40px}.screen footer{padding:12px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}