@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--panel:#081c30c7;--line:#bcebff2e;--text:#ecf8ff;--muted:#a1b9ca;--aqua:#60dafd;--mint:#65e0b0;--gold:#ffd273;--coral:#ff8585}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:#041220;font-family:Manrope,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.shell{background:radial-gradient(circle at 15% 5%,#114f70 0,#0000 29%),radial-gradient(circle at 90% 30%,#1c386e 0,#0000 27%),#041220;min-height:100dvh;padding:20px max(18px,4vw) 48px;position:relative;overflow:hidden}.glow{aspect-ratio:1;opacity:.22;filter:blur(85px);pointer-events:none;border-radius:50%;width:42vw;position:absolute}.glow.one{background:#14d4ff;top:-20%;left:-20%}.glow.two{background:#7054ff;bottom:-25%;right:-22%}.eyebrow{color:#8bcee5;letter-spacing:.16em;margin:0 0 9px;font:500 11px DM Mono,monospace}.hero,.login,.setup{border:1px solid var(--line);background:linear-gradient(145deg,#123d58c7,#051323d6);border-radius:30px;width:min(950px,100%);margin:7vh auto;padding:clamp(30px,7vw,80px);position:relative;box-shadow:0 30px 90px #00000052}h1{letter-spacing:-.08em;margin:0;font-size:clamp(42px,9vw,92px);line-height:.92}h1 em{color:var(--aqua);font-family:Playfair Display,serif;font-weight:600}.hero>p:not(.eyebrow){color:#c4dce8;max-width:540px;margin:25px 0 36px;font-size:18px;line-height:1.65}.roles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.roles a{color:#fff;border:1px solid var(--line);background:#01111f61;border-radius:20px;flex-direction:column;min-height:165px;padding:22px;text-decoration:none;transition:all .2s;display:flex}.roles a:hover{border-color:var(--aqua);transform:translateY(-3px)}.roles .active{background:linear-gradient(135deg,#0d8baa,#09617f)}.roles b{font-size:20px}.roles span{color:#c9e4f2;margin-top:8px;font-size:13px;line-height:1.45}.roles i{margin-top:auto;font-size:28px;font-style:normal}.badges{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.badges span,.live{color:#a2ecff;border:1px solid var(--line);letter-spacing:.1em;border-radius:999px;padding:8px 11px;font:500 10px DM Mono,monospace}.login{max-width:490px}.login h2,.setup h2{letter-spacing:-.05em;margin:0 0 26px;font-size:clamp(29px,5vw,48px)}.login form{gap:12px;display:grid}.login input,.config select{width:100%;color:var(--text);border:1px solid var(--line);background:#071d31;border-radius:13px;padding:14px}.login button,.primary,.controls button{color:#032231;letter-spacing:.03em;background:linear-gradient(135deg,#1bb8db,#52e1ad);border:0;border-radius:13px;padding:14px 18px;font-weight:800}.notice{color:#b6e5f8;font-size:13px;line-height:1.5}.center{text-align:center}.header{justify-content:space-between;align-items:center;gap:18px;max-width:1500px;margin:0 auto 25px;display:flex;position:relative}.header h1{font-size:clamp(28px,5vw,48px)}.setup{max-width:800px}.muted{color:var(--muted)}.config{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.config label{color:#bad2df;font-size:12px}.config select{margin-top:7px}.rule{color:#a9dfef;margin:22px 0 0;font-size:13px;line-height:1.5}.primary{width:100%;margin-top:18px;font-size:16px}.regia-grid,.screen-grid{grid-template-columns:230px minmax(0,1fr) 280px;align-items:start;gap:16px;max-width:1500px;margin:auto;display:grid;position:relative}.screen-grid{grid-template-columns:minmax(0,1fr) 280px}.controls,.board,.question,.tools,.qrs{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border-radius:22px}.controls{gap:9px;padding:18px;display:grid}.controls button{color:#eaffff;background:#126e8d}.controls .soft{background:#294b60}.timer{text-align:center;background:#051d2dbf;border:1px solid #5fdafd6b;border-radius:18px;min-width:115px;margin:0 0 6px;padding:12px}.timer b{color:var(--aqua);font:700 28px DM Mono,monospace;display:block}.timer small{color:#91bad0;letter-spacing:.16em;font:500 9px DM Mono,monospace}.timer.urgent b{color:var(--coral)}.question{min-height:510px;padding:clamp(24px,4vw,54px)}.question-meta{color:#8ddcf7;letter-spacing:.09em;justify-content:space-between;gap:14px;font:500 10px DM Mono,monospace;display:flex}.question-meta span{color:var(--gold)}.kicker{color:#8de6d1;margin:40px 0 8px;font:italic 20px Playfair Display,serif}.question h2{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(26px,4vw,47px);line-height:1.1}.answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answers button{min-height:70px;color:var(--text);border:1px solid var(--line);text-align:left;background:#081c30bf;border-radius:15px;align-items:center;gap:12px;padding:14px;display:flex}.answers button:hover:not(:disabled){border-color:var(--aqua);background:#0c3551}.answers button b{color:#a6efff;background:#155572;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.answers button span{font-size:14px;line-height:1.35}.answers button em{color:#052116;background:var(--mint);border-radius:6px;margin-left:auto;padding:5px;font:700 9px DM Mono,monospace}.answers button.correct{border-color:var(--mint);background:#46cb9e24}.fact{border-left:3px solid var(--aqua);background:#62dafd1a;border-radius:15px;margin-top:19px;padding:16px 19px}.fact b{color:#8fe7ff;letter-spacing:.1em;font:500 10px DM Mono,monospace}.fact p{color:#c5dce8;margin:7px 0 0;font-size:14px;line-height:1.5}.waiting{text-align:center;place-content:center;display:grid}.board{padding:18px}.team-row{border-bottom:1px solid #b4e6ff1a;grid-template-columns:20px 27px 1fr auto;align-items:center;gap:8px;padding:12px 0;display:grid}.team-row:last-child{border-bottom:0}.team-row>b{color:#83abc0;font:500 13px DM Mono,monospace}.team-row i{color:#042235;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;font-weight:800;display:grid}.team-row span{font-size:13px;font-weight:700;line-height:1.1}.team-row strong{color:var(--gold);font:700 18px DM Mono,monospace}.team-row small{color:#8faebe;font-size:9px}.qrs{flex-wrap:wrap;align-items:center;gap:16px;max-width:1500px;margin:16px auto 0;padding:20px;display:flex;position:relative}.qrs h2{margin:0;font-size:20px}.qrs article{border:1px solid var(--line);background:#0c263d;border-radius:14px;justify-items:center;gap:5px;min-width:138px;padding:13px;font-size:12px;display:grid}.qrs small{color:#9bc5d7}.team-question{max-width:830px;margin:auto;position:relative}.tools{justify-content:space-between;align-items:center;gap:15px;max-width:830px;margin:16px auto;padding:18px;display:flex;position:relative}.tools button{color:#e8faff;border:1px solid var(--line);background:#0b2c44;border-radius:10px;margin:4px 5px 0 0;padding:10px;font-size:12px}.tools button.selected{color:#ffe5a4;border-color:var(--gold);background:#5f4b1c}.tools .marea{color:#fff;background:linear-gradient(135deg,#0b7695,#244e8f);min-width:205px;margin:0;font-weight:800}.marea b{color:#b5ffe6;font:700 22px DM Mono,monospace}.team-board{max-width:830px;margin:auto;position:relative}.screen-status{align-items:center;gap:10px;display:flex}.screen-status .timer{margin:0}@media (width<=1050px){.regia-grid{grid-template-columns:220px minmax(0,1fr)}.regia-grid .board{grid-column:1/-1}.roles{grid-template-columns:1fr}.roles a{min-height:115px}.screen-grid{grid-template-columns:minmax(0,1fr) 220px}}@media (width<=680px){.shell{padding:14px 13px 30px}.header{align-items:flex-start}.live{font-size:8px}.config,.regia-grid,.screen-grid{grid-template-columns:1fr}.question{min-height:0;padding:26px 18px}.question-meta{font-size:8px}.kicker{margin-top:25px}.answers{grid-template-columns:1fr}.answers button{min-height:58px}.controls{grid-template-columns:1fr 1fr}.controls .timer{grid-column:1/-1}.controls button{font-size:12px}.tools{flex-direction:column;align-items:stretch}.tools .marea{width:100%}.qrs{grid-template-columns:1fr 1fr;display:grid}.qrs>div{grid-column:1/-1}.qrs article{min-width:0}.screen-grid .board{order:-1}.screen-status .timer{display:none}}.speaker{background:#051d2d9e;border:1px solid #5fdafd3d;border-radius:14px;margin-top:4px;padding:13px}.speaker.speaker-on{background:#2371653d;border-color:#65e0b08c}.speaker .eyebrow{margin-bottom:8px}.controls .speaker-toggle{background:#294b60;width:100%;padding:10px;font-size:11px}.speaker.speaker-on .speaker-toggle{color:#052116;background:var(--mint)}.speaker label{color:#c9e8f5;gap:6px;margin-top:10px;font-size:11px;display:grid}.speaker input{width:100%;accent-color:var(--mint)}.speaker-tests{grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:10px;display:grid}.controls .speaker-tests button{background:#0d607e;padding:8px 4px;font-size:8px}.speaker small{color:#9bc5d7;margin-top:9px;font-size:10px;line-height:1.4;display:block}.team-row.finalist{background:#ffd2731c;border-radius:12px;margin:0 -8px;padding:12px 8px}.finalist-label{letter-spacing:.1em;margin-top:3px;display:block;color:#ffe19a!important;font:700 8px DM Mono,monospace!important}.finale{text-align:center;background:radial-gradient(circle at 50% 0,#ffd27330,transparent 37%),var(--panel);display:block}.finale h2{margin-bottom:24px}.winner{background:linear-gradient(135deg,#7f5a1457,#225a694d);border:1px solid #ffd27380;border-radius:21px;max-width:600px;margin:0 auto 26px;padding:22px;box-shadow:0 0 45px #ffcf6e26}.winner i{color:var(--gold);margin-bottom:9px;font-size:34px;font-style:normal;display:block}.winner p{color:#ffe5a6;letter-spacing:.15em;margin:0;font:600 10px DM Mono,monospace}.winner strong{color:#fff4d0;letter-spacing:-.06em;margin:7px 0;font-size:clamp(30px,4vw,52px);display:block}.winner span{color:#ccecf8;font:700 15px DM Mono,monospace}.final-ranking{border-top:1px solid var(--line);max-width:600px;margin:auto;display:grid}.final-row{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:46px 1fr auto;gap:12px;padding:13px 4px;display:grid}.final-row b{color:#86b6ca;font:700 15px DM Mono,monospace}.final-row span{font-weight:800}.final-row strong{color:var(--gold);font:700 14px DM Mono,monospace}.final-row.champion{background:#ffd2731f;border-radius:12px;margin:0 -10px;padding:13px 14px}.final-thanks{color:#c5e6f1;margin:27px auto 0;font-size:14px}
