:root{color-scheme:dark;font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif;font-synthesis:none;color:#f8fafc;background:#0b1020;--background: #0b1020;--surface: rgba(30, 41, 59, .82);--surface-strong: #1e293b;--border: rgba(148, 163, 184, .24);--muted: #a8b3c7;--primary: #8b5cf6;--primary-hover: #7c3aed;--accent: #22d3ee;--success: #34d399;--danger: #fb7185}*{box-sizing:border-box}html{min-height:100%;background:var(--background);overscroll-behavior:none}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 12% 10%,rgba(139,92,246,.2),transparent 32rem),radial-gradient(circle at 88% 88%,rgba(34,211,238,.14),transparent 30rem),var(--background)}html[lang=ar] body{font-family:Segoe UI,Tahoma,Noto Naskh Arabic,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] .eyebrow,html[lang=ar] .brand{letter-spacing:0}html[lang=ar] .eyebrow,html[lang=ar] .brand{text-transform:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,p{margin-top:0}h1{margin-bottom:.55em;font-size:clamp(2.3rem,6vw,5.5rem);line-height:.98;letter-spacing:-.045em}h2{font-size:clamp(1.4rem,3vw,2rem)}p{color:var(--muted);line-height:1.6}.eyebrow,.brand{color:var(--accent);font-weight:800;letter-spacing:.13em;text-transform:uppercase}.panel{border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 24px 80px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:15px;padding:.9rem 1.35rem;color:#fff;font-weight:800;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease,background .15s ease,opacity .15s ease}.button:hover:not(:disabled){transform:translateY(-2px)}.button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(34,211,238,.5);outline-offset:3px}.button:disabled{cursor:default;opacity:.58}.button-primary{background:linear-gradient(135deg,var(--primary),#6366f1);box-shadow:0 12px 30px #7c3aed4d}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),#4f46e5)}.button-secondary{border-color:var(--border);background:#0f172a9e}.field{display:grid;gap:.55rem;color:#dbe5f3;font-weight:700}.field input,.field select{width:100%;min-height:54px;border:1px solid var(--border);border-radius:14px;padding:.8rem 1rem;color:#f8fafc;background:#0f172ac7}.field input::placeholder{color:#718096}.player-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.player-row{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:.75rem 1rem;background:#0f172a7a}.player-row>div{display:flex;min-width:0;align-items:center;gap:.7rem}.player-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-badge,.status-badge{flex:none;border-radius:999px;padding:.32rem .62rem;font-size:.76rem;font-weight:800}.language-badge{color:#a5f3fc;background:#0891b233}.status-badge{color:#fcd34d;background:#f59e0b29}.status-badge--ready{color:#6ee7b7;background:#10b9812b}.status-badge--disconnected{color:#fda4af;background:#f43f5e29}.countdown-track{height:9px;overflow:hidden;border-radius:999px;background:#94a3b82e}.countdown-track span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--primary));transition:width .1s linear}.ranking-list{display:grid;width:100%;gap:.75rem;margin:0;padding:0;list-style:none}.ranking-row{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:18px;padding:1rem 1.25rem;background:var(--surface);animation:list-item-in .42s both;animation-delay:calc(var(--item-index, 0) * 55ms)}.ranking-row--1{border-color:#facc15a6;background:linear-gradient(90deg,rgba(250,204,21,.2),var(--surface))}.ranking-row--2{border-color:#cbd5e173}.ranking-row--3{border-color:#fb923c73}.ranking-position{color:var(--accent);font-weight:900}.ranking-points{color:#f8fafc;font-weight:900}.center-screen{display:grid;min-height:100vh;place-content:center;justify-items:center;padding:2rem;text-align:center}.spinner{width:64px;height:64px;margin-bottom:1.5rem;border:7px solid rgba(148,163,184,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .85s linear infinite}.error-screen p{max-width:36rem}.error-icon{display:grid;width:96px;min-width:96px;aspect-ratio:1;place-items:center;margin-bottom:1.2rem;border:2px solid rgba(251,113,133,.45);border-radius:28px;color:#fecdd3;background:#f43f5e24;font-size:2.5rem;font-weight:900;box-shadow:0 18px 60px #f43f5e24}.landing-page{display:grid;place-items:center;padding:1.5rem}.landing-card{width:min(760px,100%);text-align:center}.landing-copy{max-width:570px;margin-right:auto;margin-bottom:2rem;margin-left:auto;font-size:clamp(1.05rem,2vw,1.35rem)}.landing-actions{display:flex;justify-content:center;gap:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes list-item-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes urgent-pulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 18px rgba(251,113,133,.62))}}@media(max-width:560px){.landing-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}