:root{--bg:#f3edf7;--fg:#293540;--heading:#0d0a27;--muted:#555;--card:#fff;--line:#ddd;--border:#0d0a27;--accent:#381c4d;--accent-hover:#5b2f82;--accent-fg:#e9d7ff;--highlight:#deb9f9;--soft:#e9d7ff;--mid:#ad83cc;--link:#8237dc;--error:#c10000;--shadow:0 1px 3px 0 #0000004d, 0 4px 8px 3px #00000026;color:var(--fg);background:var(--bg);font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif}.screen{--bg:#0d0a27;--fg:#e9d7ff;--heading:#fff;--muted:#ad83cc;--card:#201e38;--line:#ffffff24;--border:#deb9f9;--accent:#deb9f9;--accent-hover:#e9d7ff;--accent-fg:#0d0a27;--link:#deb9f9;--soft:#381c4d}@media (prefers-color-scheme:dark){:root{--bg:#0d0a27;--fg:#e9d7ff;--heading:#fff;--muted:#ad83cc;--card:#201e38;--line:#ffffff24;--border:#deb9f9;--accent:#deb9f9;--accent-hover:#e9d7ff;--accent-fg:#0d0a27;--link:#deb9f9;--soft:#381c4d}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{color:var(--heading);margin:.5em 0}h1{font-size:30px;font-weight:700;line-height:34px}h2{font-size:22px;font-weight:500;line-height:26px}small{color:var(--muted)}a{color:var(--link)}.container{max-width:960px;margin:0 auto;padding:16px}.topnav{border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:1.5em;padding:12px 16px;display:flex}.topnav .link{margin-left:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin:16px 0;padding:20px;position:relative;overflow:hidden}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0;display:flex}.spread{justify-content:space-between}.list{padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);align-items:baseline;gap:1em;padding:10px 0;display:flex}.big{font-size:2rem;font-weight:700}.error{color:var(--error)}.status{min-height:1.2em;color:var(--muted);margin:0}input,textarea,select,button,.button{font:inherit;color:inherit;border:1px solid var(--border);background:var(--card);border-radius:10px;padding:8px 12px}input:not([type=radio]):not([type=file]),textarea{flex:1;min-width:0}textarea{width:100%}.narrow{max-width:6em;flex:none!important}.title-input{font-size:1.5rem;font-weight:700}button,.button{cursor:pointer;border-radius:20px;padding:8px 20px;text-decoration:none}button:disabled{opacity:.5;cursor:default}button:focus-visible,.button:focus-visible,a:focus-visible{outline:2px solid var(--border);outline-offset:2px}.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.link{color:var(--link);background:0 0;border:none;padding:4px}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid var(--line);padding:6px 4px}.question{border-top:1px solid var(--line);padding:12px 0}.qimg{object-fit:cover;border-radius:10px;width:100%;max-height:320px;display:block}.badge{color:#0d0a27;background:#e1e1e1;border-radius:3px;align-items:center;gap:6px;padding:5px 10px;font-size:16px;line-height:16px;display:inline-flex}.badge:before{content:"";background:#bebebe;border-radius:50%;width:8px;height:8px}.badge.success{background:#d5ffda}.badge.success:before{background:#04d900}.badge.info{background:#c0e7ff}.badge.info:before{background:#32a6f6}.race{background:var(--card);border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:10px 50px 10px 10px;position:relative}.lane{border-bottom:1px solid var(--line);grid-template-columns:minmax(80px,170px) minmax(0,1fr);align-items:center;gap:10px;display:grid}.lane:last-of-type{border-bottom:none}.lane-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.track{height:100%;position:relative}.figure{color:#0d0a27;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.figure.won{box-shadow:0 0 0 3px var(--card), 0 0 0 6px var(--heading)}.finish-line{background:repeating-linear-gradient(0deg, var(--heading) 0 8px, var(--card) 8px 16px);width:8px;position:absolute;top:10px;bottom:10px;right:30px}.winner{text-align:center;color:var(--heading);margin:12px 0;font-size:2.5rem;font-weight:700}.live{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.qr{background:#fff;border-radius:10px;width:100%;max-width:360px;padding:8px}.blocks .released{color:var(--muted)}.leaderboard td:nth-child(3){text-align:right;font-weight:700}.play{flex-direction:column;max-width:560px;min-height:100vh;display:flex}.play-head{color:var(--muted);justify-content:space-between;align-items:baseline;padding:4px 0 10px;font-size:14px;display:flex}.play-head strong{color:var(--heading);font-weight:600}.hero{color:#0d0a27;background:#deb9f9;flex-direction:column;gap:10px;margin:-16px -16px 10px;padding:40px 20px 30px;display:flex}.hero h1{color:#0d0a27;margin:0}.hero p{margin:0;line-height:24px}.hero .eyebrow{letter-spacing:.04em;text-transform:uppercase;color:#381c4d;font-size:12px;font-weight:600;line-height:16px}.join{box-shadow:var(--shadow);border:none;flex-direction:column;gap:15px;display:flex}.join label{color:var(--heading);font-weight:600}.join input{height:48px;padding:0 15px;flex:none!important}.join button{min-height:44px;font-size:18px}.waiting{flex-direction:column;gap:15px;display:flex}.waiting h2{align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;line-height:24px;display:flex}.waiting h2 svg{color:var(--accent-hover);flex-shrink:0}.waiting p{color:var(--muted);margin:0;font-size:14px;line-height:20px}.avatars{display:flex}.avatars span{border:2px solid var(--card);color:#0d0a27;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:11px;font-weight:700;display:flex}.avatars span:first-child{color:#e9d7ff;background:#381c4d;margin-left:0}.avatars span:nth-child(2){background:#ad83cc}.avatars span:nth-child(3){background:#f8c087}.wait{text-align:center;padding:48px 0;font-size:1.25rem}.progress{flex-direction:column;gap:10px;display:flex}.progress-label{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.progress-label .round{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hover);font-size:12px;font-weight:600}.segments{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px;display:grid}.segments span{background:var(--soft);border-radius:3px;height:6px}.segments .done{background:var(--accent)}.segments .now{background:var(--mid)}.qcard{box-shadow:var(--shadow);border:none;flex-direction:column;gap:20px;display:flex}.qcard h2{margin:0;font-size:22px;font-weight:600;line-height:28px}.timer{align-items:center;gap:15px;display:flex}.timer-ring{flex-shrink:0;width:56px;height:56px;position:relative}.timer-ring span{color:var(--heading);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}.timer-ring circle{transition:stroke-dashoffset .2s linear}.timer-text{color:var(--muted);flex-direction:column;gap:2px;font-size:14px;line-height:20px;display:flex}.timer-text strong{color:var(--heading);font-weight:600}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;min-height:56px;color:var(--heading);background:var(--card);border-radius:10px;align-items:center;gap:15px;padding:10px 15px;font-size:16px;display:flex}.option:hover:not(:disabled){background:var(--bg)}.option .letter{background:var(--heading);width:32px;height:32px;color:var(--card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.option.chosen{border:2px solid var(--accent);background:var(--highlight);color:#0d0a27;opacity:1;font-weight:600}.option.chosen .letter{color:#e9d7ff;background:#381c4d}.sending{text-align:center;color:var(--muted);font-size:14px}.result-page{background:var(--bg);color:var(--fg);position:fixed;inset:0;overflow-y:auto}.result{gap:30px;padding-top:40px;padding-bottom:30px}.result .badge{align-self:flex-start;padding:2px 6px;font-size:12px;line-height:16px}.result h1{margin:-20px 0 0}.result h2{margin:0 0 10px;font-size:18px;font-weight:700;line-height:22px}.result .card{margin:0}.total{flex-direction:column;align-items:center;gap:5px;padding:25px 20px;display:flex}.total small{font-size:14px}.total strong{color:var(--highlight);font-size:56px;font-weight:700;line-height:60px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stats div{background:var(--card);border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:15px 10px;display:flex}.stats strong{color:var(--heading);font-size:22px;font-weight:700}.stats small{font-size:12px}.round-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.round-row:last-child{border-bottom:none}.round-row strong{color:var(--heading);font-weight:600}.total.champion{background:var(--highlight);color:#0d0a27;border:none}.total.champion strong{color:#0d0a27}.champion-text{text-align:center;font-size:18px;font-weight:600}.podium{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.podium li{background:var(--card);border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:6px 15px;display:grid}.podium li.me{outline:2px solid var(--highlight)}.podium li:last-child:not(:nth-child(-n+5)){margin-top:10px}.podium .place{text-align:center;width:24px;color:var(--muted);font-weight:700}.podium .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--heading);overflow:hidden}.podium strong{color:var(--highlight);font-weight:700}.screen-page{background:var(--bg);min-height:100vh;color:var(--fg);flex-direction:column;gap:30px;padding:50px 60px;display:flex}.screen-page h1{margin:0;font-size:50px;line-height:54px}.screen-page .eyebrow{color:var(--muted);font-size:18px;font-weight:500}.screen-quiz{flex-grow:1;grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:60px;display:grid}.join-card{color:#555;text-align:center;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:15px;padding:25px;display:flex}.join-card img{width:100%;max-width:320px}.join-card .code{letter-spacing:.12em;color:#0d0a27;font-size:56px;font-weight:700;line-height:60px}.count{align-items:baseline;gap:10px;font-size:20px;display:flex}.count strong{color:var(--highlight);font-size:50px;line-height:54px}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.board-head h2{margin:0;font-size:30px;line-height:34px}.board{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.board li{background:var(--card);border-radius:10px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:64px;padding:8px 20px;display:grid}.rank{color:#e9d7ff;background:#381c4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.board li:first-child .rank{color:#0d0a27;background:#deb9f9}.board li:nth-child(2) .rank{color:#0d0a27;background:#e9d7ff}.board li:nth-child(3) .rank{color:#0d0a27;background:#f8c087}.board .who{min-width:0;color:var(--heading);flex-direction:column;gap:6px;font-size:22px;font-weight:600;display:flex}.board .bar{background:#ffffff14;border-radius:3px;height:6px}.board .bar div{background:var(--mid);border-radius:3px;height:6px}.board .pts{color:var(--highlight);text-align:right;font-size:26px;font-weight:700}.screen-lottery{flex-grow:1;grid-template-columns:minmax(0,1fr) 380px;gap:40px;display:grid}.screen-lottery .race{margin:0}.screen-lottery aside{flex-direction:column;gap:20px;display:flex}.winner-card{background:var(--highlight);color:#0d0a27;border-radius:10px;flex-direction:column;gap:10px;padding:30px 25px;display:flex}.winner-card .name{font-size:40px;font-weight:700;line-height:44px}.screen-meta{flex-wrap:wrap;gap:30px;font-size:18px;display:flex}@media (width<=900px){.screen-page{padding:20px 16px}.screen-quiz,.screen-lottery{grid-template-columns:minmax(0,1fr);gap:30px}}