:root{--bg-dark: #080a0f;--bg-card: rgba(18, 24, 38, .85);--bg-card-hover: rgba(28, 36, 56, .95);--bg-modal: #0d121c;--panel-border: rgba(255, 255, 255, .1);--panel-border-glow: rgba(155, 92, 255, .35);--text-primary: #f3f6fb;--text-secondary: #9da8b8;--text-muted: #64748b;--accent-purple: #9b5cff;--accent-purple-glow: rgba(155, 92, 255, .4);--status-green: #35e58a;--status-green-glow: rgba(53, 229, 138, .4);--status-amber: #ffc83d;--status-amber-glow: rgba(255, 200, 61, .4);--status-red: #ff5365;--status-red-glow: rgba(255, 83, 101, .4);--status-blue: #48a7ff;--status-blue-glow: rgba(72, 167, 255, .4);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;min-height:100vh;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 80% 5%,rgba(155,92,255,.12),transparent 35%),radial-gradient(circle at 10% 85%,rgba(53,229,138,.08),transparent 35%),radial-gradient(circle at 50% 50%,rgba(72,167,255,.04),transparent 50%);z-index:0}#root{position:relative;z-index:1;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #0006;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-panel:hover{border-color:#fff3}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em}.font-mono{font-family:var(--font-mono)}.gradient-text{background:linear-gradient(135deg,#ffffff 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-green{background:linear-gradient(135deg,#ffffff 0%,var(--status-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-family:var(--font-sans);font-size:15px;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;max-width:100%!important;box-sizing:border-box!important;white-space:normal;word-break:break-word;overflow-wrap:break-word}.btn svg,button svg{flex-shrink:0!important}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#a86cff,#853bfe);color:#fff;border-color:#fff3;box-shadow:0 4px 20px var(--accent-purple-glow)}.btn-primary:hover{background:linear-gradient(135deg,#b47eff,#9047fe);box-shadow:0 6px 24px #9b5cff99}.btn-success{background:linear-gradient(135deg,#3ee892,#20be6b);color:#071910;border-color:#fff3;box-shadow:0 4px 20px var(--status-green-glow)}.btn-success:hover{background:linear-gradient(135deg,#51eda0,#26d278)}.btn-danger{background:linear-gradient(135deg,#ff5f70,#dc2a3f);color:#fff;border-color:#fff3;box-shadow:0 4px 20px var(--status-red-glow)}.btn-danger:hover{background:linear-gradient(135deg,#ff7382,#eb354a)}.btn-warning{background:linear-gradient(135deg,#ffd359,#e6a817);color:#1a1402;border-color:#fff3;box-shadow:0 4px 20px var(--status-amber-glow)}.btn-secondary{background:#ffffff12;color:var(--text-primary);border-color:#ffffff1f}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40}.btn-lg{padding:16px 28px;font-size:17px;border-radius:var(--radius-md)}.btn-sm{padding:8px 14px;font-size:13px;border-radius:var(--radius-sm)}.badge{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 10px!important;border-radius:var(--radius-full)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.03em!important;text-transform:uppercase!important;max-width:100%!important;white-space:nowrap!important;word-break:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}.badge-purple{background:#9b5cff26;color:#c49eff;border:1px solid rgba(155,92,255,.3)}.badge-green{background:#35e58a26;color:#6ef0ae;border:1px solid rgba(53,229,138,.3)}.badge-red{background:#ff536526;color:#ff8593;border:1px solid rgba(255,83,101,.3)}.badge-amber{background:#ffc83d26;color:#ffe082;border:1px solid rgba(255,200,61,.3)}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--status-red-glow)}50%{box-shadow:0 0 35px #ff5365cc}}.pulse-warning{animation:pulseGlow 1s infinite alternate}.mobile-header{display:none!important}.header-info-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;width:100%}.mobile-scoreboard-toggle{display:none!important}.central-timer-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,320px) minmax(200px,1fr);gap:20px;align-items:center;margin:16px 0 24px;width:100%}.main-app-content{width:calc(100% - 260px);max-width:calc(100% - 260px);min-width:0}@media(max-width:900px){.mobile-header{display:flex!important}.active-game-container{display:flex!important;flex-direction:column!important}@media(max-width:400px){.mobile-header-title{display:none!important}}.header-info-container{order:1!important;display:block!important;margin-bottom:16px!important}.desktop-only-card{display:none!important}.mobile-scoreboard-toggle{display:inline-flex!important}.round-card-main{width:100%!important}.sidebar-drawer{transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1)!important}.sidebar-drawer.open{transform:translate(0)!important}.main-app-content{margin-left:0!important;width:100%!important;max-width:100%!important}.btn{min-height:44px}.central-timer-layout{display:contents!important}.timer-center-box{order:2!important;width:100%!important;margin-bottom:16px!important}.bottom-toolbar-container{order:3!important;width:100%!important;margin-bottom:20px!important}.players-column-desktop{display:none!important}.players-grid-mobile{order:4!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:12px!important;width:100%!important;margin-bottom:16px!important}.round-winner-btn-container{order:5!important;width:100%!important}.scoreboard-flap-btn{display:none!important}}.players-grid-mobile{display:none}@media(max-width:600px){.glass-panel{border-radius:var(--radius-md);max-width:100%!important;box-sizing:border-box!important}.btn-lg{padding:12px 14px!important;font-size:14px!important;width:100%!important;max-width:100%!important}.btn{max-width:100%!important;box-sizing:border-box!important;white-space:normal;word-break:break-word}.btn-block-mobile{width:100%!important}.mobile-scoreboard-toggle{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;padding:0!important;aspect-ratio:1 / 1!important;border-radius:var(--radius-md)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.bottom-toolbar-container .btn{width:100%!important;max-width:100%!important}.players-grid-mobile{grid-template-columns:1fr!important}}