:root{--bg-primary: #0d1520;--bg-secondary: #1a2535;--bg-card: #1e2d3d;--accent-green: #4ade80;--accent-green-dark: #166534;--accent-yellow: #eab308;--accent-gold: #f59e0b;--accent-red: #ef4444;--accent-blue: #3b82f6;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--line: rgba(255,255,255,.06);--line-strong: rgba(255,255,255,.1);--sidebar-width: 250px;--font: "Outfit", system-ui, sans-serif}@keyframes revealDown{0%{transform:translateY(-7px)}to{transform:none}}@keyframes ringspin{to{transform:rotate(360deg)}}.pf-scroll{height:100%;overflow-y:auto;background:radial-gradient(70% 40% at 50% -5%,rgba(34,197,94,.06),transparent 60%),#0d1520}.pf-page{max-width:1240px;margin:0 auto;padding:clamp(22px,3vw,40px)}.pf-h1{font-size:clamp(26px,3vw,36px);font-weight:900;letter-spacing:-.02em;margin-bottom:clamp(18px,2vw,28px)}.pf-layout{display:grid;grid-template-columns:360px 1fr;gap:clamp(16px,1.6vw,24px);align-items:start}.pf-col-left{display:flex;flex-direction:column;gap:clamp(16px,1.6vw,24px);position:sticky;top:24px}.pf-col-right{display:flex;flex-direction:column;gap:clamp(16px,1.6vw,24px)}.pf-card{background:var(--bg-card);border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 24px #0006}.pf-id-card{padding:28px 24px;text-align:center;background:linear-gradient(150deg,#1e2d3d,#16271b 130%);border-color:#4ade8033;box-shadow:0 0 30px #4ade800f}.pf-avatar-wrap{position:relative;width:104px;height:104px;margin:0 auto 16px;display:grid;place-items:center}.pf-avatar-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 55%,#4ade80 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:ringspin 7s linear infinite}.pf-avatar{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:900;color:var(--accent-green);background:var(--accent-green-dark);border:2px solid rgba(74,222,128,.4)}.pf-name{font-size:1.7rem;font-weight:800;letter-spacing:-.01em}.pf-online{display:inline-flex;align-items:center;gap:7px;font-size:.85rem;color:var(--accent-green);margin-top:4px}.pf-online-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px #4ade80b3;animation:blink 1.5s ease-in-out infinite}.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;padding:16px 10px;border-radius:16px;background:#0d152099;border:1px solid var(--line)}.pf-stat-value{font-size:1.6rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.pf-stat-label{font-size:.72rem;color:var(--text-muted);margin-top:5px}.pf-level{padding:16px;border-radius:16px;background:#0d152099;border:1px solid var(--line);text-align:left}.pf-level-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.pf-level-name{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.95rem}.pf-level-name svg{color:var(--accent-green)}.pf-level-xp{font-size:.74rem;color:var(--text-muted);white-space:nowrap}.pf-xpbar{height:10px;border-radius:999px;background:var(--bg-primary);overflow:hidden}.pf-xpfill{height:100%;border-radius:999px;background:linear-gradient(90deg,#166534,#4ade80);box-shadow:0 0 8px #4ade8099}.pf-rank-card{padding:20px;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#1a2535,#1e1a0d);border-color:#eab30838}.pf-rank-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;color:var(--accent-yellow);background:#eab3081a;border:1px solid rgba(234,179,8,.3)}.pf-rank-label{font-size:.78rem;color:var(--text-secondary)}.pf-rank-value{font-size:1.9rem;font-weight:900;color:var(--accent-yellow);line-height:1.05}.pf-rank-points{margin-left:auto;text-align:right}.pf-rank-pts{font-size:1.2rem;font-weight:800;color:#fff}.pf-achprog-card{padding:18px 20px}.pf-achprog-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pf-achprog-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;color:var(--accent-green);background:#4ade801a;border:1px solid rgba(74,222,128,.25)}.pf-achprog-title{font-weight:700;font-size:.98rem}.pf-achprog-sub{font-size:.78rem;color:var(--text-secondary);margin-top:1px}.pf-achprog-pct{margin-left:auto;font-size:1.2rem;font-weight:900;color:var(--accent-green)}.pf-section{padding:22px 24px}.pf-section-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.pf-section-bar{width:4px;height:20px;border-radius:4px}.pf-section-title{font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pf-section-count{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--accent-green);background:#4ade801a;border:1px solid rgba(74,222,128,.25);padding:3px 11px;border-radius:999px}.pf-ach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.pf-ach{border-radius:16px;padding:16px 14px;cursor:pointer;border:1px solid var(--line-strong);transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.pf-ach.unlocked{background:#4ade800d;border-color:#4ade804d;box-shadow:0 0 12px #4ade8014}.pf-ach.locked{background:#00000038;border-color:var(--line)}.pf-ach:hover{transform:translateY(-3px)}.pf-ach.unlocked:hover{border-color:var(--accent-green);box-shadow:0 8px 24px #0006,0 0 20px #4ade802e}.pf-ach.locked:hover{border-color:var(--line-strong);background:#ffffff08}.pf-ach:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.pf-ach-main{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;position:relative}.pf-ach-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;transition:all .18s}.pf-ach.unlocked .pf-ach-icon{color:var(--accent-green);background:#4ade8026;border:1px solid rgba(74,222,128,.4)}.pf-ach.locked .pf-ach-icon{color:var(--text-muted);background:#ffffff0a;border:1px solid var(--line-strong)}.pf-ach-title{font-size:.82rem;font-weight:600;line-height:1.25}.pf-ach.unlocked .pf-ach-title{color:#fff}.pf-ach.locked .pf-ach-title{color:var(--text-muted)}.pf-ach-chevron{position:absolute;top:-4px;right:-2px;color:var(--text-muted);opacity:.5;transition:transform .2s,opacity .2s}.pf-ach.expanded .pf-ach-chevron{transform:rotate(180deg);opacity:1}.pf-ach-detail{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line-strong);text-align:left;animation:revealDown .24s ease both}.pf-ach-status{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.pf-ach.unlocked .pf-ach-status{color:var(--accent-green)}.pf-ach.locked .pf-ach-status{color:var(--text-muted)}.pf-ach-how{font-size:.82rem;color:var(--text-secondary);line-height:1.45}.pf-ach-how span{display:block;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:3px}.pf-match-list{display:flex;flex-direction:column;gap:10px}.pf-match{border-radius:16px;padding:14px 16px;cursor:pointer;background:#0d152099;border:1px solid var(--line);transition:border-color .18s,background .18s}.pf-match:hover{border-color:var(--line-strong);background:#ffffff08}.pf-match:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.pf-match-main{display:flex;align-items:center;gap:14px}.pf-match-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.pf-match-icon.win{color:var(--accent-green);background:#4ade801a;border:1px solid rgba(74,222,128,.25)}.pf-match-icon.lose{color:var(--accent-red);background:#ef44441a;border:1px solid rgba(239,68,68,.25)}.pf-match-info{flex:1;min-width:0}.pf-match-opp{font-weight:600;font-size:.95rem}.pf-match-date{font-size:.76rem;color:var(--text-muted);margin-top:1px}.pf-match-score{font-size:1.15rem;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.pf-match-badge{font-size:.74rem;font-weight:700;padding:4px 12px;border-radius:999px;white-space:nowrap}.pf-match-badge.win{color:var(--accent-green);background:#4ade8026;border:1px solid rgba(74,222,128,.3)}.pf-match-badge.lose{color:var(--accent-red);background:#ef444426;border:1px solid rgba(239,68,68,.3)}.pf-match-chevron{color:var(--text-muted);transition:transform .2s}.pf-match.expanded .pf-match-chevron{transform:rotate(180deg)}.pf-match-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line-strong);animation:revealDown .24s ease both}.pf-match-detail-item{display:flex;flex-direction:column;gap:3px}.pf-match-detail-item span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.pf-match-detail-item b{font-size:.88rem;font-weight:700}@media(max-width:1080px){.pf-layout{grid-template-columns:320px 1fr}.pf-ach-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:920px){.app-sidebar{display:none}}@media(max-width:760px){.pf-layout{grid-template-columns:1fr}.pf-col-left{position:static}.pf-match-main{flex-wrap:wrap}.pf-match-score{order:2}.pf-match-detail{grid-template-columns:1fr;gap:8px}}@keyframes pfspin{to{transform:rotate(360deg)}}.pf-loader{width:26px;height:26px;border-radius:50%;border:3px solid rgba(74,222,128,.2);border-top-color:var(--accent-green);animation:pfspin .7s linear infinite}.pf-empty{text-align:center;color:var(--text-muted);font-size:.9rem;padding:28px 0}:root{--bg-primary: #0d1520;--bg-secondary: #1a2535;--bg-card: #1e2d3d;--bg-card-hover: #243447;--accent-green: #4ade80;--accent-green-dark: #166534;--accent-green-mid: #22c55e;--accent-yellow: #eab308;--accent-red: #ef4444;--accent-blue: #3b82f6;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--line: rgba(255,255,255,.06);--line-strong: rgba(255,255,255,.1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0,0,0,.4);--sidebar-width: 250px;--font: "Outfit", system-ui, sans-serif}@keyframes ripple{to{transform:scale(18);opacity:0}}@keyframes fdFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fdOverlay{0%{opacity:0}to{opacity:1}}@keyframes fdPop{0%{transform:scale(.94) translateY(16px)}to{transform:none}}@keyframes fdSlideUp{0%{transform:translateY(24px)}to{transform:none}}@keyframes fdToastIn{0%{transform:translateY(20px) scale(.92)}to{transform:none}}.st-scroll{height:100%;overflow-y:auto;background:radial-gradient(80% 50% at 50% -10%,rgba(34,197,94,.06),transparent 60%),#0d1520}.settings-page{max-width:1180px;margin:0 auto;padding:clamp(20px,3vw,40px)}.settings-header{margin-bottom:28px}.settings-h1{display:flex;align-items:center;gap:12px;font-size:clamp(26px,3vw,34px);font-weight:900;letter-spacing:-.02em}.settings-h1 svg{color:var(--accent-green)}.settings-sub{color:var(--text-secondary);font-size:1rem;margin-top:6px}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.settings-nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:6px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-xl);padding:12px;box-shadow:var(--shadow-card)}.snav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .18s,color .18s,border-color .18s;overflow:hidden}.snav-bar{position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--accent-green);opacity:0;transition:opacity .18s}.snav-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;flex-shrink:0;background:#ffffff0a;border:1px solid var(--line);color:var(--text-secondary);transition:all .18s}.snav-text{display:flex;flex-direction:column;min-width:0;flex:1}.snav-label{font-weight:600;font-size:.93rem;color:var(--text-primary);line-height:1.2}.snav-desc{font-size:.74rem;color:var(--text-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snav-chevron{color:var(--text-muted);opacity:0;transform:translate(-4px);transition:all .18s}.snav-item:hover{background:#ffffff0a;color:var(--text-primary)}.snav-item:hover .snav-icon{color:var(--text-primary);border-color:var(--line-strong)}.snav-item.active{background:#14532d59;border-color:#4ade8047}.snav-item.active .snav-bar{opacity:1}.snav-item.active .snav-icon{background:#4ade8024;border-color:#4ade8066;color:var(--accent-green);box-shadow:0 0 16px #4ade8033}.snav-item.active .snav-label{color:#fff}.snav-item.active .snav-chevron{color:var(--accent-green);opacity:1;transform:translate(0)}.snav-item:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.settings-content{min-width:0}.fd-section{display:flex;flex-direction:column;gap:20px}.fd-section-head{margin-bottom:4px}.fd-section-title{font-size:1.55rem;font-weight:800;letter-spacing:-.01em}.fd-section-desc{color:var(--text-secondary);font-size:.95rem;margin-top:6px;max-width:62ch;line-height:1.5}.fd-section-body{display:flex;flex-direction:column;gap:20px}.fd-scard{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-card)}.fd-scard.fd-dimmed{opacity:.5;pointer-events:none;transition:opacity .2s}.fd-block-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px}.fd-block-bar{width:4px;height:34px;border-radius:4px;flex-shrink:0;background:var(--accent-green)}.fd-block-title{font-size:1.05rem;font-weight:700}.fd-block-desc{font-size:.84rem;color:var(--text-secondary);margin-top:2px;line-height:1.45}.fd-block-icon{color:var(--text-muted)}.fd-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.fd-field:last-child{margin-bottom:0}.fd-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.fd-hint{font-size:.72rem;font-weight:500;color:var(--text-muted);background:#ffffff0d;padding:1px 8px;border-radius:999px}.fd-error{display:flex;align-items:center;gap:5px;color:var(--accent-red);font-size:.78rem;overflow:hidden}.fd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fd-input-wrap{position:relative;display:flex;align-items:center}.fd-input{width:100%;background:var(--bg-secondary);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.fd-input::-moz-placeholder{color:var(--text-muted)}.fd-input::placeholder{color:var(--text-muted)}.fd-input.has-icon{padding-left:44px}.fd-input.has-right{padding-right:44px}.fd-input:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 3px #4ade8026,0 0 16px #4ade8026}.fd-input.is-error{border-color:var(--accent-red)}.fd-input.is-error:focus{box-shadow:0 0 0 3px #ef444426}.fd-input:disabled{opacity:.5;cursor:not-allowed}.fd-textarea{resize:vertical;min-height:76px;line-height:1.5}.fd-input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;display:flex}.fd-input-right{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;border-radius:6px;transition:color .15s}.fd-input-right:hover{color:var(--text-primary)}.fd-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:40px}.fd-select-arrow{position:absolute;right:14px;color:var(--text-muted);pointer-events:none;display:flex}.fd-switch:focus-visible{outline:2px solid var(--accent-green);outline-offset:3px}.fd-seg{display:inline-flex;background:var(--bg-primary);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:4px;gap:4px;width:100%}.fd-seg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:9px;border:none;background:transparent;color:var(--text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .18s}.fd-seg-btn:hover{color:var(--text-primary)}.fd-seg-btn.active{background:var(--accent-green);color:var(--bg-primary);box-shadow:0 0 14px #4ade8059}.fd-radio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.fd-radio-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--line-strong);cursor:pointer;text-align:left;transition:all .18s}.fd-radio-card:hover{border-color:#4ade8066;background:var(--bg-card-hover)}.fd-radio-card.active{border-color:var(--accent-green);background:#4ade800f;box-shadow:0 0 18px #4ade801f}.fd-radio-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted);display:grid;place-items:center;flex-shrink:0;transition:border-color .18s}.fd-radio-card.active .fd-radio-dot{border-color:var(--accent-green)}.fd-radio-inner{width:10px;height:10px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px #4ade8099}.fd-radio-icon{color:var(--text-secondary);display:flex}.fd-radio-card.active .fd-radio-icon{color:var(--accent-green)}.fd-radio-text{display:flex;flex-direction:column;min-width:0}.fd-radio-title{font-weight:600;font-size:.92rem;color:var(--text-primary)}.fd-radio-desc{font-size:.76rem;color:var(--text-muted);margin-top:1px}.fd-row{display:flex;align-items:center;gap:14px;padding:16px 0}.fd-row:first-of-type{padding-top:4px}.fd-row-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;border:1px solid}.fd-row-text{flex:1;min-width:0}.fd-row-title{font-weight:600;font-size:.95rem}.fd-row-desc{font-size:.82rem;color:var(--text-secondary);margin-top:2px;line-height:1.4}.fd-row-ctl{flex-shrink:0;display:flex;align-items:center}.fd-row-ctl .fd-input-wrap{min-width:170px}.fd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .18s;white-space:nowrap}.fd-btn.full{width:100%}.fd-btn:disabled{opacity:.45;cursor:not-allowed}.fd-btn-sm{padding:8px 14px;font-size:.85rem;border-radius:var(--radius-md)}.fd-btn-md{padding:12px 20px;font-size:.95rem;border-radius:var(--radius-md)}.fd-btn-primary{background:var(--accent-green);color:var(--bg-primary);box-shadow:0 0 18px #4ade804d}.fd-btn-primary:hover:not(:disabled){background:var(--accent-green-mid);box-shadow:0 0 28px #4ade8080}.fd-btn-secondary{background:var(--bg-card);border-color:#4ade804d;color:var(--text-primary)}.fd-btn-secondary:hover:not(:disabled){border-color:var(--accent-green);box-shadow:0 0 16px #4ade8033}.fd-btn-danger{background:transparent;border-color:var(--accent-red);color:var(--accent-red)}.fd-btn-danger:hover:not(:disabled){background:var(--accent-red);color:#fff;box-shadow:0 0 18px #ef444459}.fd-btn-ghost{background:transparent;color:var(--text-secondary)}.fd-btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.fd-spin{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}.fd-strength{display:flex;align-items:center;gap:12px;margin-top:4px}.fd-strength-bars{display:flex;gap:5px;flex:1;max-width:240px}.fd-strength-bar{flex:1;height:5px;border-radius:999px;transition:background .3s}.fd-strength-label{font-size:.78rem;font-weight:700;min-width:64px}.fd-link-disabled{background:none;border:none;padding:0;font-size:.85rem;color:var(--text-muted);cursor:not-allowed;opacity:.6}.fd-link{background:none;border:none;padding:0;font-size:.85rem;color:var(--accent-green);cursor:pointer;text-decoration:underline}.fd-link:disabled{opacity:.6;cursor:not-allowed}.fd-danger-zone{display:flex;justify-content:center;padding-top:8px}.fd-link-danger{background:none;border:none;padding:10px;font-size:.8rem;font-weight:600;color:#ef44448c;cursor:pointer;transition:color .18s}.fd-link-danger:hover:not(:disabled){color:var(--accent-red)}.fd-link-danger:disabled{opacity:.5;cursor:not-allowed}.fd-avatar-block{display:flex;gap:24px;align-items:center}.fd-avatar-lg{width:96px;height:96px;border-radius:24px;display:grid;place-items:center;flex-shrink:0;overflow:hidden;background:#ffffff0a;border:1px solid var(--line-strong);box-shadow:0 0 22px #4ade8024}.fd-avatar-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.fd-avatar-side{flex:1;min-width:0}.fd-avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.fd-avatar-choice{position:relative;aspect-ratio:1 / 1;padding:0;border:1px solid var(--line-strong);border-radius:16px;background:var(--bg-secondary);cursor:pointer;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.fd-avatar-choice:hover{transform:translateY(-2px);border-color:#4ade8059}.fd-avatar-choice.active{border-color:var(--accent-green);box-shadow:0 0 0 3px #4ade801f,0 0 18px #4ade8033;background:#4ade800f}.fd-avatar-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.fd-avatar-check{position:absolute;right:6px;bottom:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent-green);color:var(--bg-primary);box-shadow:0 0 10px #4ade8073;opacity:0;transform:scale(.85);transition:opacity .18s,transform .18s}.fd-avatar-choice.active .fd-avatar-check{opacity:1;transform:scale(1)}.fd-empty{text-align:center;padding:32px;color:var(--text-muted)}.fd-empty svg{margin:0 auto 10px;opacity:.5}.fd-sliders{margin-top:4px}.fd-sliders.fd-dimmed{opacity:.45;pointer-events:none}.fd-sliderrow{display:flex;align-items:center;gap:14px;padding:15px 0}.fd-sliderrow-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#4ade801a;border:1px solid rgba(74,222,128,.22);color:var(--accent-green);flex-shrink:0}.fd-sliderrow-label{font-weight:600;font-size:.9rem;width:130px;flex-shrink:0}.fd-sliderrow-val{font-weight:700;font-size:.9rem;width:34px;text-align:right;color:var(--accent-green);font-variant-numeric:tabular-nums}.fd-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;cursor:pointer}.fd-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--accent-green);box-shadow:0 0 8px #4ade8080;cursor:pointer}.fd-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--accent-green);box-shadow:0 0 8px #4ade8080;cursor:pointer}.fd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fd-modal{width:100%;background:var(--bg-card);border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-xl);padding:28px;position:relative;box-shadow:0 24px 64px #0009;max-height:90vh;overflow-y:auto;animation:fdPop .26s cubic-bezier(.34,1.56,.64,1) both}.fd-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s}.fd-modal-close:hover{color:#fff}.fd-modal-ring{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--accent-green)}.fd-modal-title{font-size:1.3rem;font-weight:800;margin-bottom:6px}.fd-modal-text{color:var(--text-secondary);font-size:.92rem;line-height:1.5;margin-bottom:20px}.fd-modal-hint{font-size:.78rem;color:var(--text-muted);margin-bottom:16px}.fd-toast-host{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.fd-toast{display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;font-weight:600;font-size:.9rem;color:#fff;box-shadow:0 12px 40px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fdToastIn .3s cubic-bezier(.34,1.56,.64,1) both}.fd-toast-success{background:#14532deb;border:1px solid rgba(74,222,128,.4)}.fd-toast-error{background:#781e1eeb;border:1px solid rgba(239,68,68,.45)}.fd-toast-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;flex-shrink:0}.fd-toast-success .fd-toast-icon{background:var(--accent-green);color:var(--bg-primary)}.fd-toast-error .fd-toast-icon{background:var(--accent-red);color:#fff}.fd-savebar{position:sticky;bottom:16px;margin-top:4px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-lg);background:#1e2d3deb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(74,222,128,.3);box-shadow:0 12px 40px #00000080,0 0 30px #4ade801a;z-index:20;animation:fdSlideUp .3s cubic-bezier(.34,1.4,.64,1) both}.fd-savebar-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-yellow);box-shadow:0 0 10px #eab30899;flex-shrink:0;animation:blink 1.6s ease-in-out infinite}.fd-savebar-text{font-weight:600;font-size:.92rem;flex:1}.fd-savebar-actions{display:flex;gap:8px}.fd-para{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.fd-para+.fd-para{margin-top:10px}.fd-inline-link{color:var(--accent-green);text-decoration:underline;font-weight:600}.fd-inline-link:hover{color:var(--accent-green-mid)}.fd-doc-intro{border-left:3px solid var(--accent-green);padding:4px 0 4px 16px}.fd-updated-badge{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--accent-green);background:#4ade801a;border:1px solid rgba(74,222,128,.22);padding:4px 10px;border-radius:999px}.fd-doc-sub{font-size:1rem;font-weight:700;color:var(--text-primary);margin:22px 0 12px}.fd-num-list{margin:4px 0 0;padding-left:4px;list-style:none;counter-reset:fdnum;display:flex;flex-direction:column;gap:10px}.fd-num-list li{counter-increment:fdnum;position:relative;padding-left:34px;color:var(--text-secondary);font-size:.93rem;line-height:1.5}.fd-num-list li:before{content:counter(fdnum);position:absolute;left:0;top:-1px;width:24px;height:24px;display:grid;place-items:center;font-size:.78rem;font-weight:800;color:var(--accent-green);background:#4ade801f;border:1px solid rgba(74,222,128,.25);border-radius:8px}.fd-def-list{margin:4px 0 0;display:flex;flex-direction:column;gap:14px}.fd-def-term{font-weight:700;font-size:.92rem;color:var(--text-primary);margin-bottom:3px}.fd-def-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.55}.fd-acc-group{display:flex;flex-direction:column;gap:10px}.fd-acc{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden;transition:border-color .2s,box-shadow .2s}.fd-acc.open{border-color:#4ade8066;box-shadow:0 0 18px #4ade8014}.fd-acc-head{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px 16px;background:none;border:none;color:var(--text-primary);cursor:pointer;font:inherit;transition:background .18s}.fd-acc-head:hover{background:#ffffff08}.fd-acc-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;flex-shrink:0;background:#4ade801a;border:1px solid rgba(74,222,128,.22);color:var(--accent-green)}.fd-acc-q{flex:1;font-weight:600;font-size:.95rem;line-height:1.35}.fd-acc-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .3s ease,color .18s}.fd-acc.open .fd-acc-chevron{transform:rotate(180deg);color:var(--accent-green)}.fd-acc-body{padding:0 16px 16px 60px;animation:fdFade .22s ease both}.fd-acc-body .fd-para:first-child{margin-top:0}.fd-rank-list{display:flex;flex-direction:column}.fd-rank-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.fd-rank-item:last-child{border-bottom:none}.fd-rank-item:first-child{padding-top:2px}.fd-rank-badge{font-variant-numeric:tabular-nums;font-weight:800;font-size:.8rem;color:var(--rank-color);width:32px;text-align:center;flex-shrink:0}.fd-rank-shield{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex-shrink:0;color:var(--rank-color);background:color-mix(in srgb,var(--rank-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--rank-color) 40%,transparent)}.fd-rank-text{min-width:0}.fd-rank-name{font-weight:700;font-size:.98rem;color:var(--rank-color)}.fd-rank-desc{font-size:.84rem;color:var(--text-secondary);margin-top:2px;line-height:1.4}.fd-crit-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fd-crit-item{display:flex;gap:12px;padding:14px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--line-strong)}.fd-crit-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;flex-shrink:0;background:#4ade801a;border:1px solid rgba(74,222,128,.22);color:var(--accent-green)}.fd-crit-title{font-weight:700;font-size:.9rem;color:var(--text-primary)}.fd-crit-desc{font-size:.82rem;color:var(--text-secondary);margin-top:3px;line-height:1.45}.fd-callout{display:flex;gap:14px;margin-top:22px;padding:18px;border-radius:var(--radius-lg);background:#eab30812;border:1px solid rgba(234,179,8,.25)}.fd-callout-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;flex-shrink:0;background:#eab30824;border:1px solid rgba(234,179,8,.3);color:var(--accent-yellow)}.fd-callout-title{font-weight:700;font-size:.98rem;color:var(--text-primary)}.fd-about-hero{display:flex;align-items:center;gap:20px}.fd-about-logo{width:72px;height:72px;border-radius:50%;flex-shrink:0;filter:drop-shadow(0 0 14px rgba(74,222,128,.45))}.fd-about-kicker{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.fd-about-title{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;margin-top:2px}.fd-about-green{background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fd-check-list{list-style:none;display:flex;flex-direction:column;gap:12px}.fd-check-item{display:flex;gap:12px;align-items:flex-start;color:var(--text-secondary);font-size:.93rem;line-height:1.5}.fd-check-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;flex-shrink:0;margin-top:1px;background:#4ade8024;border:1px solid rgba(74,222,128,.3);color:var(--accent-green)}.fd-legal-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:.86rem;font-weight:600;color:var(--text-muted);text-align:center}@media(max-width:1100px){.settings-layout{grid-template-columns:1fr;gap:18px}.settings-nav{position:static;flex-direction:row;overflow-x:auto;padding:8px;gap:8px;border-radius:var(--radius-lg);scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.snav-item{flex-direction:column;align-items:center;gap:8px;min-width:110px;padding:14px 10px;text-align:center}.snav-bar{left:10px;right:10px;top:auto;bottom:0;width:auto;height:3px}.snav-desc,.snav-chevron{display:none}.snav-text{align-items:center;flex:none}}@media(max-width:720px){.fd-grid-2,.fd-crit-list{grid-template-columns:1fr}.fd-acc-body{padding-left:16px}.fd-about-hero{flex-direction:column;text-align:center}.fd-avatar-block{flex-direction:column;text-align:center;align-items:center}.fd-avatar-grid{width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}.fd-noti-thead{display:none}.fd-noti-table{padding:8px 16px 16px}.fd-noti-trow{grid-template-columns:1fr;gap:14px;padding:18px 0}.fd-noti-cell{flex-direction:row;justify-content:space-between;align-items:center;padding:0 4px}.fd-noti-cell-label{display:block}.fd-savebar{flex-wrap:wrap}.fd-savebar-text{flex-basis:100%}.fd-row{flex-wrap:wrap}.fd-row-ctl .fd-input-wrap{min-width:0;width:100%}.fd-row-ctl{width:100%}}:root{--bg-primary: #0d1520;--bg-secondary: #1a2535;--bg-card: #1e2d3d;--accent-green: #4ade80;--accent-yellow: #eab308;--accent-red: #ef4444;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--line: rgba(255,255,255,.06);--line-strong: rgba(255,255,255,.1);--sidebar-width: 250px;--font: "Outfit", system-ui, sans-serif}@keyframes blink{50%{opacity:.3}}@keyframes cardIn{0%{transform:translateY(26px)}to{transform:none}}@keyframes toastIn{0%{transform:translateY(16px) scale(.95)}to{transform:none}}.dc-scroll{height:100%;overflow-y:auto;background:radial-gradient(70% 40% at 50% -5%,rgba(34,197,94,.07),transparent 60%),#0d1520}.dc-page{max-width:1180px;margin:0 auto;padding:clamp(24px,3.5vw,52px) clamp(20px,3vw,44px);min-height:100%;display:flex;flex-direction:column}.dc-header{text-align:center;margin-bottom:clamp(24px,3vw,44px)}.dc-h1{font-size:clamp(30px,4vw,46px);font-weight:900;letter-spacing:-.02em;line-height:1.05;background:linear-gradient(135deg,#fff 45%,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dc-sub{color:var(--text-secondary);font-size:clamp(14px,1.1vw,17px);margin-top:8px}.dc-badges{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}.dc-badge{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:999px;white-space:nowrap}.dc-badge.green{color:var(--accent-green);background:#4ade801f;border:1px solid rgba(74,222,128,.3)}.dc-badge.gray{color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--line-strong)}.dc-progress{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:7px 7px 7px 16px;border-radius:999px;background:#ffffff08;border:1px solid var(--line)}.dc-progress-track{display:flex;gap:5px}.dc-progress-seg{width:26px;height:6px;border-radius:999px;transition:background .3s}.dc-progress-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);background:#ffffff0a;padding:4px 12px;border-radius:999px;white-space:nowrap}.dc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.6vw,24px);align-items:stretch}.dc-card{position:relative;display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--brd);padding:24px;overflow:hidden;cursor:pointer;box-shadow:0 4px 24px #0006,0 0 18px var(--glow);transition:transform .24s cubic-bezier(.34,1.3,.64,1),box-shadow .24s,border-color .24s;animation:cardIn .45s cubic-bezier(.22,.61,.36,1) both}.dc-grid .dc-card:nth-child(1){animation-delay:.04s}.dc-grid .dc-card:nth-child(2){animation-delay:.12s}.dc-grid .dc-card:nth-child(3){animation-delay:.2s}.dc-card:hover,.dc-card:focus-visible{transform:translateY(-6px);border-color:var(--acc);box-shadow:0 22px 56px #0000008c,0 0 42px var(--glow);outline:none}.dc-card:focus-visible{box-shadow:0 22px 56px #0000008c,0 0 0 2px var(--acc),0 0 42px var(--glow)}.dc-card-glow{position:absolute;top:0;right:0;width:200px;height:200px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--acc),transparent 70%);opacity:.12;transform:translate(35%,-40%);transition:opacity .24s}.dc-card:hover .dc-card-glow{opacity:.2}.dc-done-badge{position:absolute;top:16px;right:16px;z-index:3;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:.68rem;font-weight:800;letter-spacing:.02em;padding:5px 10px;border-radius:999px;color:var(--accent-green);background:#4ade8024;border:1px solid rgba(74,222,128,.4)}.dc-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dc-order{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.dc-meter{display:flex;gap:4px}.dc-meter-seg{width:16px;height:5px;border-radius:999px;transition:background .2s}.dc-head{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-bottom:14px}.dc-icon{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;flex-shrink:0;color:var(--acc);background:var(--soft);border:1px solid var(--brd);box-shadow:0 0 20px var(--glow)}.dc-title{font-size:1.5rem;font-weight:900;letter-spacing:-.01em;line-height:1.1}.dc-stars{display:flex;gap:2px;margin-top:4px}.dc-star{display:inline-flex}.dc-desc{position:relative;z-index:2;color:var(--text-secondary);font-size:.92rem;line-height:1.5;margin-bottom:18px;min-height:42px}.dc-meta{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px;margin-bottom:20px;background:#00000047;border:1px solid var(--line);border-radius:14px;padding:6px 14px}.dc-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.dc-meta-row:last-child{border-bottom:none}.dc-meta-label{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.dc-meta-label svg{color:var(--text-secondary)}.dc-meta-value{font-size:.84rem;font-weight:600;color:var(--text-primary);text-align:right}.dc-chip{font-size:.76rem;font-weight:800;padding:3px 11px;border-radius:999px;letter-spacing:.01em;white-space:nowrap}.dc-chip-acc{color:var(--acc);background:var(--soft);border:1px solid var(--brd)}.dc-chip-reward{color:#fff;background:#ffffff0f;border:1px solid var(--line-strong)}.dc-cta{position:relative;z-index:2;margin-top:auto;width:100%;display:flex;align-items:center;gap:9px;padding:13px 18px;border-radius:13px;font-size:.98rem;font-weight:800;cursor:pointer;transition:all .18s;border:1px solid transparent}.dc-cta.solid{background:var(--acc);color:#0d1520;box-shadow:0 0 20px var(--glow)}.dc-cta.solid:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 0 30px var(--glow);transform:translateY(-1px)}.dc-cta.ghost{background:transparent;color:var(--acc);border-color:var(--brd)}.dc-cta.ghost:hover:not(:disabled){background:var(--soft);border-color:var(--acc)}.dc-cta:disabled{opacity:.7;cursor:wait}.dc-cta:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.dc-spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}@media(max-width:1040px){.dc-grid{grid-template-columns:repeat(2,1fr)}.dc-grid .dc-card:nth-child(3){grid-column:1 / -1}.dc-grid .dc-card:nth-child(3) .dc-desc{min-height:0}}@media(max-width:860px){.app-sidebar{display:none}}@media(max-width:720px){.dc-grid{grid-template-columns:1fr}.dc-grid .dc-card:nth-child(3){grid-column:auto}.dc-desc{min-height:0}}@keyframes twFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes twSweep{0%{transform:translate(-160%) rotate(18deg)}60%,to{transform:translate(260%) rotate(18deg)}}@keyframes twRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes twGlow{0%{box-shadow:0 6px 22px #4ade804d}to{box-shadow:0 6px 30px #4ade808c}}@keyframes twBlink{0%,49%{opacity:1}50%,to{opacity:0}}.shop-root{font-family:Outfit,system-ui,sans-serif;background:#05090f}.shop-mono{font-family:JetBrains Mono,monospace}.shop-card{transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}.shop-card:hover{transform:translateY(-6px) scale(1.02)}.shop-buy{border:none;padding:7px 15px;border-radius:9px;background:linear-gradient(135deg,#a7f3c7,#4ade80 45%,#166534);color:#0d1520;font-size:11.5px;font-weight:800;letter-spacing:1px;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px #4ade804d}.shop-buy:hover{filter:brightness(1.08)}.shop-buy:disabled{opacity:.5;cursor:default;filter:none}.shop-chip{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:9px;border:1px solid transparent;background:none;color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .15s ease}.shop-chip:hover{transform:translateY(-1px)}.shop-chip[data-tier=L]:hover{border-color:#c44dff80;color:#e2a9ff;box-shadow:0 0 14px #c44dff40}.shop-chip[data-tier=O]:hover{border-color:#eab30880;color:#fde68a;box-shadow:0 0 14px #eab30840}.shop-chip[data-tier=P]:hover{border-color:#cbd5e180;color:#e2e8f0;box-shadow:0 0 14px #cbd5e133}.shop-chip[data-tier=B]:hover{border-color:#d08b4c80;color:#e8b98a;box-shadow:0 0 14px #d08b4c40}.shop-chip.is-active{background:#4ade8029;border-color:#4ade8073;color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.7);box-shadow:0 0 12px #4ade8033}.shop-chip.is-active-gold{background:#eab30824;border-color:#eab30873;color:#eab308;text-shadow:0 0 8px rgba(234,179,8,.6);box-shadow:0 0 12px #eab3082e}.shop-tab{flex:1;text-align:center;padding:10px 0;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:none;color:#64748b;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1.5px;font-weight:700;cursor:pointer}.shop-tab:hover{color:#94a3b8}.shop-tab.is-active{background:#4ade8024;border-color:#4ade8059;color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.7);box-shadow:0 0 14px #4ade8026}.shop-tab.is-active-gold{background:#eab30824;border-color:#eab30866;color:#eab308;text-shadow:0 0 8px rgba(234,179,8,.7)}.shop-search{flex:1;max-width:430px;border-radius:13px;padding:1.2px;background:linear-gradient(120deg,#4ade808c,#ffffff0f 45%,#4ade8026);box-shadow:0 0 16px #4ade801a;transition:box-shadow .2s ease}.shop-search:focus-within,.shop-search:hover{box-shadow:0 0 28px #4ade804d}.shop-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:#e2e8f0;font-size:13.5px;font-weight:500;font-family:inherit}.shop-search input::-moz-placeholder{color:#64748b}.shop-search input::placeholder{color:#64748b}.sd-screen{--sd-bg: #0d1520;--sd-panel: #1e2d3d;--sd-green: #4ade80;--sd-yellow: #eab308;--sd-red: #ef4444;--sd-white: #fff;--sd-muted: #94a3b8;--sd-line: rgba(255,255,255,.08);position:relative;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;font-family:Outfit,system-ui,sans-serif;color:var(--sd-white);background:var(--sd-bg)}.sd-screen.sd-shake{animation:sdShake .36s cubic-bezier(.36,.07,.19,.97)}@keyframes sdShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.sd-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(90% 60% at 50% 0%,rgba(34,197,94,.1),transparent 60%),radial-gradient(100% 70% at 50% 110%,rgba(30,45,61,.8),transparent 60%),repeating-linear-gradient(180deg,rgba(255,255,255,.012) 0 2px,transparent 2px 46px),linear-gradient(180deg,#0a121b,#060b12)}.sd-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 240px #000000bf}.sd-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.5),transparent 60%);animation:sdFlash .24s ease-out forwards}@keyframes sdFlash{0%{opacity:1}to{opacity:0}}.sd-top{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,3vw,40px);border-bottom:1px solid var(--sd-line);background:#0a121bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.sd-top-l{min-width:0}.sd-top-title{display:block;font-weight:800;font-size:clamp(15px,1.7vw,20px);letter-spacing:-.01em;line-height:1.15;white-space:nowrap}.sd-top-sub{display:block;font-size:clamp(11px,1.1vw,13px);color:var(--sd-muted);margin-top:1px}.sd-top-r{display:flex;align-items:center;gap:12px}.sd-live{font-size:clamp(9px,1vw,11px);font-weight:800;letter-spacing:.16em;color:var(--sd-red);padding:5px 11px 5px 22px;border-radius:20px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);position:relative}.sd-live:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--sd-red);box-shadow:0 0 8px var(--sd-red);animation:sdBlink 1.1s ease-in-out infinite}@keyframes sdBlink{50%{opacity:.25}}.sd-replay{width:38px;height:38px;flex-shrink:0;border-radius:11px;cursor:pointer;font-size:17px;color:var(--sd-muted);background:#ffffff0d;border:1px solid var(--sd-line);transition:all .18s}.sd-replay:hover{color:var(--sd-white);transform:rotate(-90deg);border-color:#ffffff40}.sd-sb{flex-shrink:0;position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,3vw,48px);padding:clamp(14px,2.4vh,26px) clamp(16px,4vw,60px) clamp(18px,2.4vh,26px);border-bottom:1px solid var(--sd-line)}.sd-team{display:flex;flex-direction:column}.sd-team-me{align-items:flex-start}.sd-team-rival{align-items:flex-end}.sd-team-name{font-weight:800;font-size:clamp(14px,2vw,22px);letter-spacing:-.01em}.sd-tag{font-size:clamp(9px,1vw,11px);font-weight:800;letter-spacing:.18em;margin-top:3px;padding:2px 9px;border-radius:20px}.sd-team-me .sd-tag{color:var(--sd-green);background:#4ade801f;border:1px solid rgba(74,222,128,.3)}.sd-team-rival .sd-tag{color:var(--sd-red);background:#ef44441f;border:1px solid rgba(239,68,68,.3)}.sd-sb-nums{display:flex;align-items:center;gap:clamp(10px,2vw,22px)}.sd-sb-num{font-weight:900;font-size:clamp(44px,7.5vw,92px);line-height:.9;font-variant-numeric:tabular-nums;animation:sdScorePop .5s cubic-bezier(.18,.89,.32,1.28)}.sd-sb-me{color:var(--sd-green)}.sd-sb-rival{color:var(--sd-red)}.sd-sb-dash{font-size:clamp(26px,4vw,52px);font-weight:300;color:var(--sd-muted);opacity:.5}@keyframes sdScorePop{0%{transform:scale(1.9);filter:brightness(1.8)}60%{transform:scale(.94)}to{transform:scale(1)}}.sd-sb[data-leader=me] .sd-sb-me{text-shadow:0 0 28px rgba(74,222,128,.6)}.sd-sb[data-leader=rival] .sd-sb-rival{text-shadow:0 0 28px rgba(239,68,68,.55)}.sd-pips{position:absolute;left:50%;bottom:6px;transform:translate(-50%);display:flex;gap:6px}.sd-pip{width:22px;height:5px;border-radius:3px;background:#ffffff1f;transition:all .3s}.sd-pip[data-active=true]{background:#fff6;animation:sdPip .7s ease-in-out infinite}.sd-pip[data-on=true][data-verdict=win]{background:var(--sd-green);box-shadow:0 0 8px #4ade8099}.sd-pip[data-on=true][data-verdict=lose]{background:var(--sd-red);box-shadow:0 0 8px #ef444480}.sd-pip[data-on=true][data-verdict=tie]{background:var(--sd-yellow);box-shadow:0 0 8px #eab30880}@keyframes sdPip{50%{transform:scaleY(1.8)}}.sd-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:clamp(8px,1.4vh,16px) clamp(12px,3vw,48px) clamp(16px,3vh,40px);display:flex;flex-direction:column;gap:clamp(6px,1vh,11px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sd-list::-webkit-scrollbar{width:6px}.sd-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sd-row{position:relative;display:grid;grid-template-columns:clamp(46px,5vw,68px) 1fr;align-items:center;gap:clamp(8px,1.6vw,18px);padding:clamp(8px,1.3vh,15px) clamp(12px,1.8vw,22px);border-radius:16px;background:linear-gradient(180deg,#1e2d3de6,#131c28e6);border:1px solid var(--sd-line);opacity:0;transform:translateY(14px);animation:sdRowIn .5s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(var(--i) * 45ms);transition:opacity .35s,transform .35s,box-shadow .35s,border-color .35s,background .35s}@keyframes sdRowIn{to{opacity:1;transform:translateY(0)}}.sd-row[data-status=pending]{opacity:.45}.sd-row[data-status=suspense]{opacity:1;transform:scale(1.04);z-index:5;border-color:#eab30859;box-shadow:0 18px 60px #0009,0 0 0 1px #eab30833,0 0 50px #eab3081f;background:linear-gradient(180deg,#243445f2,#17212ef2)}.sd-row[data-status=revealed][data-verdict=win]{border-color:#4ade8073;box-shadow:0 0 0 1px #4ade8040,0 0 36px #4ade801f}.sd-row[data-status=revealed][data-verdict=lose]{border-color:#ef444466}.sd-row[data-status=revealed][data-verdict=tie]{border-color:#eab3086b;box-shadow:0 0 0 1px #eab30833}.sd-fill{position:absolute;top:8px;bottom:8px;width:4px;border-radius:4px;opacity:0;transition:opacity .4s}.sd-row[data-verdict=win] .sd-fill{left:6px;background:var(--sd-green);opacity:1;box-shadow:0 0 12px #4ade8099}.sd-row[data-verdict=lose] .sd-fill{right:6px;left:auto;background:var(--sd-red);opacity:1;box-shadow:0 0 12px #ef444480}.sd-row[data-verdict=tie] .sd-fill{display:none}.sd-pos{display:flex;align-items:center;justify-content:center}.sd-pos span{font-weight:800;font-size:clamp(11px,1.3vw,15px);letter-spacing:.03em;color:var(--sd-muted);padding:clamp(5px,.8vh,9px) clamp(7px,1vw,12px);border-radius:10px;background:#ffffff0a;border:1px solid var(--sd-line);min-width:100%;text-align:center}.sd-row[data-status=suspense] .sd-pos span{color:var(--sd-white);border-color:#eab30866}.sd-duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(10px,2vw,26px)}.sd-side{display:flex;align-items:center;gap:clamp(10px,1.6vw,20px);min-width:0}.sd-side-mine{justify-content:flex-end}.sd-side-rival{justify-content:flex-start}.sd-chip{display:flex;flex-direction:column;min-width:0;transition:opacity .3s}.sd-chip-mine{align-items:flex-end;text-align:right}.sd-chip-rival{align-items:flex-start;text-align:left}.sd-surname{font-weight:800;font-size:clamp(16px,2.1vw,30px);line-height:1.04;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(110px,26vw,420px);transition:color .3s,text-shadow .3s}.sd-meta{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:clamp(10px,1.1vw,14px);color:var(--sd-muted)}.sd-chip-rival .sd-meta{flex-direction:row-reverse}.sd-flag{font-size:clamp(11px,1.2vw,15px);line-height:1}.sd-first{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-chip[data-tone=green] .sd-surname{color:var(--sd-green);text-shadow:0 0 18px rgba(74,222,128,.35)}.sd-chip[data-tone=red] .sd-surname{color:#fca5a5}.sd-chip[data-tone=red]{opacity:.6}.sd-chip[data-tone=amber] .sd-surname{color:var(--sd-yellow)}.sd-rate{flex-shrink:0;width:clamp(46px,5.2vw,78px);height:clamp(46px,5.2vw,78px);display:flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffff0a;border:1px solid var(--sd-line);transition:all .35s}.sd-rate-val{font-weight:900;font-size:clamp(22px,3vw,42px);line-height:1;font-variant-numeric:tabular-nums}.sd-rate-q{font-weight:900;font-size:clamp(20px,2.6vw,38px);color:#ffffff59}.sd-pop{animation:sdPop .45s cubic-bezier(.18,.89,.32,1.28)}@keyframes sdPop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.18)}to{transform:scale(1);opacity:1}}.sd-side[data-tone=green] .sd-rate{background:radial-gradient(circle at 50% 35%,#4ade8038,#1665342e);border-color:var(--sd-green);box-shadow:0 0 22px #4ade8066}.sd-side[data-tone=green] .sd-rate-val{color:var(--sd-green)}.sd-side[data-tone=red] .sd-rate{background:radial-gradient(circle at 50% 35%,#ef444429,#50141433);border-color:#ef44448c}.sd-side[data-tone=red] .sd-rate-val{color:#fca5a5}.sd-side[data-tone=amber] .sd-rate{border-color:#eab30880;background:#eab30814;box-shadow:0 0 18px #eab30833}.sd-side[data-tone=amber] .sd-rate-val{color:var(--sd-yellow)}.sd-vs{position:relative;display:flex;align-items:center;justify-content:center;min-width:clamp(54px,6vw,86px)}.sd-vs-label{font-weight:900;font-size:clamp(11px,1.3vw,16px);letter-spacing:.06em;color:var(--sd-muted);padding:4px 10px;border-radius:20px;background:#ffffff0d;border:1px solid var(--sd-line);transition:all .3s;white-space:nowrap}.sd-vs-active .sd-vs-label{color:var(--sd-yellow);border-color:#eab30880;box-shadow:0 0 18px #eab30859;animation:sdVs .7s ease-in-out infinite}@keyframes sdVs{50%{transform:scale(1.12)}}.sd-vs[data-verdict=win] .sd-vs-label{color:var(--sd-green);border-color:#4ade8080;background:#4ade801a}.sd-vs[data-verdict=lose] .sd-vs-label{color:#fca5a5;border-color:#ef444473;background:#ef44441a}.sd-vs[data-verdict=tie] .sd-vs-label{color:var(--sd-yellow);border-color:#eab30880;background:#eab3081a}.sd-result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;opacity:1;--c:var(--sd-green);--c-rgb:74,222,128}.sd-result[data-result=win]{--c:var(--sd-green);--c-rgb:74,222,128}.sd-result[data-result=tie]{--c:var(--sd-yellow);--c-rgb:234,179,8}.sd-result[data-result=lose]{--c:var(--sd-red);--c-rgb:239,68,68}.sd-result-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 90% at 50% 38%,rgba(var(--c-rgb),.28),transparent 58%),radial-gradient(100% 80% at 50% 120%,rgba(var(--c-rgb),.18),transparent 60%),linear-gradient(180deg,#0a121b,#05080d)}.sd-result[data-result=lose] .sd-result-bg{background:radial-gradient(120% 90% at 50% 38%,rgba(239,68,68,.2),transparent 58%),linear-gradient(180deg,#120a0c,#07060a)}.sd-rays{position:absolute;left:50%;top:42%;z-index:1;width:200vmax;height:200vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(var(--c-rgb),.1) 0deg 7deg,transparent 7deg 18deg);-webkit-mask:radial-gradient(circle,#000 0%,#000 18%,transparent 62%);mask:radial-gradient(circle,#000 0%,#000 18%,transparent 62%);animation:sdRaysSpin 26s linear infinite,sdRaysIn .9s ease forwards;opacity:0}@keyframes sdRaysIn{to{opacity:1}}.sd-result[data-result=lose] .sd-rays{animation:sdRaysSpin 40s linear infinite;opacity:0}.sd-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.4;background:repeating-linear-gradient(90deg,rgba(var(--c-rgb),.05) 0 1px,transparent 1px 70px),repeating-linear-gradient(0deg,rgba(var(--c-rgb),.05) 0 1px,transparent 1px 70px);-webkit-mask:radial-gradient(circle at 50% 42%,#000,transparent 70%);mask:radial-gradient(circle at 50% 42%,#000,transparent 70%)}.sd-shock{position:absolute;left:50%;top:42%;z-index:2;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:3px solid rgba(var(--c-rgb),.7);animation:sdShock .9s cubic-bezier(.2,.7,.3,1) forwards}@keyframes sdShock{0%{width:40px;height:40px;opacity:.9}to{width:90vmax;height:90vmax;opacity:0;border-width:1px}}.sd-result-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;padding:clamp(20px,4vw,48px);max-width:min(94vw,640px)}.sd-emblem{position:relative;width:clamp(72px,12vw,112px);height:clamp(72px,12vw,112px);margin-bottom:clamp(10px,2vh,20px);animation:sdEmblem .7s cubic-bezier(.18,.89,.32,1.28) backwards;animation-delay:.15s}.sd-emblem-glow{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:50%;background:radial-gradient(circle,rgba(var(--c-rgb),.55),transparent 65%);filter:blur(8px);animation:sdEmblemPulse 2.2s ease-in-out infinite}.sd-emblem-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(40px,7vw,64px);filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}@keyframes sdEmblem{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes sdEmblemPulse{50%{transform:scale(1.12);opacity:.8}}.sd-result-kicker{font-size:clamp(11px,1.3vw,14px);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sd-muted);animation:sdUp .6s ease backwards;animation-delay:.3s}.sd-result-title{font-weight:900;font-size:clamp(52px,13vw,132px);line-height:.92;letter-spacing:-.03em;margin:6px 0 2px;color:var(--c);text-shadow:0 0 60px rgba(var(--c-rgb),.6),0 4px 30px rgba(0,0,0,.5);animation:sdSlam .6s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:.25s}@keyframes sdSlam{0%{transform:scale(1.6);opacity:0;filter:blur(14px)}60%{opacity:1}to{transform:scale(1);filter:blur(0)}}.sd-result-sub{font-size:clamp(14px,1.8vw,20px);color:var(--sd-white);opacity:.85;margin-bottom:clamp(18px,3vh,30px);animation:sdUp .6s ease backwards;animation-delay:.45s}.sd-result-score{display:flex;align-items:center;gap:clamp(20px,4vw,42px);margin-bottom:clamp(20px,3vh,30px);animation:sdUp .6s ease backwards;animation-delay:.55s}.sd-rs-col{display:flex;flex-direction:column;align-items:center;gap:4px}.sd-rs-name{font-size:clamp(12px,1.4vw,16px);font-weight:700;letter-spacing:.04em;color:var(--sd-muted);text-transform:uppercase}.sd-rs-num{font-weight:900;font-size:clamp(56px,11vw,110px);line-height:.9;font-variant-numeric:tabular-nums}.sd-rs-me .sd-rs-num{color:var(--sd-green);text-shadow:0 0 34px rgba(74,222,128,.5)}.sd-rs-rival .sd-rs-num{color:var(--sd-red);text-shadow:0 0 30px rgba(239,68,68,.4)}.sd-rs-dash{font-size:clamp(34px,6vw,64px);font-weight:200;color:var(--sd-muted);opacity:.5;align-self:center;margin-top:18px}.sd-result-break{display:flex;gap:clamp(8px,1.5vw,14px);margin-bottom:clamp(22px,3.5vh,34px);flex-wrap:wrap;justify-content:center;animation:sdUp .6s ease backwards;animation-delay:.65s}.sd-rb{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:clamp(74px,9vw,96px);padding:12px 8px;border-radius:14px;background:#ffffff0a;border:1px solid var(--sd-line)}.sd-rb b{font-size:clamp(20px,3vw,30px);font-weight:900;line-height:1}.sd-rb i{font-size:clamp(10px,1.2vw,12px);font-style:normal;color:var(--sd-muted);letter-spacing:.05em}.sd-rb-win b{color:var(--sd-green)}.sd-rb-tie b{color:var(--sd-yellow)}.sd-rb-lose b{color:#fca5a5}.sd-result-actions{display:flex;gap:12px;justify-content:center;animation:sdUp .6s ease backwards;animation-delay:.75s}@keyframes sdUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.sd-btn{font-family:inherit;font-weight:700;font-size:clamp(13px,1.4vw,16px);padding:14px 30px;border-radius:14px;cursor:pointer;border:1px solid transparent;transition:all .18s}.sd-btn-ghost{background:#ffffff0f;border-color:var(--sd-line);color:var(--sd-white)}.sd-btn-ghost:hover{background:#ffffff1f}.sd-btn-primary{background:var(--c);color:#06140c}.sd-result[data-result=lose] .sd-btn-primary{color:#fff}.sd-btn-primary:hover{box-shadow:0 0 28px rgba(var(--c-rgb),.55);transform:translateY(-1px)}@media(max-width:680px){.sd-top{flex-wrap:wrap;gap:10px;padding:12px 16px}.sd-top-l{flex:1 1 70%}.sd-top-r{flex-shrink:0}.sd-sb{gap:8px;padding:14px 16px 20px}.sd-team-name{font-size:14px}.sd-tag{font-size:8px;padding:2px 7px}.sd-sb-num{font-size:clamp(40px,13vw,60px)}.sd-row{grid-template-columns:38px 1fr;gap:8px;padding:9px 10px}.sd-duel{gap:6px}.sd-side{gap:8px}.sd-surname{font-size:14px;max-width:92px}.sd-meta{font-size:9px}.sd-first{display:none}.sd-rate{width:44px;height:44px;border-radius:12px}.sd-rate-val{font-size:20px}.sd-vs{min-width:40px}.sd-vs-label{font-size:9px;padding:3px 6px}.sd-pips{gap:3px}.sd-pip{width:13px}.sd-result-score{gap:16px}.sd-rs-dash{margin-top:14px}}@media(max-width:380px){.sd-surname{font-size:12.5px;max-width:72px}.sd-vs-label{font-size:0;padding:5px}.sd-vs-active .sd-vs-label:after{content:"⚔";font-size:12px}}:root{--bg-primary: #0d1520;--bg-secondary: #1a2535;--bg-card: #1e2d3d;--bg-card-hover: #243447;--accent-green: #4ade80;--accent-green-dark: #166534;--accent-green-mid: #22c55e;--accent-green-glow: rgba(74, 222, 128, .3);--accent-yellow: #eab308;--accent-yellow-glow: rgba(234, 179, 8, .3);--accent-red: #ef4444;--accent-red-glow: rgba(239, 68, 68, .3);--accent-blue: #3b82f6;--accent-gold: #f59e0b;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(255, 255, 255, .06);--border-glow: rgba(74, 222, 128, .3);--border-glow-strong: rgba(74, 222, 128, .5);--sidebar-width: 210px;--header-height: 70px}@media(min-width:1280px){:root{--sidebar-width: 230px}}@media(min-width:1440px){:root{--sidebar-width: 250px}}@media(min-width:1920px){:root{--sidebar-width: 280px}}@media(min-width:2560px){:root{--sidebar-width: 320px}}@media(min-width:2880px){:root{--sidebar-width: 340px}}@media(min-width:3440px){:root{--sidebar-width: 360px}}@media(min-width:3840px){:root{--sidebar-width: 380px}}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow-green: 0 0 20px rgba(74, 222, 128, .3);--shadow-glow-green-lg: 0 0 40px rgba(74, 222, 128, .45);--shadow-glow-yellow: 0 0 20px rgba(234, 179, 8, .3);--shadow-glow-red: 0 0 20px rgba(239, 68, 68, .3);--font-sans: "Outfit", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--glass-bg: rgba(26, 37, 53, .7);--glass-border: rgba(74, 222, 128, .15);--glass-blur: blur(20px)}.h2h-mono{font-family:var(--font-mono, "JetBrains Mono", monospace)}.h2h-tnum{font-variant-numeric:tabular-nums}.h2h-track-mega{letter-spacing:.28em}.h2h-track-wide{letter-spacing:.16em}.h2h-grad-green{background:linear-gradient(135deg,#d9ffe8,#4ade80 45%,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.h2h-grad-gold{background:linear-gradient(135deg,#fff4cf,#eab308 55%,#b45309);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.h2h-neon-green{text-shadow:0 0 18px rgba(74,222,128,.65),0 0 40px rgba(74,222,128,.25)}.h2h-neon-gold{text-shadow:0 0 18px rgba(234,179,8,.6),0 0 40px rgba(234,179,8,.25)}.h2h-neon-red{text-shadow:0 0 18px rgba(239,68,68,.7),0 0 40px rgba(239,68,68,.3)}.h2h-panel{position:relative;background:linear-gradient(180deg,#1e2d3deb,#0f1925f5);border:1px solid rgba(255,255,255,.07);border-radius:22px;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.h2h-edge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(74,222,128,.5),transparent 35%,transparent 65%,rgba(74,222,128,.2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.h2h-holo{position:relative;overflow:hidden}.h2h-holo:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.1) 44%,rgba(74,222,128,.18) 50%,rgba(255,255,255,.1) 56%,transparent 65%);transform:translate(-120%);transition:transform .85s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:3}.h2h-holo:hover:before{transform:translate(120%)}@keyframes h2hHoloSweep{0%{transform:translate(-130%)}to{transform:translate(130%)}}.h2h-holo-auto:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.12) 48%,rgba(74,222,128,.16) 52%,transparent 62%);animation:h2hHoloSweep 4.5s ease-in-out infinite;pointer-events:none;z-index:3}.h2h-tilt{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease,box-shadow .3s ease;will-change:transform}.h2h-tilt-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:4;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.16),transparent 45%);opacity:0;transition:opacity .25s ease}.h2h-tilt:hover .h2h-tilt-glare{opacity:1}@keyframes h2hGlowGreen{0%,to{box-shadow:0 0 16px #4ade8033,inset 0 0 0 1px #4ade8038}50%{box-shadow:0 0 42px #4ade8073,inset 0 0 0 1px #4ade8066}}.h2h-pulse-green{animation:h2hGlowGreen 2.6s ease-in-out infinite}@keyframes h2hAurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.h2h-aurora{background-size:220% 220%;animation:h2hAurora 9s ease infinite}.h2h-scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.5;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a,#0000 4px)}.h2h-vignette:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%)}@keyframes h2hSpin{to{transform:rotate(360deg)}}@keyframes h2hRing{0%{transform:scale(.35);opacity:.9}to{transform:scale(1.6);opacity:0}}.h2h-radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#4ade8000,#4ade8000 300deg,#4ade8059 350deg,#4ade808c 360deg);animation:h2hSpin 2.4s linear infinite}@keyframes h2hRise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes h2hFromLeft{0%{opacity:0;transform:translate(-40px) rotateY(8deg)}to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes h2hFromRight{0%{opacity:0;transform:translate(40px) rotateY(-8deg)}to{opacity:1;transform:translate(0) rotateY(0)}}.h2h-rise{opacity:0;animation:h2hRise .6s cubic-bezier(.2,.7,.2,1) forwards}@keyframes h2hVsPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 12px rgba(74,222,128,.5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 28px rgba(74,222,128,.9))}}.h2h-vs-pulse{animation:h2hVsPulse 1.8s ease-in-out infinite}@keyframes h2hCdPop{0%{transform:scale(2.4);opacity:0}30%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.h2h-cd{animation:h2hCdPop 1s ease forwards}@keyframes h2hLive{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 7px #4ade8000}to{box-shadow:0 0 #4ade8000}}.h2h-live{animation:h2hLive 1.8s ease-out infinite}@keyframes h2hFloaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.h2h-floaty{animation:h2hFloaty 4s ease-in-out infinite}.h2h-no-sb::-webkit-scrollbar{display:none}.h2h-no-sb{scrollbar-width:none}@media(prefers-reduced-motion:reduce){.h2h-holo-auto:before,.h2h-pulse-green,.h2h-aurora,.h2h-vs-pulse,.h2h-live,.h2h-floaty,.h2h-radar-sweep{animation:none!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Outfit,Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-\[4px\]{top:4px;right:4px;bottom:4px;left:4px}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[200\]{z-index:200}.z-\[60\]{z-index:60}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-28{height:7rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[48px\]{height:48px}.h-\[64px\]{height:64px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-0{min-height:0px}.min-h-\[64px\]{min-height:64px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-28{width:7rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[240px\]{min-width:240px}.max-w-\[120px\]{max-width:120px}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-\[2\]{flex:2}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[4px\]{gap:4px}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-accent-green\/30{border-color:#4ade804d}.border-accent-green\/40{border-color:#4ade8066}.border-accent-red{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-accent-red\/30{border-color:#ef44444d}.border-accent-yellow\/30{border-color:#eab3084d}.border-blue-400\/30{border-color:#60a5fa4d}.border-border-glow{border-color:#4ade804d}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/5{border-color:#ffffff0d}.bg-accent-green{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-accent-green-dark{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))}.bg-accent-green-dark\/30{background-color:#1665344d}.bg-accent-red{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-accent-yellow{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-bg-card{--tw-bg-opacity: 1;background-color:rgb(30 45 61 / var(--tw-bg-opacity, 1))}.bg-bg-primary{--tw-bg-opacity: 1;background-color:rgb(13 21 32 / var(--tw-bg-opacity, 1))}.bg-bg-secondary{--tw-bg-opacity: 1;background-color:rgb(26 37 53 / var(--tw-bg-opacity, 1))}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/15{background-color:#ffffff26}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-900\/30{background-color:#713f124d}.bg-yellow-900\/40{background-color:#713f1266}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-yellow-600{--tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);--tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-accent-yellow{--tw-gradient-to: #eab308 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pb-\[72px\]{padding-bottom:72px}.pl-12{padding-left:3rem}.pr-12{padding-right:3rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-accent-green{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-accent-red{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-accent-yellow{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-bg-primary{--tw-text-opacity: 1;color:rgb(13 21 32 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-text-secondary{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:#fff6}.text-white\/45{color:#ffffff73}.text-white\/60{color:#fff9}.underline{text-decoration-line:underline}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-glow-green{--tw-shadow: 0 0 20px rgba(74,222,128,.3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(14px,.5vw + 10px,26px)}@media(min-width:1280px){html{font-size:15px}}@media(min-width:1440px){html{font-size:16px}}@media(min-width:1920px){html{font-size:18px}}@media(min-width:2560px){html{font-size:20px}}@media(min-width:2880px){html{font-size:22px}}@media(min-width:3440px){html{font-size:24px}}@media(min-width:3840px){html{font-size:26px}}@media(min-width:1024px){.main-content{margin-left:var(--sidebar-width)}}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#4ade804d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4ade8080}::-moz-selection{background:#4ade8040;color:#fff}::selection{background:#4ade8040;color:#fff}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glow-green{box-shadow:var(--shadow-glow-green)}.glow-green-lg{box-shadow:var(--shadow-glow-green-lg)}.border-glow{border:1px solid var(--border-glow)}.text-gradient-green{background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow-green);transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #4ade8033}50%{box-shadow:0 0 30px #4ade8099}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes stampIn{0%{transform:scale(2) rotate(-15deg);opacity:0}60%{transform:scale(.9) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes timerPulseRed{0%,to{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.8)}50%{color:#fca5a5;text-shadow:0 0 20px rgba(239,68,68,1)}}@keyframes inputPulse{0%{border-color:#22c55e66;box-shadow:0 0 #22c55e4d}50%{border-color:#22c55e;box-shadow:0 0 0 8px #22c55e00}to{border-color:#22c55e66;box-shadow:0 0 #22c55e00}}.input-pulse{animation:inputPulse .5s ease-out 2}@keyframes plateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slotPulse{0%,to{box-shadow:0 0 14px #4ade8059;transform:scale(1)}50%{box-shadow:0 0 34px #4ade80d9;transform:scale(1.06)}}@keyframes pipPulse{50%{transform:scaleY(1.9)}}.animate-plate-float{animation:plateFloat 3.4s ease-in-out infinite}.animate-slot-pulse{animation:slotPulse 1s ease-in-out infinite}.animate-pip-pulse{animation:pipPulse .7s ease-in-out infinite}@keyframes sdRaysSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes sdShockRing{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}to{transform:translate(-50%,-50%) scale(3.2);opacity:0}}@keyframes sdVsPunch{0%,to{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.12)}}@keyframes sdFloatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes sdGlowPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes sdParticleUp{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-220px);opacity:0}}.sd-arena.sd-shake{animation:sdShake .36s cubic-bezier(.36,.07,.19,.97)}.sd-arena-card-win{animation:sdFloatCard 4.5s ease-in-out infinite}.sd-skip-btn:hover{color:#fff;border-color:#ffffff4d;background:#ffffff14}.sd-result-btn:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #4ade804d,0 0 54px #4ade80a6,0 9px #15803d}.sd-rail-clickable{cursor:pointer;transition:filter .15s,transform .15s}.sd-rail-clickable:hover{filter:brightness(1.14);transform:translate(-2px)}@keyframes sdEmberFloat{0%{transform:translateY(0) translate(0);opacity:0}12%{opacity:1}to{transform:translateY(-320px) translate(30px);opacity:0}}@keyframes sdConfettiFall{0%{transform:translateY(-40px) rotate(0);opacity:1}to{transform:translateY(340px) rotate(340deg);opacity:0}}@keyframes sdRainFall{0%{transform:translateY(-60px);opacity:0}10%{opacity:.7}to{transform:translateY(1060px);opacity:0}}@keyframes sdGlitchShift{0%,88%,to{transform:translate(0);opacity:1}90%{transform:translate(-6px);opacity:.7}93%{transform:translate(5px)}96%{transform:translate(-3px);opacity:.9}}@keyframes sdTitleZoom{0%{transform:scale(.96)}to{transform:scale(1.03)}}@keyframes sdBoltFlash{0%,90%,to{opacity:0}92%,96%{opacity:1}}@keyframes sdBarSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sd-menu-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.animate-rotate-ring{animation:rotateRing 8s linear infinite}.animate-stamp-in{animation:stampIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-timer-red{animation:timerPulseRed .5s ease-in-out infinite}.placeholder\:text-\[rgba\(255\,255\,255\,0\.35\)\]::-moz-placeholder{color:#ffffff59}.placeholder\:text-\[rgba\(255\,255\,255\,0\.35\)\]::placeholder{color:#ffffff59}.hover\:border-accent-green:hover{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.hover\:border-border-glow:hover{border-color:#4ade804d}.hover\:bg-accent-green-mid:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.hover\:bg-accent-red:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-bg-card:hover{--tw-bg-opacity: 1;background-color:rgb(30 45 61 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:from-yellow-500:hover{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-yellow-400:hover{--tw-gradient-to: #facc15 var(--tw-gradient-to-position)}.hover\:text-accent-green-mid:hover{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.hover\:text-text-primary:hover,.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:shadow-glow-green:hover{--tw-shadow: 0 0 20px rgba(74,222,128,.3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-glow-green-lg:hover{--tw-shadow: 0 0 40px rgba(74,222,128,.4);--tw-shadow-colored: 0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-glow-red:hover{--tw-shadow: 0 0 20px rgba(239,68,68,.3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-accent-green:focus{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.focus\:border-accent-red:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:shadow-glow-green:focus{--tw-shadow: 0 0 20px rgba(74,222,128,.3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-glow-red:focus{--tw-shadow: 0 0 20px rgba(239,68,68,.3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-accent-green{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-accent-yellow{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:mb-9{margin-bottom:2.25rem}.sm\:block{display:block}.sm\:h-20{height:5rem}.sm\:h-24{height:6rem}.sm\:w-20{width:5rem}.sm\:w-24{width:6rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-4{gap:1rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-7{gap:1.75rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}.sm\:py-9{padding-top:2.25rem;padding-bottom:2.25rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-w-\[1024px\]{min-width:1024px}.lg\:pb-0{padding-bottom:0}}@media(min-width:1280px){.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:1440px){.\32xl\:text-2xl{font-size:1.5rem;line-height:2rem}}