:root{--color-primary-rgb: 255, 107, 0;--color-primary-light-rgb: 255, 155, 60;--color-primary-dark-rgb: 210, 72, 0;--color-secondary-rgb: 232, 184, 64;--bg-tint-1: #130e05;--bg-tint-2: #0a0805;--bg-tint-3: #1c1610;--surface-base-rgb: 24, 18, 9;--surface-raised-rgb: 35, 26, 14;--surface-overlay-rgb: 44, 34, 18}:root{--color-primary-rgb: 138, 43, 226;--color-primary-light-rgb: 180, 100, 255;--color-primary-dark-rgb: 90, 20, 160;--color-secondary-rgb: 255, 20, 147;--bg-tint-1: #1b0024;--bg-tint-2: #0b0010;--bg-tint-3: #1a0033;--team-blue-rgb: 31, 79, 216;--team-blue-dark: #163a9e;--team-red-rgb: 193, 18, 31;--team-red-dark: #780000;--team-green-rgb: 26, 122, 46;--team-green-dark: #0e5020;--team-yellow-rgb: 160, 120, 0;--team-yellow-dark: #7a5a00;--team-spectator-rgb:80, 80, 80;--surface-base-rgb: 20, 10, 30;--surface-raised-rgb: 30, 30, 50;--surface-overlay-rgb: 50, 20, 60;--surface-input-rgb: 15, 10, 30;--text-primary-rgb: 255, 255, 255;--text-secondary-rgb: 224, 192, 255;--text-muted-rgb: 176, 160, 208;--text-input-rgb: 112, 96, 160;--color-success-rgb: 40, 180, 60;--color-warning-rgb: 255, 215, 0;--color-danger-rgb: 220, 60, 60;--border-opacity: .4;--border-width: 2px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Cascadia Code", "Fira Code", monospace;--blur-panel: 10px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 28px rgba(var(--color-primary-rgb), .6);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);min-height:100vh;background:linear-gradient(135deg,var(--bg-tint-1) 0%,var(--bg-tint-2) 50%,var(--bg-tint-3) 100%);color:rgb(var(--text-primary-rgb));padding:var(--space-5);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg,rgb(var(--color-primary-rgb)),rgb(var(--color-secondary-rgb)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel{background:linear-gradient(135deg,rgba(var(--surface-raised-rgb),.8),rgba(var(--surface-overlay-rgb),.8));border:var(--border-width) solid rgba(var(--color-primary-rgb),var(--border-opacity));border-radius:var(--radius-xl);padding:var(--space-8);-webkit-backdrop-filter:blur(var(--blur-panel));backdrop-filter:blur(var(--blur-panel));box-shadow:var(--shadow-card)}.panel-sm{padding:var(--space-5);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base);-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,rgb(var(--color-primary-rgb)),rgb(var(--color-secondary-rgb)));color:#fff;box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.4)}.btn-primary:hover{box-shadow:0 6px 25px rgba(var(--color-primary-rgb),.6)}.btn-ghost{background:rgba(var(--color-primary-rgb),.15);color:rgb(var(--text-secondary-rgb));border:var(--border-width) solid rgba(var(--color-primary-rgb),.5)}.btn-ghost:hover{background:rgba(var(--color-primary-rgb),.28);border-color:rgba(var(--color-primary-rgb),.8);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.btn-full{width:100%}.input{width:100%;padding:var(--space-3) var(--space-4);background:rgba(var(--surface-input-rgb),.9);border:1px solid rgba(var(--color-primary-rgb),.7);border-radius:var(--radius-md);color:rgb(var(--text-primary-rgb));font-size:1rem;font-family:var(--font-sans);transition:border-color var(--transition-base)}.input::placeholder{color:rgb(var(--text-input-rgb))}.input:focus{outline:none;border-color:rgba(var(--color-primary-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.toggle-row{display:flex;background:#ffffff12;border-radius:var(--radius-md);overflow:hidden}.toggle-option{flex:1;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:rgb(var(--text-secondary-rgb));font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.toggle-option.active{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.75),rgba(var(--color-secondary-rgb),.75));color:#fff}.toggle-option:hover:not(.active){color:#fff}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:.78rem;font-weight:700}.badge-primary{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.4),rgba(var(--color-secondary-rgb),.4));color:rgb(var(--text-secondary-rgb));border:1px solid rgba(var(--color-primary-rgb),.7)}.claimed-blue{background:linear-gradient(145deg,#1f4fd8,#163a9e);box-shadow:0 0 28px rgba(var(--team-blue-rgb),.9),inset 0 0 0 3px #ffffff4d}.claimed-red{background:linear-gradient(145deg,#c1121f,#780000);box-shadow:0 0 28px rgba(var(--team-red-rgb),.9),inset 0 0 0 3px #ffffff4d}.claimed-green{background:linear-gradient(145deg,#1a7a2e,#0e5020);box-shadow:0 0 28px rgba(var(--team-green-rgb),.9),inset 0 0 0 3px #ffffff4d}.claimed-yellow{background:linear-gradient(145deg,#a07800,#7a5a00);box-shadow:0 0 28px rgba(var(--team-yellow-rgb),.9),inset 0 0 0 3px #ffffff4d}.claimed-blue:hover,.claimed-red:hover,.claimed-green:hover,.claimed-yellow:hover{transform:none}.team-badge{padding:3px 10px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700}.team-badge.blue{background:rgba(var(--team-blue-rgb),.4);color:#90b0ff;border:1px solid rgba(var(--team-blue-rgb),.6)}.team-badge.red{background:rgba(var(--team-red-rgb),.4);color:#ff9090;border:1px solid rgba(var(--team-red-rgb),.6)}.team-badge.green{background:rgba(var(--team-green-rgb),.4);color:#90e0a0;border:1px solid rgba(var(--team-green-rgb),.6)}.team-badge.yellow{background:rgba(var(--team-yellow-rgb),.4);color:#ffe070;border:1px solid rgba(var(--team-yellow-rgb),.6)}.team-badge.spectator{background:rgba(var(--team-spectator-rgb),.4);color:silver;border:1px solid rgba(var(--team-spectator-rgb),.5)}.player-bar-item{padding:4px 10px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:600;color:#fff}.player-bar-item.team-blue{background:rgba(var(--team-blue-rgb),.4);border:1px solid rgba(var(--team-blue-rgb),.7)}.player-bar-item.team-red{background:rgba(var(--team-red-rgb),.4);border:1px solid rgba(var(--team-red-rgb),.7)}.player-bar-item.team-green{background:rgba(var(--team-green-rgb),.4);border:1px solid rgba(var(--team-green-rgb),.7)}.player-bar-item.team-yellow{background:rgba(var(--team-yellow-rgb),.4);border:1px solid rgba(var(--team-yellow-rgb),.7)}.player-bar-item.spectator{background:rgba(var(--team-spectator-rgb),.4);border:1px solid rgba(var(--team-spectator-rgb),.5)}.team-score-block{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:rgba(var(--surface-overlay-rgb),.6);border-radius:var(--radius-md);border:var(--border-width) solid rgba(var(--color-primary-rgb),.3)}.team-score-block.blue{border-color:rgba(var(--team-blue-rgb),.6)}.team-score-block.red{border-color:rgba(var(--team-red-rgb),.6)}.team-score-block.green{border-color:rgba(var(--team-green-rgb),.6)}.team-score-block.yellow{border-color:rgba(var(--team-yellow-rgb),.6)}.team-circle{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);border:var(--border-width) solid rgba(var(--color-primary-rgb),.4);background:rgba(var(--surface-overlay-rgb),.5);cursor:pointer;transition:all var(--transition-base);font-size:1.5rem;color:#fff;min-width:80px}.team-circle span{font-size:.75rem;font-weight:600}.team-circle:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.team-circle.selected{border-width:3px;transform:scale(1.08)}.team-circle.team-blue.selected{border-color:#1f4fd8;box-shadow:0 0 16px rgba(var(--team-blue-rgb),.8)}.team-circle.team-red.selected{border-color:#c1121f;box-shadow:0 0 16px rgba(var(--team-red-rgb),.8)}.team-circle.team-green.selected{border-color:#1a7a2e;box-shadow:0 0 16px rgba(var(--team-green-rgb),.8)}.team-circle.team-yellow.selected{border-color:#a07800;box-shadow:0 0 16px rgba(var(--team-yellow-rgb),.8)}.team-circle.team-spectator.selected{border-color:#8a8a8a;box-shadow:0 0 16px rgba(var(--team-spectator-rgb),.8)}.toast-container{position:fixed;top:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);z-index:9999;pointer-events:none}.toast{background:rgba(var(--surface-base-rgb),.95);border:1px solid rgba(var(--color-primary-rgb),.6);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);color:#fff;font-size:.9rem;max-width:320px;box-shadow:var(--shadow-card);opacity:0;transform:translate(40px);transition:opacity var(--transition-slow),transform var(--transition-slow);pointer-events:auto}.toast.toast-visible{opacity:1;transform:translate(0)}.victory-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9998;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.victory-content{background:linear-gradient(135deg,rgba(var(--surface-overlay-rgb),.98),rgba(var(--surface-base-rgb),.98));border:var(--border-width) solid rgba(var(--color-warning-rgb),.8);border-radius:var(--radius-xl);padding:50px 60px;text-align:center;box-shadow:0 0 60px rgba(var(--color-warning-rgb),.4);animation:victory-pop .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes victory-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bingo-pulse{0%,to{box-shadow:0 0 0 3px rgba(var(--color-warning-rgb),.8),0 0 24px rgba(var(--color-warning-rgb),.9)}50%{box-shadow:0 0 0 5px rgba(var(--color-warning-rgb),1),0 0 32px rgba(var(--color-warning-rgb),1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fade-in .25s ease forwards}.animate-slide-in{animation:slide-in .35s ease forwards}.animate-bingo-pulse{animation:bingo-pulse .6s ease-in-out infinite}.waiting-text{color:rgb(var(--text-muted-rgb));font-size:.9rem;text-align:center;padding:var(--space-2) 0}.version-tag{font-size:.75rem;color:#fff3;margin-top:6px}@tailwind base;@tailwind components;@tailwind utilities;.timeline-rail{position:relative;display:flex;align-items:center;overflow-x:auto;padding:.5rem .5rem .75rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch;min-height:6.5rem}.timeline-rail:before{content:"";position:absolute;top:50%;left:.5rem;right:.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-primary-rgb),.15) 8%,rgba(var(--color-primary-rgb),.15) 92%,transparent);pointer-events:none}.tl-gap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;align-self:stretch;cursor:pointer;transition:width .15s ease}.tl-gap-dot{width:7px;height:7px;border-radius:50%;background:rgba(var(--color-primary-rgb),.2);transition:all .15s ease;flex-shrink:0}.tl-gap:hover .tl-gap-dot,.tl-gap.active .tl-gap-dot{background:rgb(var(--color-primary-rgb));box-shadow:0 0 8px rgba(var(--color-primary-rgb),.5);transform:scale(1.3)}.tl-gap.dropping{width:6rem;background:rgba(var(--color-primary-rgb),.06);border:1.5px dashed rgba(var(--color-primary-rgb),.4);border-radius:var(--radius-md, 12px)}.tl-gap.dropping .tl-gap-dot{display:none}.track-card{flex-shrink:0;width:84px;border-radius:var(--radius-md, 12px);overflow:hidden;background:rgba(var(--surface-raised-rgb),.6);border:1px solid rgba(255,255,255,.08);transition:transform .15s ease,box-shadow .15s ease}.track-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card, 0 8px 24px rgba(0,0,0,.4))}@keyframes qcardPulse{0%,to{border-color:rgba(var(--color-primary-rgb),.6);box-shadow:none}50%{border-color:rgb(var(--color-primary-rgb));box-shadow:0 0 12px rgba(var(--color-primary-rgb),.3)}}.question-card{flex-shrink:0;width:84px;border-radius:var(--radius-md, 12px);overflow:hidden;background:rgba(var(--color-primary-rgb),.08);border:2px solid rgba(var(--color-primary-rgb),.6);animation:qcardPulse 2s ease-in-out infinite;cursor:grab}.question-card:active{cursor:grabbing}@keyframes waveBar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.wave-bars{display:flex;align-items:flex-end;gap:2px;height:20px}.wave-bar{display:block;width:3px;border-radius:2px;background:rgb(var(--color-primary-rgb));transform-origin:bottom center;animation:waveBar .85s ease-in-out infinite}.wave-bar:nth-child(1){height:10px;animation-delay:0s}.wave-bar:nth-child(2){height:16px;animation-delay:.12s}.wave-bar:nth-child(3){height:20px;animation-delay:.24s}.wave-bar:nth-child(4){height:14px;animation-delay:.36s}.wave-bar:nth-child(5){height:18px;animation-delay:.06s}.wave-bar:nth-child(6){height:12px;animation-delay:.18s}.wave-bar:nth-child(7){height:8px;animation-delay:.3s}@keyframes stampIn{0%{transform:scale(2) rotate(-8deg);opacity:0}60%{transform:scale(.94) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.stamp-in{animation:stampIn .35s cubic-bezier(.34,1.56,.64,1) forwards}.timer-ring-track{fill:none;stroke:#ffffff14}.timer-ring-fill{fill:none;stroke:rgb(var(--color-secondary-rgb));stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .4s ease}.timer-ring-fill.danger{stroke:rgb(var(--color-danger-rgb, 220,60,60))}@keyframes pendingShine{0%{background-position:-200% center}to{background-position:200% center}}.pending-card-wrap{position:relative}.pending-card-wrap:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:13px;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-secondary-rgb),.2) 50%,transparent 100%);background-size:200% auto;animation:pendingShine 2s linear infinite;pointer-events:none}@keyframes noteIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.note-enter{animation:noteIn .2s ease-out forwards}.card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-inner{transition:transform .6s;transform-style:preserve-3d}.card-inner.flipped,.card-back{transform:rotateY(180deg)}input[type=range].orange-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:#ffffff1f;outline:none}input[type=range].orange-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:rgb(var(--color-primary-rgb));cursor:pointer}input[type=range].orange-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:none;background:rgb(var(--color-primary-rgb));cursor:pointer}