@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;700&display=swap";:root{--font-main: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-dark: #04050a;--bg-deep: #070912;--bg-card: rgba(13, 17, 30, .45);--border-glass: rgba(255, 255, 255, .06);--border-glow: rgba(0, 242, 254, .25);--color-primary: #8b5cf6;--color-primary-glow: rgba(139, 92, 246, .2);--color-secondary: #00f2fe;--color-secondary-glow: rgba(0, 242, 254, .15);--color-success: #10b981;--color-success-glow: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-error: #f43f5e;--color-error-glow: rgba(244, 63, 94, .15);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--color-gold: #f59e0b;--color-silver: #94a3b8;--color-bronze: #b45309}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}@media (max-width: 767px){html,body{overflow-y:auto;height:auto}}.bg-cyberpunk{height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,#0c0f24 0%,var(--bg-dark) 80%);position:relative}@media (max-width: 767px){.bg-cyberpunk{height:auto;min-height:100vh}}*:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 8px var(--color-secondary-glow)}.glass-navbar{height:64px;background:#04050a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;flex-shrink:0;z-index:50}.logo-text{font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#ffffff 40%,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;font-size:1.5rem}.logo-text span{background:linear-gradient(135deg,var(--color-secondary),#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-content-area{flex:1;display:flex;align-items:stretch;justify-content:center;padding:1.5rem 2rem;overflow:hidden;width:100%;max-width:1000px;margin:0 auto}@media (max-width: 767px){.main-content-area{display:block;overflow-y:visible;padding:1.5rem 1rem;height:auto}}.footer{height:36px;border-top:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem;flex-shrink:0;background:#04050a66}@media (max-width: 767px){.footer{height:auto;padding:1rem 0}}.dashboard-grid{display:flex;width:100%;height:100%;gap:1.5rem;overflow:hidden}.dashboard-arena{flex:7;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;height:100%;min-width:0}.dashboard-sidebar{flex:3;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;height:100%;min-width:0}@media (max-width: 767px){.dashboard-grid{flex-direction:column;height:auto;overflow:visible}.dashboard-arena,.dashboard-sidebar{width:100%;height:auto;overflow:visible}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--border-glass);box-shadow:0 12px 36px #00000080;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;position:relative;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--border-glow);box-shadow:0 12px 36px #00f2fe0f}.landing-card{width:100%;max-width:480px;margin:auto;align-self:center;padding:2rem}.landing-header{text-align:center;margin-bottom:2rem}.landing-header .subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:.5rem;font-weight:400;letter-spacing:.02em}.card-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;margin-bottom:1.25rem;letter-spacing:-.01em}.section-subtitle{font-size:.8rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;width:100%}.label{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.input{background:#00000040;border:1px solid var(--border-glass);color:var(--text-primary);padding:.75rem 1rem;border-radius:12px;font-size:.95rem;width:100%;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input:focus{outline:none;border-color:var(--color-secondary);background:#0006;box-shadow:0 0 12px var(--color-secondary-glow)}.input-read-only{background:#ffffff03!important;color:var(--text-muted)!important;border-color:#ffffff05!important;cursor:default}.input-large{padding:1rem;font-size:1.5rem;font-weight:700;border-radius:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.9rem;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s ease,filter .15s ease,background-color .15s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px) scale(.98)}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,var(--color-secondary),#3b82f6);color:#03050c;box-shadow:0 4px 16px #00f2fe33}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px #00f2fe4d}.btn-secondary{background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff12;border-color:var(--text-secondary)}.btn-success{background:linear-gradient(135deg,var(--color-success),#059669);color:#020705;box-shadow:0 4px 16px var(--color-success-glow)}.btn-success:hover{filter:brightness(1.15);box-shadow:0 6px 20px #10b9814d}.btn-outline{background:transparent;border-color:#ffffff1f}.btn-outline:hover{background:#ffffff08}.btn-error{border-color:#f43f5e4d;color:var(--color-error);background:#f43f5e0d}.btn-error:hover{background:var(--color-error);color:#040102;box-shadow:0 0 12px var(--color-error-glow)}.btn-large{padding:.95rem 2rem;font-size:1.05rem}.btn-sm{padding:.4rem .9rem;font-size:.75rem;border-radius:8px}.divider-text{text-align:center;position:relative;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin:1.25rem 0;width:100%;letter-spacing:.05em;font-weight:700}.divider-text:before,.divider-text:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:#ffffff0d}.divider-text:before{left:0}.divider-text:after{right:0}.card-actions-split{display:flex;flex-direction:column;align-items:center;width:100%;gap:.75rem}.action-form{width:100%}.form-group-inline{display:flex;gap:.5rem;width:100%}.input-code{width:120px!important;text-align:center;font-family:var(--font-mono);letter-spacing:.08em;font-weight:700;font-size:1.1rem}.settings-panel{display:flex;flex-direction:column;gap:1.25rem;flex:1;overflow-y:auto}.slider{-webkit-appearance:none;width:100%;height:6px;border-radius:9999px;background:#ffffff0f;outline:none;margin:.85rem 0}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 10px #00f2fe80;cursor:pointer;transition:transform .1s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.checkbox-list{display:flex;flex-direction:column;gap:.65rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;-webkit-user-select:none;user-select:none;color:var(--text-secondary);transition:color .2s ease}.checkbox-label:hover{color:var(--text-primary)}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer;border-radius:4px}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.badge-success{background:#10b98114;color:var(--color-success);border-color:#10b9812e}.badge-warning{background:#f59e0b14;color:var(--color-warning);border-color:#f59e0b2e}.badge-error{background:#f43f5e14;color:var(--color-error);border-color:#f43f5e2e}.badge-secondary{background:#00f2fe14;color:var(--color-secondary);border-color:#00f2fe2e}.invite-widget{background:#0003;padding:1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.copy-field{display:flex;gap:.5rem;margin-top:.5rem}.players-container{display:flex;flex-direction:column;overflow:hidden;flex:1}.player-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;overflow-y:auto;flex:1}.player-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.03);flex-shrink:0;transition:background-color .2s ease}.player-item:hover{background:#ffffff0a}.player-self{border-color:#8b5cf640;background:#8b5cf608}.player-self:hover{background:#8b5cf60d}.player-inactive{opacity:.5}.player-info{display:flex;align-items:center}.player-name{font-weight:600;color:var(--text-primary)}.highlight-code{color:var(--color-secondary);font-family:var(--font-mono);font-weight:700}.highlight-value{color:var(--color-secondary);font-family:var(--font-mono)}.alert{background:#f43f5e1f;border:1px solid rgba(244,63,94,.25);color:#fecdd3;padding:.9rem 1.25rem;border-radius:12px;z-index:100}.timer-progress-bar{position:absolute;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--color-secondary),#3b82f6);box-shadow:0 0 10px #00f2fe80;transition:width 1s linear}.timer-low{background:var(--color-error);box-shadow:0 0 10px #f43f5e80;animation:pulse-red 1s infinite alternate}.round-badge{background:#ffffff0a;font-family:var(--font-mono);padding:.3rem .75rem;border-radius:8px;font-weight:700;font-size:.8rem;border:1px solid var(--border-glass)}.question-text{font-weight:700;line-height:1.35;color:var(--text-primary)}.players-status-flow{display:flex;flex-wrap:wrap;gap:.5rem;max-height:120px;overflow-y:auto}.status-pill{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff03;border:1px solid var(--border-glass);padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;color:var(--text-secondary);transition:all .2s ease}.status-pill:hover{background:#ffffff0a;border-color:#ffffff1a}.status-pill-submitted{border-color:#10b98140;background:#10b9810a}.status-pill-thinking{border-color:#f59e0b40;background:#f59e0b0a}.status-pill-inactive{opacity:.4}.status-name{font-weight:600}.countdown-round-indicator{font-size:1.5rem;font-weight:700}.countdown-number{font-family:var(--font-mono);font-size:6.5rem;font-weight:800;color:var(--color-secondary);text-shadow:0 0 24px rgba(0,242,254,.4);line-height:1}.countdown-subtext{color:var(--text-muted);font-size:.9rem}.leaderboard-card{display:flex;flex-direction:column;overflow:hidden;height:100%}.leaderboard-card .table-responsive{flex:1;overflow-y:auto;max-height:100%}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th{text-align:left;padding:.75rem .85rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;background:#080a14;z-index:10;font-weight:800}.leaderboard-row{border-bottom:1px solid rgba(255,255,255,.02);transition:background-color .2s ease}.leaderboard-row:hover{background:#ffffff03}.leaderboard-row.row-self{background:#8b5cf605}.leaderboard-row.row-self:hover{background:#8b5cf60a}.leaderboard-table td{padding:.85rem;font-size:.9rem;vertical-align:middle}.td-rank{width:48px}.text-gold{color:var(--color-gold);filter:drop-shadow(0 0 6px rgba(245,158,11,.4))}.text-silver{color:var(--color-silver);filter:drop-shadow(0 0 6px rgba(148,163,184,.4))}.text-bronze{color:var(--color-bronze);filter:drop-shadow(0 0 6px rgba(180,83,9,.4))}.rank-number{font-family:var(--font-mono);font-weight:700;color:var(--text-muted)}.self-tag{font-size:.75rem;color:var(--color-primary);font-weight:700}.player-cell{display:flex;flex-direction:column}.player-status-tag{font-size:.65rem;color:var(--color-error);font-weight:700;text-transform:uppercase}.reveal-answer-value{text-shadow:0 0 20px var(--color-secondary-glow)}.self-score-banner{background:#ffffff05;border-radius:12px;border:1px solid var(--border-glass)}@keyframes pulse-red{0%{opacity:.8}to{opacity:1;box-shadow:0 0 12px #f43f5e66}}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.animate-slide-up{animation:slideUp .45s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-black{font-weight:900}.text-center{text-align:center}.text-right{text-align:right}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-muted{color:var(--text-muted)}.italic{font-style:italic}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid{display:grid}@media (min-width: 640px){.grid-cols-2{grid-template-cols:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-cols:repeat(3,minmax(0,1fr))}}.public-matchmaking-section{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:1.5rem}.divider-horizontal{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:1rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.divider-horizontal .divider-line{flex:1;height:1px;background:#ffffff0d}.divider-horizontal .divider-text-main{padding:0 1rem;color:var(--color-secondary);text-shadow:0 0 10px rgba(0,242,254,.4)}.public-matchmaking-info{font-size:.8rem;color:var(--text-muted);text-align:center;margin-bottom:1.25rem;line-height:1.4;font-weight:400}.public-buttons-container{display:flex;width:100%}.btn-quickplay{flex:1;background:#ffffff05;border:1px solid var(--border-glass);color:var(--text-primary);font-size:.9rem;padding:.75rem 1.25rem}.btn-quickplay.btn-en:hover{background:linear-gradient(135deg,#8b5cf61a,#00f2fe1a);border-color:var(--color-secondary);box-shadow:0 0 12px #00f2fe33}.badge-achievement{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:6px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;line-height:1;border:1px solid transparent}.badge-streak{background:#f973161a;color:#fb923c;border-color:#f9731640;box-shadow:0 0 6px #f973161a}.badge-exact{background:#8b5cf61a;color:#c084fc;border-color:#8b5cf640;box-shadow:0 0 8px #8b5cf626}.badge-winner{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2440}.badge-worst{background:#f43f5e14;color:#f87171;border-color:#f43f5e33}.badge-close{background:#06b6d41a;color:#22d3ee;border-color:#06b6d440}.reveal-overlay-popup{position:absolute;top:0;left:0;width:100%;height:100%;background:#04050ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;border-radius:16px;animation:fadeIn .25s ease-out}.reveal-popup-content{background:#090a12;border:1px solid var(--border-glass);box-shadow:0 20px 50px #0009;border-radius:24px;padding:2.5rem;max-width:440px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.85rem}.popup-emoji{margin-bottom:1rem;font-size:5rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));line-height:1}.popup-title{font-size:1.5rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.popup-subtitle{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.text-glow-purple{color:#c084fc;text-shadow:0 0 12px rgba(167,139,250,.5)}.text-glow-orange{color:#f97316;text-shadow:0 0 12px rgba(249,115,22,.5)}.text-glow-cyan{color:#22d3ee;text-shadow:0 0 12px rgba(34,211,238,.5)}.text-glow-gold{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.5)}.text-glow-red{color:#f87171;text-shadow:0 0 12px rgba(248,113,113,.5)}.animate-zoom-in-out{animation:zoomInOut 2.8s cubic-bezier(.25,1,.5,1) forwards}@keyframes zoomInOut{0%{transform:scale(.7);opacity:0}10%{transform:scale(1.03);opacity:1}13%{transform:scale(1);opacity:1}85%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.animate-pulse{animation:pulseGradual 2s infinite alternate}@keyframes pulseGradual{0%{opacity:.8}to{opacity:1}}.game-over-container{width:100%}.header-card{border-bottom:2px solid rgba(255,255,255,.02)}.shimmer-card{position:relative;overflow:hidden;background:#ffffff04;border:1px solid var(--border-glass)}.shimmer-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff05 20%,#ffffff0d,#fff0);animation:shimmer 5s infinite}@keyframes shimmer{to{transform:translate(100%)}}