@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Saira:wght@400;500;600;700;800;900&family=Share+Tech+Mono&display=swap";:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-card:#1a1a25;--color-bg-card-hover:#22222f;--color-gold:#c8a84e;--color-gold-bright:#e8c84e;--color-gold-dim:#8a7035;--color-orange:#d4722a;--color-orange-bright:#f08030;--color-red-dark:#8b1a1a;--color-red:#c0392b;--color-amber:#f39c12;--color-metal-light:#6b6b7b;--color-metal:#4a4a5a;--color-metal-dark:#2a2a35;--color-metal-border:#3a3a4a;--color-text-primary:#e8e6e0;--color-text-secondary:#a0a0a8;--color-text-muted:#606068;--color-text-accent:#c8a84e;--glow-gold:0 0 15px #c8a84e4d;--glow-orange:0 0 15px #d4722a4d;--glow-red:0 0 20px #8b1a1a33;--border-metal:1px solid var(--color-metal-border);--border-gold:1px solid var(--color-gold-dim);--font-display:"Saira", sans-serif;--font-body:"Rajdhani", sans-serif;--font-mono:"Share Tech Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(at 20% 0,#8b1a1a26 0%,#0000 50%),radial-gradient(at 80% 0,#d4722a1a 0%,#0000 50%),radial-gradient(at 50% 100%,#c8a84e14 0%,#0000 40%),linear-gradient(#0a0a0f 0%,#0f0f18 30%,#141420 60%,#0a0a0f 100%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-metal);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-metal-light)}::selection{color:var(--color-text-primary);background:#c8a84e4d}.topbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-metal-border);background:linear-gradient(#0a0a0ff2 0%,#0a0a0fd9 100%);position:sticky;top:0;box-shadow:0 2px 12px #0006}.topbar-inner{max-width:1100px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;height:60px;margin:0 auto;display:flex}.topbar-brand{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:0;display:flex}.topbar-logo{object-fit:contain;filter:drop-shadow(0 0 4px #c8a84e66);width:auto;height:50px}.topbar-nav{align-items:center;gap:2px;display:flex}.topbar-nav-btn{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;padding:6px 12px;font-size:.65rem;font-weight:600;transition:all .2s}.topbar-nav-btn:hover{color:var(--color-text-primary);background:#ffffff0a}.topbar-nav-btn--active{color:var(--color-gold);border-bottom:2px solid var(--color-gold);border-radius:3px 3px 0 0}.topbar-langs{flex-shrink:0;align-items:center;gap:2px;display:flex}.topbar-lang-btn{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:1px;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:6px;padding:6px 12px;font-size:.65rem;font-weight:600;transition:all .2s;display:flex}.topbar-lang-btn:hover{color:var(--color-text-primary);border-color:var(--color-metal-border);background:#ffffff0a}.topbar-lang-btn--active{color:var(--color-gold);border-color:var(--color-gold-dim);background:#c8a84e1a}.topbar-lang-btn--active:hover{color:var(--color-gold-bright);border-color:var(--color-gold);background:#c8a84e26}.topbar-lang-flag{font-size:1.15rem;line-height:1}.topbar-lang-label{text-transform:uppercase}@media (width<=850px){.topbar-inner{height:auto;padding:var(--space-sm) var(--space-lg);flex-wrap:wrap;gap:0}.topbar-brand{order:1}.topbar-langs{order:2;margin-left:auto}.topbar-nav{width:100%;padding-top:var(--space-xs);margin-top:var(--space-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid #3a3a4a4d;order:3;justify-content:center;gap:0;overflow-x:auto}.topbar-nav::-webkit-scrollbar{display:none}.topbar-nav-btn{letter-spacing:1px;flex-shrink:0;padding:5px 10px;font-size:.6rem}.topbar-lang-label{display:none}.topbar-lang-flag{font-size:1.3rem}.topbar-lang-btn{gap:4px;padding:5px 8px}.topbar-logo{height:40px}}@media (width<=480px){.topbar-inner{padding:var(--space-xs) var(--space-md)}.topbar-logo{height:34px}.topbar-nav-btn{letter-spacing:.5px;padding:4px 8px;font-size:.55rem}}.rule-card{border:1px solid var(--color-metal-border);background:linear-gradient(170deg,#1a1a25f2 0%,#12121afa 50%,#1a1a25f2 100%);border-radius:4px;animation:.4s ease-out card-enter;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff08}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rule-card-corner{z-index:1;width:16px;height:16px;position:absolute}.rule-card-corner--tl{border-top:2px solid var(--color-gold-dim);border-left:2px solid var(--color-gold-dim);top:-1px;left:-1px}.rule-card-corner--tr{border-top:2px solid var(--color-gold-dim);border-right:2px solid var(--color-gold-dim);top:-1px;right:-1px}.rule-card-corner--bl{border-bottom:2px solid var(--color-gold-dim);border-left:2px solid var(--color-gold-dim);bottom:-1px;left:-1px}.rule-card-corner--br{border-bottom:2px solid var(--color-gold-dim);border-right:2px solid var(--color-gold-dim);bottom:-1px;right:-1px}.rule-card-header{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(90deg,#c8a84e14 0%,#c8a84e26 50%,#c8a84e14 100%);border-bottom:1px solid #c8a84e33;display:flex;position:relative}.rule-card-header-line{background:linear-gradient(90deg, transparent, var(--color-gold-dim), transparent);flex:1;height:1px}.rule-card-title{font-family:var(--font-display);color:var(--color-gold);letter-spacing:3px;text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700}.rule-card-body{padding:var(--space-lg) var(--space-xl);position:relative}.rule-card-body:before{content:"";top:var(--space-lg);left:12px;bottom:var(--space-lg);background:linear-gradient(180deg, var(--color-gold-dim), var(--color-orange), var(--color-gold-dim));opacity:.4;border-radius:1px;width:2px;position:absolute}.rule-card-content{font-family:var(--font-body);color:var(--color-text-primary);padding-left:var(--space-md);font-size:1rem;font-weight:500;line-height:1.8}.rule-card-content p{margin-bottom:var(--space-md)}.rule-card-content p:last-child{margin-bottom:0}.rule-card-footer{background:linear-gradient(90deg,#0000,#c8a84e1a,#0000);height:4px;position:relative}.rule-card-scanline{background:linear-gradient(90deg, transparent, var(--color-gold-dim), var(--color-gold), var(--color-gold-dim), transparent);opacity:.5;width:100%;height:1px;animation:4s ease-in-out infinite scanline;position:absolute;bottom:0;left:0}@keyframes scanline{0%,to{opacity:0;transform:translate(-60%)}50%{opacity:.5;transform:translate(60%)}}.rule-card--empty .rule-card-body{padding:var(--space-2xl);justify-content:center;display:flex}.rule-card--empty .rule-card-body:before{display:none}.rule-card-empty-text{font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;font-size:.85rem}@media (width<=600px){.rule-card-body{padding:var(--space-md)}.rule-card-content{font-size:.9rem;line-height:1.7}.rule-card-header{padding:var(--space-sm) var(--space-md)}.rule-card-title{letter-spacing:2px;font-size:.65rem}}.loading-state{min-height:300px;padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.loading-hud{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.loading-ring{border:3px solid var(--color-metal-dark);border-top-color:var(--color-gold);border-right-color:var(--color-orange);border-radius:50%;width:64px;height:64px;animation:1.2s linear infinite ring-spin;position:relative}.loading-ring-inner{border:2px solid #0000;border-bottom-color:var(--color-gold-dim);border-left-color:var(--color-gold-dim);border-radius:50%;animation:.8s linear infinite reverse ring-spin;position:absolute;inset:6px}@keyframes ring-spin{to{transform:rotate(360deg)}}.loading-text{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);color:var(--color-gold);text-transform:uppercase;letter-spacing:3px;font-size:.85rem;display:flex}.loading-dots span{opacity:0;animation:1.4s infinite dot-blink}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.loading-bar{background:var(--color-metal-dark);border-radius:2px;width:200px;height:3px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--color-gold-dim), var(--color-gold), var(--color-orange));border-radius:2px;width:40%;height:100%;animation:1.5s ease-in-out infinite bar-slide}@keyframes bar-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.error-state{min-height:300px;padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.error-hud{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-2xl);border:1px solid var(--color-red-dark);text-align:center;max-width:450px;box-shadow:var(--glow-red);background:linear-gradient(135deg,#8b1a1a26,#1a1a25e6);border-radius:4px;flex-direction:column;display:flex}.error-icon{width:48px;height:48px;color:var(--color-red);animation:2s ease-in-out infinite error-pulse}.error-icon svg{width:100%;height:100%}@keyframes error-pulse{0%,to{opacity:.7}50%{opacity:1}}.error-title{font-family:var(--font-display);color:var(--color-red);letter-spacing:2px;font-size:1rem;font-weight:700}.error-message{font-family:var(--font-mono);color:var(--color-text-secondary);word-break:break-word;font-size:.8rem;line-height:1.5}.error-retry{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-red-dark);color:var(--color-text-primary);font-family:var(--font-display);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:2px;font-size:.75rem;transition:all .2s;display:flex}.error-retry:hover{border-color:var(--color-red);box-shadow:var(--glow-red);background:#8b1a1a4d}.error-retry-icon{font-size:1.1rem}.rules-page{flex-direction:column;min-height:100vh;display:flex}.rules-header{padding:var(--space-2xl) var(--space-lg) var(--space-2xl);text-align:center;position:relative;overflow:hidden}.rules-header-bg{z-index:0;background:radial-gradient(at 50% 80%,#c8a84e1a 0%,#0000 60%),radial-gradient(at 30% 20%,#8b1a1a14 0%,#0000 50%),radial-gradient(at 70% 20%,#d4722a0f 0%,#0000 50%);position:absolute;inset:0}.rules-header-content{z-index:1;align-items:center;gap:var(--space-md);flex-direction:column;display:flex;position:relative}.rules-header-emblem{width:60px;height:60px;color:var(--color-gold);margin-bottom:var(--space-sm);animation:3s ease-in-out infinite emblem-glow}.rules-header-icon{width:100%;height:100%}@keyframes emblem-glow{0%,to{filter:drop-shadow(0 0 4px #c8a84e4d)}50%{filter:drop-shadow(0 0 12px #c8a84e80)}}.rules-title{font-family:var(--font-display);letter-spacing:6px;text-transform:uppercase;color:var(--color-text-primary);text-shadow:0 0 30px #c8a84e33;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800}.rules-title-divider{align-items:center;gap:var(--space-md);width:100%;max-width:400px;display:flex}.rules-title-divider-line{background:linear-gradient(90deg, transparent, var(--color-gold-dim), transparent);flex:1;height:1px}.rules-title-divider-diamond{background:var(--color-gold-dim);flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}.rules-subtitle{font-family:var(--font-display);letter-spacing:5px;text-transform:uppercase;color:var(--color-gold);font-size:clamp(.65rem,2vw,.85rem);font-weight:600}.rules-main{width:100%;max-width:900px;padding:0 var(--space-lg) var(--space-2xl);flex:1;margin:0 auto}.rules-content{gap:var(--space-xl);flex-direction:column;display:flex}.rules-card-wrapper{animation:.5s ease-out .2s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rules-footer{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg) var(--space-lg);flex-direction:column;margin-top:auto;display:flex}.rules-footer-line{background:linear-gradient(90deg, transparent, var(--color-metal-border), transparent);width:100%;max-width:600px;height:1px}.rules-footer-text{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:4px;text-transform:uppercase;font-size:.65rem}@media (width<=600px){.rules-header{padding:var(--space-2xl) var(--space-md) var(--space-xl)}.rules-main{padding:0 var(--space-md) var(--space-xl)}.rules-header-emblem{width:45px;height:45px}}.ranking-page{flex-direction:column;min-height:100vh;display:flex}.ranking-header{padding:var(--space-2xl) var(--space-lg) var(--space-xl);text-align:center;position:relative;overflow:hidden}.ranking-header-bg{z-index:0;background:radial-gradient(at 50% 80%,#c8a84e1a 0%,#0000 60%),radial-gradient(at 30% 20%,#8b1a1a14 0%,#0000 50%),radial-gradient(at 70% 20%,#d4722a0f 0%,#0000 50%);position:absolute;inset:0}.ranking-header-content{z-index:1;align-items:center;gap:var(--space-md);flex-direction:column;display:flex;position:relative}.ranking-title{font-family:var(--font-display);letter-spacing:5px;text-transform:uppercase;color:var(--color-text-primary);text-shadow:0 0 30px #c8a84e33;font-size:clamp(1.3rem,4vw,2rem);font-weight:800}.ranking-title-divider{align-items:center;gap:var(--space-md);width:100%;max-width:350px;display:flex}.ranking-title-divider-line{background:linear-gradient(90deg, transparent, var(--color-gold-dim), transparent);flex:1;height:1px}.ranking-title-divider-diamond{background:var(--color-gold-dim);flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}.ranking-subtitle{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-gold-dim);opacity:.85;font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:500}.ranking-update-info{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.5px;padding:var(--space-xs) var(--space-md);margin-top:var(--space-sm);background:#c8a84e14;border:1px solid #c8a84e33;border-radius:6px;font-size:.8rem;display:inline-flex}.ranking-update-icon{width:16px;height:16px;color:var(--color-gold-dim);flex-shrink:0}.ranking-update-info strong{color:var(--color-text-primary)}.ranking-main{width:100%;max-width:960px;padding:0 var(--space-lg) var(--space-2xl);flex:1;margin:0 auto}.ranking-controls{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.ranking-search-wrap{flex:1;min-width:200px;position:relative}.ranking-search-icon{width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ranking-search{background:var(--color-bg-card);border:1px solid var(--color-metal-border);width:100%;color:var(--color-text-primary);font-family:var(--font-body);border-radius:4px;outline:none;padding:10px 12px 10px 36px;font-size:.9rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.ranking-search::placeholder{color:var(--color-text-muted)}.ranking-search:focus{border-color:var(--color-gold-dim);box-shadow:0 0 0 2px #c8a84e26}.ranking-filters{flex-wrap:wrap;gap:4px;display:flex}.ranking-filter-btn{background:var(--color-bg-card);border:1px solid var(--color-metal-border);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:3px;padding:8px 14px;font-size:.7rem;font-weight:600;transition:all .2s}.ranking-filter-btn:hover{border-color:var(--color-gold-dim);color:var(--color-text-primary)}.ranking-filter-btn--active{border-color:var(--color-gold);color:var(--color-gold);background:#c8a84e26}.ranking-refresh-btn{border:1px solid var(--color-metal-border);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:8px 14px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.ranking-refresh-btn:hover{border-color:var(--color-gold-dim);color:var(--color-text-primary)}.ranking-refresh-icon{width:14px;height:14px;transition:transform .4s}.ranking-refresh-btn--spin .ranking-refresh-icon{animation:.6s refresh-spin}@keyframes refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ranking-stats{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:1px;margin-bottom:var(--space-md);text-align:right;font-size:.75rem}.ranking-table-wrap{border:1px solid var(--color-metal-border);border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #0006}.ranking-table{border-collapse:collapse;width:100%}.ranking-table thead tr{border-bottom:2px solid var(--color-gold-dim);background:linear-gradient(90deg,#c8a84e1f 0%,#c8a84e0f 100%)}.ranking-table th{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-gold);text-align:left;padding:12px 16px;font-size:.7rem;font-weight:700}.ranking-table th.col-rank,.ranking-table td.col-rank{text-align:center;width:80px}.ranking-table th.col-power,.ranking-table td.col-power{text-align:right;width:120px}.ranking-table th.col-role,.ranking-table td.col-role{text-align:center;width:110px}.ranking-table th.col-pref,.ranking-table td.col-pref{text-align:center;width:100px}.ranking-table td.col-pref{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.8rem}.ranking-table td{font-family:var(--font-body);color:var(--color-text-primary);border-bottom:1px solid #3a3a4a66;padding:12px 16px;font-size:.95rem;font-weight:500}.ranking-table td.col-power{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.85rem}.ranking-row{transition:background .15s}.ranking-row:hover{background:#ffffff05}.ranking-row--top1{background:linear-gradient(90deg,#ffd70014 0%,#0000 60%)}.ranking-row--top1:hover{background:linear-gradient(90deg,#ffd7001f 0%,#0000 60%)}.ranking-row--top1 td.col-name{color:gold;font-weight:700}.ranking-row--top2{background:linear-gradient(90deg,#c0c0c00f 0%,#0000 60%)}.ranking-row--top2:hover{background:linear-gradient(90deg,#c0c0c01a 0%,#0000 60%)}.ranking-row--top2 td.col-name{color:silver;font-weight:700}.ranking-row--top3{background:linear-gradient(90deg,#cd7f320f 0%,#0000 60%)}.ranking-row--top3:hover{background:linear-gradient(90deg,#cd7f321a 0%,#0000 60%)}.ranking-row--top3 td.col-name{color:#cd7f32;font-weight:700}.rank-number{font-family:var(--font-display);color:var(--color-text-secondary);align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:inline-flex}.rank-medal{font-size:1.1rem}.role-badge{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;border-radius:3px;padding:3px 10px;font-size:.65rem;font-weight:700;display:inline-block}.role-badge--r5{color:gold;background:#ffd70026;border:1px solid #ffd7004d}.role-badge--r4{color:#64b4ff;background:#64b4ff1f;border:1px solid #64b4ff40}.role-badge--member{color:var(--color-text-muted);background:#a0a0a81a;border:1px solid #a0a0a833}.ranking-empty{text-align:center;padding:var(--space-2xl);font-family:var(--font-mono);color:var(--color-text-muted);border:1px dashed var(--color-metal-border);border-radius:4px;font-size:.85rem}.ranking-cards-mobile{flex-direction:column;gap:8px;display:none}.ranking-card{align-items:center;gap:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-metal-border);border-radius:4px;padding:12px 16px;transition:background .15s;display:flex}.ranking-card--top1{background:linear-gradient(135deg, #ffd70014 0%, var(--color-bg-card) 60%);border-color:#ffd7004d}.ranking-card--top2{background:linear-gradient(135deg, #c0c0c00f 0%, var(--color-bg-card) 60%);border-color:#c0c0c040}.ranking-card--top3{background:linear-gradient(135deg, #cd7f320f 0%, var(--color-bg-card) 60%);border-color:#cd7f3240}.ranking-card-rank{align-items:center;gap:4px;min-width:55px;display:flex}.ranking-card-info{flex:1;min-width:0}.ranking-card-name{font-family:var(--font-body);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.ranking-card--top1 .ranking-card-name{color:gold}.ranking-card--top2 .ranking-card-name{color:silver}.ranking-card--top3 .ranking-card-name{color:#cd7f32}.ranking-card-meta{align-items:center;gap:var(--space-sm);margin-top:2px;display:flex}.ranking-card-power{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.ranking-card-pref{font-family:var(--font-mono);color:var(--color-text-muted);opacity:.7;font-size:.7rem}.ranking-card-role{flex-shrink:0}.ranking-footer{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg) var(--space-lg);flex-direction:column;margin-top:auto;display:flex}.ranking-footer-line{background:linear-gradient(90deg, transparent, var(--color-metal-border), transparent);width:100%;max-width:600px;height:1px}.ranking-footer-text{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:4px;text-transform:uppercase;font-size:.65rem}@media (width<=700px){.ranking-main{padding:0 var(--space-md) var(--space-xl)}.ranking-table-wrap{display:none}.ranking-cards-mobile{display:flex}.ranking-controls{flex-direction:column;align-items:stretch}.ranking-search-wrap{min-width:unset}.ranking-filters{justify-content:center}.ranking-refresh-btn{align-self:center}.ranking-refresh-text{display:none}.ranking-stats{text-align:center}.ranking-header{padding:var(--space-xl) var(--space-md) var(--space-lg)}}.team-page{flex-direction:column;min-height:100vh;display:flex}.team-header{padding:var(--space-2xl) var(--space-lg) var(--space-xl);text-align:center;position:relative;overflow:hidden}.team-header-bg{z-index:0;background:radial-gradient(at 50% 80%,#c8a84e1a 0%,#0000 60%),radial-gradient(at 30% 20%,#8b1a1a14 0%,#0000 50%),radial-gradient(at 70% 20%,#d4722a0f 0%,#0000 50%);position:absolute;inset:0}.team-header-content{z-index:1;align-items:center;gap:var(--space-md);flex-direction:column;display:flex;position:relative}.team-title{font-family:var(--font-display);letter-spacing:5px;text-transform:uppercase;color:var(--color-text-primary);text-shadow:0 0 30px #c8a84e33;font-size:clamp(1.3rem,4vw,2rem);font-weight:800}.team-title-divider{align-items:center;gap:var(--space-md);width:100%;max-width:350px;display:flex}.team-title-divider-line{background:linear-gradient(90deg, transparent, var(--color-gold-dim), transparent);flex:1;height:1px}.team-title-divider-diamond{background:var(--color-gold-dim);flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}.team-main{width:100%;max-width:1050px;padding:0 var(--space-lg) var(--space-2xl);flex:1;margin:0 auto}.team-controls{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.team-stats{gap:var(--space-lg);flex-wrap:wrap;display:flex}.team-stat{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:1px;font-size:.8rem}.team-stat--ok{color:#4ade80}.team-stat--absent{color:#f87171}.team-refresh-btn{border:1px solid var(--color-metal-border);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:8px 14px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.team-refresh-btn:hover{border-color:var(--color-gold-dim);color:var(--color-text-primary)}.team-refresh-icon{width:14px;height:14px;transition:transform .4s}.team-refresh-btn--spin .team-refresh-icon{animation:.6s team-spin}@keyframes team-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.team-table-wrap{border:1px solid var(--color-metal-border);border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #0006}.team-table{border-collapse:collapse;width:100%}.team-table thead tr{border-bottom:2px solid var(--color-gold-dim);background:linear-gradient(90deg,#c8a84e1f 0%,#c8a84e0f 100%)}.team-table th{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-gold);text-align:left;white-space:nowrap;padding:12px 14px;font-size:.68rem;font-weight:700}.team-table th.col-rank{text-align:center;width:70px}.team-table th.col-reg{text-align:center;width:120px}.team-table td{font-family:var(--font-body);color:var(--color-text-primary);border-bottom:1px solid #3a3a4a66;padding:11px 14px;font-size:.9rem;font-weight:500}.team-table td.col-rank{text-align:center;font-family:var(--font-display);color:var(--color-text-secondary);font-size:.8rem;font-weight:700}.team-table td.col-reg{text-align:center}.team-row{transition:background .15s}.team-row:hover{background:#ffffff05}.team-row--ok{border-left:3px solid #4ade80}.team-row--absent{opacity:.45;border-left:3px solid #f87171}.team-row--absent td{color:var(--color-text-muted)}.team-row--absent td.col-name{-webkit-text-decoration:line-through #f8717166;text-decoration:line-through #f8717166}.team-row--pending{border-left:3px solid var(--color-metal)}.reg-badge{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:3px;align-items:center;gap:5px;padding:3px 10px;font-size:.65rem;font-weight:700;display:inline-flex}.reg-badge-icon{width:13px;height:13px}.reg-badge--ok{color:#4ade80;background:#4ade801f;border:1px solid #4ade8040}.reg-badge--absent{color:#f87171;background:#f871711f;border:1px solid #f8717140}.reg-badge--pending{color:var(--color-text-muted);background:#a0a0a81a;border:1px solid #a0a0a833}.reg-badge-dot{background:var(--color-text-muted);border-radius:50%;width:6px;height:6px}.spot-badge{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:2px 8px;font-size:.6rem;font-weight:700;display:inline-block}.spot-badge--r5{color:gold;background:#ffd70026;border:1px solid #ffd7004d}.spot-badge--r4{color:#64b4ff;background:#64b4ff1f;border:1px solid #64b4ff40}.spot-badge--top{color:var(--color-gold);background:#c8a84e1f;border:1px solid #c8a84e40}.spot-badge--normal{color:var(--color-text-muted);background:#a0a0a81a;border:1px solid #a0a0a833}.team-empty{text-align:center;padding:var(--space-2xl);font-family:var(--font-mono);color:var(--color-text-muted);border:1px dashed var(--color-metal-border);border-radius:4px;font-size:.85rem}.team-cards-mobile{flex-direction:column;gap:8px;display:none}.team-card{background:var(--color-bg-card);border:1px solid var(--color-metal-border);border-left:3px solid var(--color-metal);border-radius:4px;padding:12px 16px}.team-card--ok{border-left-color:#4ade80}.team-card--absent{opacity:.45;border-left-color:#f87171}.team-card--absent .team-card-name{color:var(--color-text-muted);-webkit-text-decoration:line-through #f8717166;text-decoration:line-through #f8717166}.team-card-top{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.team-card-rank{font-family:var(--font-display);color:var(--color-text-secondary);min-width:40px;font-size:.8rem;font-weight:700}.team-card-name{font-family:var(--font-body);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.team-card-details{gap:var(--space-sm) var(--space-lg);padding-top:var(--space-sm);border-top:1px solid #3a3a4a4d;flex-wrap:wrap;display:flex}.team-card-detail{flex-direction:column;gap:2px;display:flex}.team-card-label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.6rem}.team-card-detail>span:last-child{font-family:var(--font-body);color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.team-footer{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg) var(--space-lg);flex-direction:column;margin-top:auto;display:flex}.team-footer-line{background:linear-gradient(90deg, transparent, var(--color-metal-border), transparent);width:100%;max-width:600px;height:1px}.team-footer-text{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:4px;text-transform:uppercase;font-size:.65rem}@media (width<=800px){.team-main{padding:0 var(--space-md) var(--space-xl)}.team-table-wrap{display:none}.team-cards-mobile{display:flex}.team-controls{flex-direction:column;align-items:stretch}.team-stats{justify-content:center}.team-refresh-btn{align-self:center}.team-refresh-text{display:none}.team-header{padding:var(--space-xl) var(--space-md) var(--space-lg)}}.queue-page{flex-direction:column;min-height:100vh;display:flex}.queue-header{padding:var(--space-2xl) var(--space-lg) var(--space-xl);text-align:center;position:relative;overflow:hidden}.queue-header-bg{z-index:0;background:radial-gradient(at 50% 80%,#c8a84e1a 0%,#0000 60%),radial-gradient(at 30% 20%,#8b1a1a14 0%,#0000 50%),radial-gradient(at 70% 20%,#d4722a0f 0%,#0000 50%);position:absolute;inset:0}.queue-header-content{z-index:1;align-items:center;gap:var(--space-md);flex-direction:column;display:flex;position:relative}.queue-title{font-family:var(--font-display);letter-spacing:5px;text-transform:uppercase;color:var(--color-text-primary);text-shadow:0 0 30px #c8a84e33;font-size:clamp(1.3rem,4vw,2rem);font-weight:800}.queue-title-divider{align-items:center;gap:var(--space-md);width:100%;max-width:350px;display:flex}.queue-title-divider-line{background:linear-gradient(90deg, transparent, var(--color-gold-dim), transparent);flex:1;height:1px}.queue-title-divider-diamond{background:var(--color-gold-dim);flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}.queue-main{width:100%;max-width:700px;padding:0 var(--space-lg) var(--space-2xl);flex:1;margin:0 auto}.queue-controls{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.queue-search-wrap{flex:1;min-width:180px;position:relative}.queue-search-icon{width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.queue-search{background:var(--color-bg-card);border:1px solid var(--color-metal-border);width:100%;color:var(--color-text-primary);font-family:var(--font-body);border-radius:4px;outline:none;padding:10px 12px 10px 36px;font-size:.9rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.queue-search::placeholder{color:var(--color-text-muted)}.queue-search:focus{border-color:var(--color-gold-dim);box-shadow:0 0 0 2px #c8a84e26}.queue-stats{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:1px;white-space:nowrap;font-size:.8rem}.queue-filters{flex-wrap:wrap;gap:8px;display:flex}.queue-filter-btn{background:var(--color-bg-card);border:1px solid var(--color-metal-border);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:3px;padding:8px 14px;font-size:.7rem;font-weight:600;transition:all .2s}.queue-filter-btn:hover{border-color:var(--color-gold-dim);color:var(--color-text-primary)}.queue-filter-btn--active{border-color:var(--color-gold);color:var(--color-gold);background:#c8a84e26}.queue-refresh-btn{border:1px solid var(--color-metal-border);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:8px 14px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.queue-refresh-btn:hover{border-color:var(--color-gold-dim);color:var(--color-text-primary)}.queue-refresh-icon{width:14px;height:14px;transition:transform .4s}.queue-refresh-btn--spin .queue-refresh-icon{animation:.6s queue-spin}@keyframes queue-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.queue-section-label{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;border-radius:4px;padding:10px 16px;font-size:.75rem;font-weight:700;display:flex}.queue-section-label--active{color:#4ade80;background:linear-gradient(90deg,#4ade801f 0%,#4ade800a 100%);border:1px solid #4ade8040}.queue-section-label--waiting{color:var(--color-text-muted);margin-top:var(--space-lg);margin-bottom:var(--space-sm);background:linear-gradient(90deg,#a0a0a814 0%,#a0a0a808 100%);border:1px solid #a0a0a833}.queue-section-label--mobile{display:none}.queue-section-icon{font-size:1rem}.queue-section-count{font-family:var(--font-mono);opacity:.7;font-size:.7rem}.queue-table-wrap{border:1px solid var(--color-metal-border);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.queue-table{border-collapse:collapse;width:100%}.queue-table thead tr{border-bottom:2px solid var(--color-gold-dim);background:linear-gradient(90deg,#c8a84e1f 0%,#c8a84e0f 100%)}.queue-table th{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-gold);text-align:left;padding:12px 16px;font-size:.7rem;font-weight:700}.queue-table th.col-pos{text-align:center;width:80px}.queue-table th.col-pref{text-align:center;width:160px}.queue-table td{font-family:var(--font-body);color:var(--color-text-primary);border-bottom:1px solid #3a3a4a66;padding:11px 16px;font-size:.9rem;font-weight:500}.queue-table td.col-pos{text-align:center}.queue-table td.col-pref{text-align:center;font-family:var(--font-mono);color:var(--color-text-muted);font-size:.8rem}.queue-row{border-left:3px solid #0000;transition:background .15s}.queue-row:hover{background:#ffffff05}.queue-row--active{border-left-color:#4ade8080}.queue-row--waiting{opacity:.55;border-left-color:var(--color-metal)}.queue-row--waiting:hover{opacity:.75}.queue-row--cutoff td{border-bottom:3px solid #4ade8059}.queue-row--first{border-left-color:var(--color-gold);background:linear-gradient(90deg,#c8a84e14 0%,#0000 60%)}.queue-row--first:hover{background:linear-gradient(90deg,#c8a84e1f 0%,#0000 60%)}.queue-row--first td.col-name{color:var(--color-gold);font-weight:700}.queue-position{font-family:var(--font-display);color:var(--color-text-secondary);align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:inline-flex}.queue-position--active{color:var(--color-gold)}.queue-position-star{color:var(--color-gold);font-size:1rem}.queue-position-icon{opacity:.7;font-size:.75rem}.queue-pref-badge{font-size:.8rem}.queue-empty{text-align:center;padding:var(--space-2xl);font-family:var(--font-mono);color:var(--color-text-muted);border:1px dashed var(--color-metal-border);border-radius:4px;font-size:.85rem}.queue-cards-mobile{flex-direction:column;gap:6px;display:none}.queue-card{align-items:center;gap:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-metal-border);border-left:3px solid var(--color-metal);border-radius:4px;padding:10px 16px;display:flex}.queue-card--active{border-left-color:#4ade8080}.queue-card--waiting{opacity:.55;border-left-color:var(--color-metal)}.queue-card--first{border-left-color:var(--color-gold);background:linear-gradient(135deg, #c8a84e14 0%, var(--color-bg-card) 60%)}.queue-card--first .queue-card-name{color:var(--color-gold);font-weight:700}.queue-card-pos{align-items:center;gap:4px;min-width:40px;display:flex}.queue-card-pos--active .queue-card-pos-num{color:var(--color-gold)}.queue-card-pos-num{font-family:var(--font-display);color:var(--color-text-secondary);font-size:.85rem;font-weight:700}.queue-card-info{flex:1;min-width:0}.queue-card-name{font-family:var(--font-body);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.queue-card-pref{font-family:var(--font-mono);color:var(--color-text-muted);margin-top:2px;font-size:.7rem}.queue-footer{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg) var(--space-lg);flex-direction:column;margin-top:auto;display:flex}.queue-footer-line{background:linear-gradient(90deg, transparent, var(--color-metal-border), transparent);width:100%;max-width:600px;height:1px}.queue-footer-text{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:4px;text-transform:uppercase;font-size:.65rem}@media (width<=600px){.queue-main{padding:0 var(--space-md) var(--space-xl)}.queue-table-wrap,.queue-section-label--waiting:not(.queue-section-label--mobile){display:none}.queue-section-label--mobile,.queue-cards-mobile{display:flex}.queue-controls{flex-direction:column;align-items:stretch}.queue-search-wrap{min-width:unset}.queue-stats{text-align:center}.queue-refresh-btn{align-self:center}.queue-refresh-text{display:none}.queue-header{padding:var(--space-xl) var(--space-md) var(--space-lg)}}.penality-page{flex-direction:column;min-height:100vh;display:flex}.penality-header{padding:var(--space-2xl) var(--space-lg) var(--space-xl);text-align:center;position:relative;overflow:hidden}.penality-header-bg{z-index:0;background:radial-gradient(at 50% 80%,#8b1a1a1f 0%,#0000 60%),radial-gradient(at 30% 20%,#c8a84e0f 0%,#0000 50%),radial-gradient(at 70% 20%,#d4722a0f 0%,#0000 50%);position:absolute;inset:0}.penality-header-content{z-index:1;align-items:center;gap:var(--space-md);flex-direction:column;display:flex;position:relative}.penality-title{font-family:var(--font-display);letter-spacing:5px;text-transform:uppercase;color:var(--color-red);text-shadow:0 0 30px #c0392b4d;font-size:clamp(1.3rem,4vw,2rem);font-weight:800}.penality-title-divider{align-items:center;gap:var(--space-md);width:100%;max-width:350px;display:flex}.penality-title-divider-line{background:linear-gradient(90deg, transparent, var(--color-red-dark), transparent);flex:1;height:1px}.penality-title-divider-diamond{background:var(--color-red-dark);flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}.penality-main{width:100%;max-width:800px;padding:0 var(--space-lg) var(--space-2xl);flex:1;margin:0 auto}.penality-controls{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.penality-stats{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:1px;font-size:.8rem}.penality-refresh-btn{border:1px solid var(--color-metal-border);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:8px 14px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.penality-refresh-btn:hover{border-color:var(--color-gold-dim);color:var(--color-text-primary)}.penality-refresh-icon{width:14px;height:14px;transition:transform .4s}.penality-refresh-btn--spin .penality-refresh-icon{animation:.6s penality-spin}@keyframes penality-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.penality-table-wrap{border:1px solid #8b1a1a4d;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #0006}.penality-table{border-collapse:collapse;width:100%}.penality-table thead tr{border-bottom:2px solid var(--color-red-dark);background:linear-gradient(90deg,#8b1a1a26 0%,#8b1a1a0f 100%)}.penality-table th{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-red);text-align:left;padding:12px 16px;font-size:.7rem;font-weight:700}.penality-table th.col-reason{text-align:center;width:140px}.penality-table th.col-cooldown{text-align:center;width:240px}.penality-table td{font-family:var(--font-body);color:var(--color-text-primary);border-bottom:1px solid #3a3a4a66;padding:14px 16px;font-size:.95rem;font-weight:500}.penality-table td.col-reason,.penality-table td.col-cooldown{text-align:center}.penality-row{border-left:3px solid var(--color-red-dark);transition:background .15s}.penality-row:hover{background:#8b1a1a0f}.penality-reason-badge{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--color-orange-bright);background:#d4722a1f;border:1px solid #d4722a40;border-radius:3px;padding:3px 10px;font-size:.65rem;font-weight:700;display:inline-block}.penality-countdown{font-family:var(--font-mono);align-items:center;gap:2px;display:inline-flex}.penality-countdown--active{color:var(--color-red)}.penality-countdown--expired{letter-spacing:1px;text-transform:uppercase;color:#4ade80;background:#4ade801f;border:1px solid #4ade8040;border-radius:3px;padding:3px 10px;font-size:.7rem;font-weight:700}.penality-countdown--indefinite{letter-spacing:1px;text-transform:uppercase;color:#f87171;background:#f871711f;border:1px solid #f8717140;border-radius:3px;padding:3px 10px;font-size:.7rem;font-weight:700}.penality-cd-segment{align-items:baseline;gap:1px;display:inline-flex}.penality-cd-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.penality-cd-unit{color:var(--color-text-muted);margin-right:2px;font-size:.65rem}.penality-cd-separator{color:var(--color-text-muted);opacity:.5;margin:0 1px;font-size:1rem}.penality-empty{text-align:center;padding:var(--space-2xl);font-family:var(--font-mono);color:var(--color-text-muted);border:1px dashed var(--color-metal-border);border-radius:4px;font-size:.85rem}.penality-cards-mobile{flex-direction:column;gap:8px;display:none}.penality-card{background:var(--color-bg-card);border:1px solid #8b1a1a40;border-left:3px solid var(--color-red-dark);border-radius:4px;padding:14px 16px}.penality-card-top{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.penality-card-name{font-family:var(--font-body);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.penality-card-countdown{padding-top:var(--space-sm);border-top:1px solid #3a3a4a4d;flex-direction:column;gap:4px;display:flex}.penality-card-cd-label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.6rem}.penality-footer{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg) var(--space-lg);flex-direction:column;margin-top:auto;display:flex}.penality-footer-line{background:linear-gradient(90deg, transparent, var(--color-metal-border), transparent);width:100%;max-width:600px;height:1px}.penality-footer-text{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:4px;text-transform:uppercase;font-size:.65rem}@media (width<=700px){.penality-main{padding:0 var(--space-md) var(--space-xl)}.penality-table-wrap{display:none}.penality-cards-mobile{display:flex}.penality-controls{flex-direction:column;align-items:stretch}.penality-stats{text-align:center}.penality-refresh-btn{align-self:center}.penality-refresh-text{display:none}.penality-header{padding:var(--space-xl) var(--space-md) var(--space-lg)}}.overview-page{flex-direction:column;min-height:100vh;display:flex}.overview-header{padding:var(--space-2xl) var(--space-lg) var(--space-xl);text-align:center;position:relative;overflow:hidden}.overview-header-bg{z-index:0;background:radial-gradient(at 50% 80%,#c8a84e1a 0%,#0000 60%),radial-gradient(at 30% 20%,#8b1a1a14 0%,#0000 50%),radial-gradient(at 70% 20%,#d4722a0f 0%,#0000 50%);position:absolute;inset:0}.overview-header-content{z-index:1;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex;position:relative}.overview-title{font-family:var(--font-display);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:3px;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.overview-subtitle{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;font-size:.75rem}.overview-title-divider{margin-top:var(--space-sm);align-items:center;gap:12px;display:flex}.overview-title-divider-line{background:linear-gradient(90deg, transparent, var(--color-gold-dim), transparent);width:60px;height:1px}.overview-title-divider-diamond{background:var(--color-gold);opacity:.7;width:8px;height:8px;transform:rotate(45deg)}.overview-main{padding:0 var(--space-lg) var(--space-xl);flex:1;width:100%;max-width:900px;margin:0 auto}.overview-controls{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.overview-search-wrap{flex:1;min-width:180px;position:relative}.overview-search-icon{width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.overview-search{background:var(--color-bg-card);border:1px solid var(--color-metal-border);width:100%;color:var(--color-text-primary);font-family:var(--font-body);border-radius:4px;outline:none;padding:10px 12px 10px 36px;font-size:.9rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.overview-search::placeholder{color:var(--color-text-muted)}.overview-search:focus{border-color:var(--color-gold-dim);box-shadow:0 0 0 2px #c8a84e26}.overview-filters{flex-wrap:wrap;gap:8px;display:flex}.overview-filter-btn{background:var(--color-bg-card);border:1px solid var(--color-metal-border);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:3px;padding:8px 14px;font-size:.7rem;font-weight:600;transition:all .2s}.overview-filter-btn:hover{border-color:var(--color-gold-dim);color:var(--color-text-primary)}.overview-filter-btn--active{border-color:var(--color-gold);color:var(--color-gold);background:#c8a84e26}.overview-filter-btn--duplicates{color:#dc5050;border-color:#dc505066}.overview-filter-btn--duplicates.overview-filter-btn--active{color:#dc5050;background:#dc505026;border-color:#dc5050}.overview-refresh-btn{background:var(--color-bg-card);border:1px solid var(--color-metal-border);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:8px 14px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.overview-refresh-btn:hover{border-color:var(--color-gold-dim);color:var(--color-text-primary)}.overview-refresh-icon{width:14px;height:14px;transition:transform .4s}.overview-refresh-btn--spin .overview-refresh-icon{animation:.6s linear spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overview-stats{gap:var(--space-md);font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:1px;margin-bottom:var(--space-md);align-items:center;font-size:.8rem;display:flex}.overview-stats-duplicates{color:#dc5050;font-weight:600}.overview-table-wrap{border:1px solid var(--color-metal-border);background:var(--color-bg-card);border-radius:6px;overflow-x:auto}.overview-table{border-collapse:collapse;width:100%;font-size:.85rem}.overview-table thead{border-bottom:1px solid var(--color-metal-border);background:#c8a84e0d}.overview-table th{text-align:left;font-family:var(--font-display);color:var(--color-gold-dim);text-transform:uppercase;letter-spacing:1.5px;padding:12px 16px;font-size:.7rem;font-weight:600}.overview-table td{color:var(--color-text-secondary);border-bottom:1px solid #ffffff08;padding:10px 16px}.overview-row:hover{background:#c8a84e08}.overview-row--duplicate{background:#dc505014}.overview-row--duplicate:hover{background:#dc50501f}.overview-row--duplicate .col-name{color:#dc5050;font-weight:600}.overview-duplicate-icon{color:#dc5050;margin-right:6px}.source-badge{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;border-radius:3px;padding:4px 10px;font-size:.65rem;font-weight:600;display:inline-block}.source-badge--teamA{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.source-badge--teamB{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.source-badge--queue{color:var(--color-gold);background:#c8a84e26;border:1px solid #c8a84e4d}.source-badge--penality{color:#f87171;background:#dc505026;border:1px solid #dc50504d}.overview-empty{text-align:center;padding:var(--space-2xl);font-family:var(--font-mono);color:var(--color-text-muted);font-size:.85rem}.overview-cards-mobile{display:none}.overview-footer{text-align:center;padding:var(--space-lg)}.overview-footer-line{background:linear-gradient(90deg, transparent, var(--color-metal-border), transparent);height:1px;margin-bottom:var(--space-md)}.overview-footer-text{font-family:var(--font-mono);letter-spacing:3px;color:var(--color-text-muted);opacity:.5;font-size:.65rem}@media (width<=600px){.overview-table-wrap{display:none}.overview-cards-mobile{flex-direction:column;gap:8px;display:flex}.overview-card{background:var(--color-bg-card);border:1px solid var(--color-metal-border);border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.overview-card--duplicate{background:#dc505014;border-color:#dc50504d}.overview-card--duplicate .overview-card-name{color:#dc5050;font-weight:600}.overview-card-name{color:var(--color-text-secondary);font-size:.85rem}.overview-refresh-text{display:none}.overview-controls{gap:var(--space-sm)}.overview-filters{width:100%;overflow-x:auto}}.reg-timer{margin:var(--space-md) auto 0;padding:var(--space-md) var(--space-lg);width:calc(100% - 2 * var(--space-lg));align-items:center;gap:var(--space-lg);border:1px solid var(--color-metal-border);background:var(--color-bg-card);border-radius:8px;max-width:900px;display:flex;position:relative;overflow:hidden}.reg-timer-glow{pointer-events:none;opacity:0;position:absolute;inset:0}.reg-timer--open .reg-timer-glow{opacity:1;background:linear-gradient(90deg,#22c55e0a 0%,#0000 50%)}.reg-timer--open{border-color:#22c55e4d}.reg-timer-status{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.reg-timer-dot{background:var(--color-text-muted);border-radius:50%;width:8px;height:8px}.reg-timer--open .reg-timer-dot{background:#22c55e;box-shadow:0 0 6px #22c55e80}.reg-timer-dot--pulse{animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.reg-timer-status-text{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;font-size:1.1rem;font-weight:700}.reg-timer--open .reg-timer-status-text{color:#22c55e}.reg-timer--closed .reg-timer-status-text{color:var(--color-text-muted)}.reg-timer-label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:.9rem;position:relative}.reg-timer-digits{flex:1;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.reg-timer-block{flex-direction:column;align-items:center;gap:2px;display:flex}.reg-timer-number{font-family:var(--font-display);letter-spacing:1px;text-align:center;min-width:2ch;font-size:1.4rem;font-weight:700;line-height:1}.reg-timer--open .reg-timer-number{color:#22c55e}.reg-timer--closed .reg-timer-number{color:var(--color-text-primary)}.reg-timer-number--seconds{opacity:.8}.reg-timer-unit{font-family:var(--font-mono);letter-spacing:1px;color:var(--color-text-muted);font-size:.5rem}.reg-timer-separator{font-family:var(--font-display);color:var(--color-text-muted);opacity:.3;align-self:flex-start;margin:0 2px;padding-top:2px;font-size:1.2rem}.reg-timer-bar{background:#ffffff0d;border-radius:2px;flex-shrink:0;width:80px;height:3px;position:relative;overflow:hidden}.reg-timer-bar-fill{border-radius:2px;height:100%;transition:width 1s linear}.reg-timer--open .reg-timer-bar-fill{background:#22c55e}.reg-timer--closed .reg-timer-bar-fill{background:var(--color-gold-dim)}@media (width<=700px){.reg-timer{gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-md);flex-wrap:wrap;justify-content:center}.reg-timer-label{display:none}.reg-timer-bar{order:10;width:100%}.reg-timer-number{font-size:1.2rem}}