:root{--cf-orange: #f6821f;--cf-orange-dark: #f38020;--cf-orange-light: #faad3f;--cf-yellow: #faae40;--cf-black: #222222;--cf-gray-900: #1d1d1d;--cf-gray-800: #404041;--cf-gray-700: #595959;--cf-gray-500: #808080;--cf-gray-300: #d9d9d9;--cf-gray-100: #f5f5f5;--cf-white: #ffffff;--cf-blue: #0051c3;--cf-green: #00ab44;--cf-red: #bd2527;--a0: #7c3aed;--a1: #06b6d4;--a2: #eab308;--a3: #ec4899;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--radius: 12px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}body{background:var(--cf-gray-100);color:var(--cf-gray-900);min-height:100vh;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--cf-white);border-bottom:1px solid var(--cf-gray-300);padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem}.topbar .logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;color:var(--cf-black)}.topbar .logo-mark{width:28px;height:28px;background:var(--cf-orange);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.9rem}.topbar .spacer{flex:1}.topbar .muted{color:var(--cf-gray-700);font-size:.85rem}.container{max-width:960px;width:100%;margin:0 auto;padding:2rem 1.5rem}.container-sm{max-width:480px}h1,h2,h3{color:var(--cf-black);font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}.page-title{font-size:1.75rem;margin-bottom:.25rem}.page-subtitle{color:var(--cf-gray-700);margin-bottom:1.5rem}input,textarea,select{font-family:inherit;font-size:.95rem;padding:.6rem .85rem;border:1px solid var(--cf-gray-300);border-radius:8px;background:var(--cf-white);color:var(--cf-gray-900);width:100%;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--cf-gray-500)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--cf-orange);box-shadow:0 0 0 3px #f6821f26}label{display:block;font-size:.85rem;font-weight:600;color:var(--cf-gray-800);margin-bottom:.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s ease;background:var(--cf-white);color:var(--cf-gray-900);border-color:var(--cf-gray-300)}.btn:hover:not(:disabled){background:var(--cf-gray-100);border-color:var(--cf-gray-500)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--cf-orange);color:#fff;border-color:var(--cf-orange)}.btn-primary:hover:not(:disabled){background:var(--cf-orange-dark);border-color:var(--cf-orange-dark)}.btn-ghost{background:transparent;border-color:transparent;color:var(--cf-gray-700)}.btn-ghost:hover:not(:disabled){background:var(--cf-gray-100);color:var(--cf-black)}.btn-danger{color:var(--cf-red);background:transparent;border-color:transparent}.btn-danger:hover:not(:disabled){background:#bd252714}.btn-lg{padding:.85rem 1.5rem;font-size:1rem}.btn-sm{padding:.4rem .75rem;font-size:.85rem}.btn-block{width:100%}.card{background:var(--cf-white);border:1px solid var(--cf-gray-300);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.builder{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;min-height:calc(100vh - 130px)}@media (max-width: 800px){.builder{grid-template-columns:1fr}}.builder-sidebar{background:var(--cf-white);border:1px solid var(--cf-gray-300);border-radius:var(--radius-lg);padding:1rem;height:fit-content;position:sticky;top:1rem}.builder-sidebar h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cf-gray-700);margin-bottom:.75rem}.q-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.q-list-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:8px;cursor:pointer;border:1px solid transparent;background:var(--cf-gray-100);transition:all .15s}.q-list-item:hover{background:var(--cf-gray-300)}.q-list-item.active{background:#f6821f1a;border-color:var(--cf-orange)}.q-list-num{width:24px;height:24px;border-radius:50%;background:var(--cf-white);color:var(--cf-gray-800);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.q-list-item.active .q-list-num{background:var(--cf-orange);color:#fff}.q-list-text{flex:1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cf-gray-800)}.q-list-item.active .q-list-text{color:var(--cf-black);font-weight:600}.editor{background:var(--cf-white);border:1px solid var(--cf-gray-300);border-radius:var(--radius-lg);padding:2rem}.editor-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--cf-gray-300)}.editor-header .badge{background:var(--cf-orange);color:#fff;padding:.25rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700}.editor-section{margin-bottom:1.5rem}.editor-section:last-child{margin-bottom:0}.q-text-input{font-size:1.25rem;font-weight:600;padding:1rem;min-height:80px;resize:vertical}.choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media (max-width: 600px){.choices-grid{grid-template-columns:1fr}}.choice{position:relative;border-radius:var(--radius);padding:1rem;color:#fff;display:flex;align-items:center;gap:.75rem;min-height:90px;transition:transform .1s}.choice.c0{background:linear-gradient(135deg,var(--a0),#5b21b6)}.choice.c1{background:linear-gradient(135deg,var(--a1),#0e7490)}.choice.c2{background:linear-gradient(135deg,var(--a2),#a16207)}.choice.c3{background:linear-gradient(135deg,var(--a3),#be185d)}.glyph{width:40px;height:40px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.65);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:inset 0 1px 2px #ffffff40,0 2px 4px #0003}.glyph svg{width:18px;height:18px}.glyph svg path,.glyph svg circle,.glyph svg rect,.glyph svg polygon,.glyph svg line{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.glyph.lg{width:56px;height:56px}.glyph.lg svg{width:26px;height:26px}.glyph.lg svg path,.glyph.lg svg circle,.glyph.lg svg rect,.glyph.lg svg polygon,.glyph.lg svg line{stroke-width:3}.choice-input{flex:1;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:600;padding:.55rem .75rem}.choice-input::placeholder{color:#ffffffb3}.choice-input:focus{background:#ffffff47;border-color:#fff;box-shadow:0 0 0 3px #fff3}.choice-correct-toggle{width:28px;height:28px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.5);cursor:pointer;flex-shrink:0;transition:all .15s;display:flex;align-items:center;justify-content:center;color:transparent;font-weight:800}.choice-correct-toggle:hover{background:#fff6}.choice-correct-toggle.is-correct{background:#fff;border-color:#fff;color:var(--cf-green)}.settings-row{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.settings-row>*{flex:1;min-width:150px}.time-input{display:flex;align-items:center;gap:.5rem}.time-input input{width:80px}.time-input span{color:var(--cf-gray-700);font-size:.9rem}.toolbar{background:var(--cf-white);border-top:1px solid var(--cf-gray-300);padding:.85rem 1.5rem;display:flex;align-items:center;gap:.75rem;position:sticky;bottom:0}.stage{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff 0%,var(--cf-gray-100) 100%);position:relative;overflow:hidden}.floating-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.floating-shape{position:absolute;color:#fff;display:inline-flex;align-items:center;justify-content:center;animation:floatY linear infinite}.floating-shape svg path,.floating-shape svg circle,.floating-shape svg rect,.floating-shape svg polygon,.floating-shape svg line{fill:none;stroke:currentColor;stroke-width:2}@keyframes floatY{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}.stage>*{position:relative;z-index:1}.stage-host{background:radial-gradient(ellipse at 20% 0%,rgba(124,58,237,.25) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(246,130,31,.15) 0%,transparent 50%),linear-gradient(135deg,#1f2937,#0f172a);color:#fff}.stage-host h1,.stage-host h2,.stage-host h3{color:#fff}.stage-host .muted{color:#ffffffa6}.stage-host .question-card{background:#fff;color:var(--cf-black)}.stage-host .lb-row{background:#fffffff2}.stage-host .player-chip{background:#ffffff1a;color:#fff;border-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stage-host .btn:not(.btn-primary){background:#ffffff1a;color:#fff;border-color:#fff3}.stage-host .btn:not(.btn-primary):hover:not(:disabled){background:#ffffff2e}.topbar-dark{background:#0000004d;border-bottom-color:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-dark .logo{color:#fff}.topbar-dark .muted{color:#fff9}.stage-player{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff}.stage-player h1,.stage-player h2,.stage-player h3{color:#fff}.stage-player .muted{color:#ffffffd9}.stage-player .card{background:#fff;color:var(--cf-black)}.stage-player .lb-row{background:#fffffff2}.stage-player .topbar{background:#0003;border-bottom-color:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-player .topbar .logo{color:#fff}.stage-player .topbar .muted{color:#ffffffb3}.lobby-hero{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;width:100%;max-width:900px}@media (max-width: 700px){.lobby-hero{grid-template-columns:1fr;gap:1.5rem}}.lobby-instructions{display:flex;flex-direction:column;gap:1rem}.step{display:flex;align-items:center;gap:.75rem;font-size:1.05rem;color:#ffffffe6}.step-num{width:36px;height:36px;border-radius:50%;background:var(--cf-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.step strong{color:#fff}.pin-mega{background:#fff;color:var(--cf-black);border-radius:var(--radius-lg);padding:2rem 3rem;text-align:center;box-shadow:0 16px 48px #0006;min-width:320px}.pin-mega .label{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cf-gray-700);margin-bottom:.5rem}.pin-mega-code{font-size:5.5rem;font-weight:900;letter-spacing:.5rem;color:var(--cf-orange);font-variant-numeric:tabular-nums;line-height:1}.bar-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:800px;margin-top:1rem;height:100px;align-items:end}.bar{border-radius:8px 8px 0 0;background:#ffffff1a;position:relative;height:100%;display:flex;align-items:end;overflow:hidden}.bar-fill{width:100%;border-radius:8px 8px 0 0;transition:height .5s ease-out}.bar.bar-a0 .bar-fill{background:linear-gradient(180deg,var(--a0),#5b21b6)}.bar.bar-a1 .bar-fill{background:linear-gradient(180deg,var(--a1),#0e7490)}.bar.bar-a2 .bar-fill{background:linear-gradient(180deg,var(--a2),#a16207)}.bar.bar-a3 .bar-fill{background:linear-gradient(180deg,var(--a3),#be185d)}.stage-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem}.pin-display{background:var(--cf-white);border:1px solid var(--cf-gray-300);border-radius:var(--radius-lg);padding:2rem 3rem;text-align:center;box-shadow:var(--shadow-md)}.pin-display .label{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cf-gray-700);margin-bottom:.5rem}.pin-code{font-size:4.5rem;font-weight:800;letter-spacing:.4rem;color:var(--cf-orange);font-variant-numeric:tabular-nums;line-height:1}.pin-url{margin-top:1rem;color:var(--cf-gray-700);font-size:.95rem}.timer-badge{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--cf-orange);color:#fff;font-size:2.5rem;font-weight:800;box-shadow:var(--shadow-md)}.timer-badge.urgent{background:var(--cf-red);animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.question-card{width:100%;max-width:800px;background:var(--cf-white);border:1px solid var(--cf-gray-300);border-radius:var(--radius-lg);padding:2rem;text-align:center;box-shadow:var(--shadow-md)}.question-text-display{font-size:1.75rem;font-weight:600;color:var(--cf-black);line-height:1.3}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:800px;margin-top:1.5rem}@media (max-width: 600px){.answers-grid{grid-template-columns:1fr 1fr;gap:.6rem}}.answer-tile{padding:1.5rem;border-radius:var(--radius);color:#fff;font-size:1.15rem;font-weight:600;min-height:120px;display:flex;align-items:center;gap:.85rem;cursor:pointer;border:none;font-family:inherit;text-align:left;transition:transform .1s,opacity .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.answer-tile:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.answer-tile:active:not(:disabled){transform:translateY(0)}.answer-tile:disabled{cursor:not-allowed}.answer-tile.a0{background:linear-gradient(135deg,var(--a0),#5b21b6)}.answer-tile.a1{background:linear-gradient(135deg,var(--a1),#0e7490)}.answer-tile.a2{background:linear-gradient(135deg,var(--a2),#a16207)}.answer-tile.a3{background:linear-gradient(135deg,var(--a3),#be185d)}.answer-tile.dim{opacity:.35}.answer-tile.correct{outline:4px solid var(--cf-green);outline-offset:2px}.answer-tile .shape{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.answer-tile .shape svg{width:22px;height:22px}.answer-tile .shape svg path,.answer-tile .shape svg circle,.answer-tile .shape svg rect,.answer-tile .shape svg polygon,.answer-tile .shape svg line{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.answer-tile .count{margin-left:auto;background:#0003;padding:.25rem .6rem;border-radius:999px;font-size:.85rem;font-weight:700}.player-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem;max-width:720px}.player-chip{background:var(--cf-white);color:var(--cf-black);border:1px solid var(--cf-gray-300);padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:.9rem;animation:pop .3s ease;box-shadow:var(--shadow-sm)}@keyframes pop{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.player-count{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--cf-orange);color:#fff;border-radius:999px;font-weight:700;font-size:.9rem}.leaderboard{width:100%;max-width:600px;display:flex;flex-direction:column;gap:.5rem}.lb-row{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;background:var(--cf-white);border:1px solid var(--cf-gray-300);border-radius:var(--radius);font-weight:600;box-shadow:var(--shadow-sm)}.lb-rank{width:32px;height:32px;border-radius:50%;background:var(--cf-gray-100);color:var(--cf-gray-800);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.lb-name{flex:1;color:var(--cf-black)}.lb-score{color:var(--cf-orange);font-weight:700;font-variant-numeric:tabular-nums}.lb-row.top1{border-color:var(--cf-orange);border-width:2px}.lb-row.top1 .lb-rank{background:var(--cf-orange);color:#fff}.lb-row.top2 .lb-rank{background:var(--cf-gray-500);color:#fff}.lb-row.top3 .lb-rank{background:#cd7f32;color:#fff}.result-card{max-width:440px;text-align:center;padding:2.5rem 2rem}.result-card.correct{border-top:4px solid var(--cf-green)}.result-card.wrong{border-top:4px solid var(--cf-red)}.result-icon{font-size:4rem;margin-bottom:.5rem}.result-title{font-size:1.5rem;margin-bottom:.5rem}.result-points{font-size:2.5rem;font-weight:800;color:var(--cf-orange);margin:.5rem 0}.row{display:flex;gap:1rem;align-items:center}.col{display:flex;flex-direction:column;gap:1rem}.spacer{flex:1}.center{text-align:center}.mt{margin-top:1rem}.mt-2{margin-top:1.5rem}.muted{color:var(--cf-gray-700)}.hidden{display:none}.pin-input{font-size:1.75rem;text-align:center;letter-spacing:.4rem;font-weight:700;padding:1rem}.home-shell{min-height:100vh;background:var(--cf-gray-100)}.home-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:2rem;min-height:calc(100vh - 58px)}.home-hero-text{text-align:center;max-width:600px}.home-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.home-sub{color:var(--cf-gray-700);font-size:1.1rem}.home-card{background:var(--cf-white);border:1px solid var(--cf-gray-300);border-radius:var(--radius-lg);padding:1.75rem;width:100%;max-width:420px;box-shadow:var(--shadow-md)}.stats-bar{display:flex;gap:.75rem;padding:.5rem 1.5rem 1rem;justify-content:center;flex-wrap:wrap}.stat-pill{display:inline-flex;align-items:center;gap:.6rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.55rem 1.1rem;border-radius:999px;color:#fff;font-weight:600;font-size:.92rem}.stat-pill .num{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}.stat-pill .label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#fff9;font-weight:600}.stat-pill.players .num{color:var(--cf-orange)}.stat-pill.answered .num{color:#10b981}.stat-pill.waiting .num{color:#f59e0b}.lobby-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;width:100%;max-width:1100px;margin:0 auto}@media (max-width: 900px){.lobby-grid{grid-template-columns:1fr;gap:1.5rem}}.lobby-instructions-v2{display:flex;flex-direction:column;gap:1.25rem}.lobby-instructions-v2 h2{font-size:1.5rem;margin-bottom:.5rem;color:#ffffffd9;font-weight:600}.lobby-step{display:flex;align-items:flex-start;gap:.85rem;font-size:1.15rem;color:#ffffffe6;line-height:1.4}.lobby-step-num{width:40px;height:40px;border-radius:50%;background:var(--cf-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #f6821f66}.lobby-step strong{color:#fff;display:inline-block;font-family:ui-monospace,SF Mono,Menlo,monospace;background:#ffffff14;padding:.15rem .6rem;border-radius:6px;margin:0 .2rem}.pin-display-big{background:#fff;color:var(--cf-black);border-radius:24px;padding:2.5rem 3rem;text-align:center;box-shadow:0 24px 60px #00000080;position:relative}.pin-display-big .label{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--cf-gray-700);margin-bottom:.75rem;font-weight:700}.pin-display-big .code{font-size:clamp(4rem,10vw,7rem);font-weight:900;letter-spacing:.4rem;color:var(--cf-orange);font-variant-numeric:tabular-nums;line-height:1;background:linear-gradient(135deg,#f6821f,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pin-display-big .copy-row{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.players-section{width:100%;max-width:1100px;margin:2rem auto 0}.players-section-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem}.players-section-header h3{color:#fff;font-size:1.1rem}.players-section-header .count{font-size:2rem;font-weight:900;color:var(--cf-orange);font-variant-numeric:tabular-nums}.player-chips-big{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.player-chip-big{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.65rem 1.1rem;border-radius:999px;font-weight:700;font-size:1rem;animation:popIn .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes popIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.empty-players{color:#ffffff80;text-align:center;padding:2rem;font-style:italic}.question-stage{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.question-topbar{display:flex;align-items:center;gap:1.5rem}.question-progress{flex:1;color:#fffc;font-weight:600}.question-progress .progress-track{margin-top:.4rem;height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.question-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--cf-orange),#ec4899);border-radius:999px;transition:width .4s}.timer-circle{position:relative;width:110px;height:110px;flex-shrink:0}.timer-circle svg{transform:rotate(-90deg);width:100%;height:100%}.timer-circle .bg-ring{stroke:#ffffff1a}.timer-circle .progress-ring{stroke:var(--cf-orange);transition:stroke-dashoffset 1s linear,stroke .2s;stroke-linecap:round}.timer-circle.urgent .progress-ring{stroke:#ef4444}.timer-circle .timer-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.timer-circle.urgent .timer-num{color:#ef4444;animation:pulse .5s ease-in-out infinite alternate}.question-card-big{background:#fff;color:var(--cf-black);border-radius:20px;padding:2.5rem 2rem;text-align:center;box-shadow:0 20px 50px #0006}.question-card-big .q-text{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.3}.answers-grid-big{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.answers-grid-big{gap:.6rem}}.answer-tile-big{padding:1.5rem;border-radius:16px;color:#fff;font-size:1.4rem;font-weight:700;min-height:120px;display:flex;align-items:center;gap:1rem;border:none;font-family:inherit;text-align:left;transition:all .2s;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.answer-tile-big.a0{background:linear-gradient(135deg,var(--a0),#5b21b6)}.answer-tile-big.a1{background:linear-gradient(135deg,var(--a1),#0e7490)}.answer-tile-big.a2{background:linear-gradient(135deg,var(--a2),#a16207)}.answer-tile-big.a3{background:linear-gradient(135deg,var(--a3),#be185d)}.answer-tile-big.dim{opacity:.3}.answer-tile-big.correct{outline:4px solid #10b981;outline-offset:3px;transform:scale(1.02);box-shadow:0 0 40px #10b98180}.answer-tile-big .shape{width:52px;height:52px;background:#ffffff2e;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.answer-tile-big .shape svg path,.answer-tile-big .shape svg circle,.answer-tile-big .shape svg rect,.answer-tile-big .shape svg polygon,.answer-tile-big .shape svg line{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.answer-tile-big .opt-text{flex:1}.answer-tile-big .count-badge{background:#0000004d;padding:.4rem .9rem;border-radius:999px;font-size:1rem;font-weight:800;min-width:56px;text-align:center}.reveal-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;height:180px;align-items:end;margin-top:.5rem}.reveal-chart .bar-col{background:#ffffff0d;border-radius:12px 12px 0 0;height:100%;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.reveal-chart .bar-fill{width:100%;border-radius:12px 12px 0 0;transition:height .8s cubic-bezier(.16,1,.3,1);position:relative;display:flex;align-items:start;justify-content:center;padding-top:.5rem;color:#fff;font-weight:800;font-size:1.25rem}.reveal-chart .bar-col.a0 .bar-fill{background:linear-gradient(180deg,var(--a0),#5b21b6)}.reveal-chart .bar-col.a1 .bar-fill{background:linear-gradient(180deg,var(--a1),#0e7490)}.reveal-chart .bar-col.a2 .bar-fill{background:linear-gradient(180deg,var(--a2),#a16207)}.reveal-chart .bar-col.a3 .bar-fill{background:linear-gradient(180deg,var(--a3),#be185d)}.reveal-chart .bar-col.correct{box-shadow:0 0 30px #10b98166;border-color:#10b981}.stage-player{background:radial-gradient(ellipse at 0% 0%,rgba(124,58,237,.6) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(236,72,153,.5) 0%,transparent 50%),linear-gradient(135deg,#4c1d95,#831843);color:#fff}.player-shell{width:100%;max-width:540px;display:flex;flex-direction:column;gap:1.25rem;align-items:stretch}.player-banner{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem 1.5rem;border-radius:18px;text-align:center}.player-banner .greet{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;margin-bottom:.25rem;font-weight:600}.player-banner .my-name{font-size:1.75rem;font-weight:800;color:#fff}.player-status-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem 1.5rem;border-radius:18px;text-align:center}.player-status-card .dot-loader{display:inline-flex;gap:.4rem;margin:.5rem 0}.player-status-card .dot-loader span{width:10px;height:10px;background:#fff;border-radius:50%;animation:bounce 1.2s infinite ease-in-out}.player-status-card .dot-loader span:nth-child(2){animation-delay:.2s}.player-status-card .dot-loader span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.player-status-card h2{color:#fff;font-size:1.5rem;margin-bottom:.25rem}.player-status-card p{color:#ffffffd9}.players-list-mini{background:#0000002e;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1.25rem}.players-list-mini h4{color:#fffc;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between}.players-list-mini h4 .num{color:#fff;font-size:1.25rem;font-weight:800}.players-list-mini .chips{display:flex;flex-wrap:wrap;gap:.4rem}.players-list-mini .chip{background:#ffffff26;color:#fff;padding:.3rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;animation:popIn .3s ease}.players-list-mini .chip.me{background:var(--cf-orange);color:#fff}.player-answers{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;width:100%}.player-btn{aspect-ratio:1;border:none;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.player-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #0000004d}.player-btn:active:not(:disabled){transform:scale(.97)}.player-btn:disabled{opacity:.4;cursor:not-allowed}.player-btn.a0{background:linear-gradient(135deg,var(--a0),#5b21b6)}.player-btn.a1{background:linear-gradient(135deg,var(--a1),#0e7490)}.player-btn.a2{background:linear-gradient(135deg,var(--a2),#a16207)}.player-btn.a3{background:linear-gradient(135deg,var(--a3),#be185d)}.player-btn svg path,.player-btn svg circle,.player-btn svg rect,.player-btn svg polygon,.player-btn svg line{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.player-question-header{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem}.player-question-header .timer-mini{width:56px;height:56px;border-radius:50%;background:var(--cf-orange);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;flex-shrink:0;font-variant-numeric:tabular-nums}.player-question-header .timer-mini.urgent{background:#ef4444;animation:pulse .5s ease-in-out infinite alternate}.player-question-header .q-info{flex:1;font-size:.95rem;color:#ffffffe6;line-height:1.3}.player-question-header .q-info .step{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9;font-weight:600;display:block;margin-bottom:.2rem}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.quiz-card{background:var(--cf-white);border:1px solid var(--cf-gray-300);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;transition:transform .15s,box-shadow .15s}.quiz-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--cf-orange)}.quiz-card-body{flex:1}.quiz-card-title{font-size:1.1rem;font-weight:700;color:var(--cf-black);margin-bottom:.4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em}.quiz-card-meta{display:flex;align-items:center;gap:.5rem;color:var(--cf-gray-700);font-size:.85rem}.quiz-card-actions{display:flex;gap:.4rem;flex-wrap:wrap}.quiz-card-actions .btn{flex:1;min-width:0}.quiz-card-actions .btn-primary{flex:1.5}