:root{--bg-deep:#0b0420;--bg-panel:#1e123cb8;--bg-panel-solid:#1e123c;--border-soft:#ffffff1a;--text:#f5f3ff;--text-dim:#b9b3d9;--gold:#fbbf24;--pink:#ec4899;--cyan:#22d3ee;--purple:#a78bfa;--green:#34d399;--red:#f87171;--radius:16px;--shadow:0 10px 30px #00000073;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1000px 500px at 15% -10%, #a78bfa47, transparent 60%), radial-gradient(900px 500px at 85% -10%, #ec489938, transparent 60%), radial-gradient(700px 700px at 50% 110%, #22d3ee1f, transparent 60%), var(--bg-deep);background-attachment:fixed;min-height:100vh;margin:0}#root{max-width:1024px;margin:0 auto;padding:1.5rem 1.2rem 3rem}h1,h2{text-align:center;letter-spacing:.02em}h1{background:linear-gradient(100deg, var(--gold), var(--pink) 55%, var(--purple));color:#0000;filter:drop-shadow(0 4px 18px #ec489959);-webkit-background-clip:text;background-clip:text;margin:1rem 0 1.4rem;font-size:clamp(2rem,5vw,3rem);font-weight:900}h2{font-size:clamp(1.4rem,3.5vw,2rem);font-weight:800}h3{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;margin-top:0;font-size:.95rem}.hint{color:var(--text-dim);font-size:.9rem}.stage-subtitle{text-align:center;color:var(--text-dim);margin-top:-.6rem}input,select,textarea{border:1px solid var(--border-soft);color:inherit;background:#0b0420a6;border-radius:12px;padding:.7rem .9rem;font-family:inherit;font-size:1rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button{background:linear-gradient(120deg, var(--pink), var(--purple));color:#fff;letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.4rem;font-size:1rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 6px 18px #ec489959}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{border:1px solid var(--border-soft);color:var(--text-dim);box-shadow:none;background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--purple)}.btn-gold{background:linear-gradient(120deg, var(--gold), #f97316);color:#1c1004;box-shadow:0 6px 20px #fbbf2466}.help-button{background:var(--cyan);color:#06283a;border-radius:50%;flex:none;width:1.9rem;height:1.9rem;padding:0;font-size:1rem;font-weight:900;box-shadow:0 4px 12px #22d3ee66}.card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin:1rem 0;padding:1.2rem 1.3rem}.stage{background:var(--bg-panel);border:1px solid var(--border-soft);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22px;margin:1rem 0;padding:1.6rem 1.4rem;position:relative;overflow:hidden}.stage:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--pink), transparent);height:3px;position:absolute;inset:0 0 auto}.form-column{flex-direction:column;gap:.9rem;max-width:420px;margin:0 auto;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.center{justify-content:center}.row.spread{justify-content:space-between}.error{color:#fecaca;text-align:center;background:#7f1d1dbf;border:1px solid #f8717180;border-radius:12px;padding:.7rem 1rem}.badge{border:1px solid var(--border-soft);color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;background:#ffffff0f;border-radius:999px;padding:.2rem .7rem;font-size:.8rem;display:inline-block}.pincode{justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.pincode span{min-width:3.2rem;color:var(--gold);text-shadow:0 0 18px #fbbf248c;background:linear-gradient(#2b1a55,#170b33);border:1px solid #fbbf2473;border-radius:14px;justify-content:center;align-items:center;padding:.8rem .4rem;font-size:2.6rem;font-weight:900;display:inline-flex;box-shadow:inset 0 2px 6px #00000080}.avatar{border:3px solid var(--purple);object-fit:cover;background:var(--bg-panel-solid);letter-spacing:.03em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.avatar-sm{border-width:2px;width:2rem;height:2rem;font-size:.7rem}.avatar-md{width:2.8rem;height:2.8rem;font-size:.9rem}.avatar-lg{width:4rem;height:4rem;font-size:1.3rem}.avatar-xl{width:6rem;height:6rem;box-shadow:0 0 0 6px #ffffff0f, var(--shadow);font-size:2rem}.photo-capture{flex-direction:column;align-items:center;gap:.7rem;display:flex}.camera-preview{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);border:2px solid var(--cyan);width:14rem;max-width:100%;transform:scaleX(-1);box-shadow:0 0 24px #22d3ee59}.player-grid{flex-wrap:wrap;justify-content:center;gap:.9rem;margin:1rem 0;display:flex}.player-tile{border-radius:var(--radius);border:1px solid var(--border-soft);background:#ffffff0d;flex-direction:column;align-items:center;gap:.4rem;min-width:6.5rem;padding:.8rem 1rem;animation:.25s pop-in;display:flex}.player-tile .kick{box-shadow:none;color:var(--text-dim);background:0 0;border:none;padding:.1rem .4rem;font-size:.8rem}.player-tile .kick:hover{color:var(--red)}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.question-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.question-text{text-align:center;max-width:46rem;margin:1rem auto;font-size:clamp(1.2rem,3vw,1.7rem);font-weight:700}.answer-grid{grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.2rem;display:grid}@media (width<=560px){.answer-grid{grid-template-columns:1fr}}.answer-button{border-radius:var(--radius);color:#fff;text-align:left;text-shadow:0 1px 3px #00000073;border:1px solid #ffffff40;align-items:center;gap:.8rem;padding:1.2rem 1.1rem;font-size:1.1rem;font-weight:800;display:flex}.answer-button .answer-letter{background:#0000004d;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:inline-flex}.answer-a{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 6px 18px #ef444459}.answer-b{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 6px 18px #3b82f659}.answer-c{background:linear-gradient(135deg,#eab308,#b45309);box-shadow:0 6px 18px #eab30859}.answer-d{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 6px 18px #22c55e59}.media{text-align:center}.media img{border-radius:var(--radius);border:1px solid var(--border-soft);max-width:100%;max-height:22rem;box-shadow:var(--shadow)}.media audio{width:100%;max-width:28rem}.timer{max-width:34rem;margin:1rem auto .4rem}.timer-label{text-align:center;color:var(--text-dim);margin:0 0 .35rem;font-weight:700}.timer-track{border:1px solid var(--border-soft);background:#ffffff14;border-radius:999px;height:.8rem;overflow:hidden}.timer-fill{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--purple));height:100%;transition:width .25s linear}.timer-fill.urgent{background:linear-gradient(90deg, var(--gold), var(--red));animation:.8s ease-in-out infinite pulse}@keyframes pulse{50%{filter:brightness(1.35)}}.result-chip{font-weight:800}.result-chip.good{color:var(--green)}.result-chip.bad{color:var(--red)}.reveal-verdict{text-align:center;margin:.8rem 0;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900}.drink-banner{color:#fff7ed;text-align:center;border-radius:var(--radius);background:linear-gradient(120deg,#b45309,#d97706);border:1px solid #fbbf2499;margin:1rem 0;padding:1rem;font-size:1.4rem;font-weight:900;animation:1.1s ease-in-out infinite pulse;box-shadow:0 0 26px #d9770680}.drinkers .drink-banner{margin-bottom:.4rem}.drinkers .player-grid{margin-top:0}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #ffffff14;padding:.6rem .5rem}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}tr:last-child td{border-bottom:none}.rank-badge{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;font-weight:800;display:inline-flex}.rank-1 .rank-badge{background:linear-gradient(135deg, var(--gold), #d97706);color:#1c1004}.rank-2 .rank-badge{color:#111827;background:linear-gradient(135deg,#e5e7eb,#9ca3af)}.rank-3 .rank-badge{color:#fff7ed;background:linear-gradient(135deg,#d97706,#92400e)}.podium{justify-content:center;align-items:flex-end;gap:.9rem;margin:1.4rem 0 .6rem;display:flex}.podium-step{flex-direction:column;align-items:center;gap:.4rem;width:min(9rem,28%);display:flex}.podium-step .podium-name{text-align:center;overflow-wrap:anywhere;font-weight:800}.podium-step .podium-score{color:var(--text-dim);font-size:.9rem}.podium-block{border-radius:12px 12px 0 0;justify-content:center;align-items:flex-start;width:100%;padding-top:.4rem;font-size:1.4rem;font-weight:900;display:flex}.podium-1 .podium-block{background:linear-gradient(180deg, var(--gold), #b45309);color:#1c1004;height:6.5rem;box-shadow:0 0 30px #fbbf2473}.podium-2 .podium-block{color:#111827;background:linear-gradient(#e5e7eb,#6b7280);height:4.6rem}.podium-3 .podium-block{color:#fff7ed;background:linear-gradient(#d97706,#7c2d12);height:3.4rem}.shop-items{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1rem;display:flex}.host-controls{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.3rem;display:flex}.setting-row{align-items:flex-start;gap:.7rem;padding:.55rem 0;display:flex}.setting-row input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--pink);margin-top:.15rem}.setting-row .setting-text strong{display:block}.setting-row .setting-text .hint{margin:.1rem 0 0}.preset-slider{margin:.6rem 0 .2rem}.preset-slider input[type=range]{width:100%;accent-color:var(--gold);background:0 0;border:none;padding:0}.preset-labels{color:var(--text-dim);justify-content:space-between;gap:.4rem;font-size:.8rem;display:flex}.preset-name{text-align:center;color:var(--gold);margin:.4rem 0;font-weight:800}.price-inputs{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.price-inputs label{color:var(--text-dim);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.price-inputs input{width:5.5rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#05020fbf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-panel-solid);border:1px solid var(--border-soft);box-shadow:var(--shadow);border-radius:20px;width:100%;max-width:44rem;max-height:85vh;padding:1.4rem;overflow-y:auto}.modal h2{margin-top:0}.modal ol{line-height:1.7}textarea.json-input{resize:vertical;width:100%;min-height:12rem;font-family:Consolas,Courier New,monospace;font-size:.85rem}.error-list{color:#fecaca;background:#7f1d1d80;border:1px solid #f8717180;border-radius:12px;max-height:12rem;padding:.7rem .9rem .7rem 2rem;overflow-y:auto}.error-list li{margin:.2rem 0}.success{color:#a7f3d0;text-align:center;background:#064e3b99;border:1px solid #34d39980;border-radius:12px;padding:.7rem 1rem}@media (width<=600px){#root{padding:.9rem .7rem 2.2rem}.stage{border-radius:18px;padding:1.1rem .85rem}.card{padding:.9rem .8rem}.pincode{gap:.35rem}.pincode span{border-radius:10px;min-width:2.4rem;padding:.55rem .3rem;font-size:1.9rem}.host-controls{flex-direction:column;align-items:stretch}.host-controls a{display:contents}.host-controls button,.shop-items button{width:100%}.shop-items{flex-direction:column;align-items:stretch}.answer-button{padding:1rem .9rem;font-size:1rem}.player-grid{gap:.5rem}.player-tile{min-width:5.2rem;padding:.55rem .6rem;font-size:.85rem}td,th{padding:.45rem .35rem;font-size:.9rem}.podium{gap:.5rem}.podium-step{width:31%}.camera-preview{width:100%}.price-inputs{gap:.5rem}.price-inputs input{width:4.5rem}.question-header{gap:.4rem}.modal{max-height:92vh;padding:1rem}}.roster-five{gap:1rem;max-width:56rem;margin-left:auto;margin-right:auto}.roster-five .player-tile{flex:0 0 calc(20% - 1rem);min-width:6.5rem}#root:has(.bigscreen){max-width:1500px}.bigscreen .question-text{max-width:60rem;font-size:clamp(1.6rem,4vw,3rem)}.bigscreen .pincode span{min-width:4.4rem;font-size:3.8rem}.bigscreen .badge{font-size:1rem}.bigscreen .stage-subtitle,.bigscreen .timer-label{font-size:1.25rem}.bigscreen .timer{max-width:46rem}.bigscreen .timer-track{height:1.2rem}.bigscreen .answer-button{cursor:default;padding:1.5rem 1.3rem;font-size:1.5rem}.bigscreen .reveal-verdict{font-size:clamp(2rem,5vw,3.2rem)}.bigscreen td,.bigscreen th{font-size:1.15rem}.bigscreen .media img{max-height:32rem}