@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Exo+2:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f4f4f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{text-decoration:none}button,input,select,textarea{font-family:inherit}.app-root{--bg:#04060f;--bg2:#070b18;--bg3:#0b1022;--bg4:#0f1530;--blue:#1a6fff;--blue-b:#4d9fff;--cyan:#00d4ff;--purple:#7b2fff;--purple-b:#a855f7;--orange:#ff6a00;--orange-b:#ff9a3c;--silver:#c8d4e8;--muted:#4a5878;--border:#64a0ff1f;--border-b:#64a0ff59;background:var(--bg);color:var(--silver);min-height:100vh;font-family:"Exo 2",sans-serif}.app-root .app-stars{pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 10% 20%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 30% 70%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 55% 40%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 75% 80%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 25% 55%,#64a0ff80 0%,#0000 100%),radial-gradient(1px 1px at 70% 25%,#c864ff66 0%,#0000 100%);position:fixed;inset:0}.app-root .app-amb{pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 15% 20%,#1a6fff12 0%,#0000 70%),radial-gradient(60% 60% at 85% 75%,#7b2fff0f 0%,#0000 70%);position:fixed;inset:0}.app-root .font-cinzel{font-family:Cinzel,serif}.app-root .font-mono{font-family:Share Tech Mono,monospace}.app-root .app-card{background:var(--bg2);border:1px solid var(--border);transition:border-color .25s,box-shadow .25s;position:relative}.app-root .app-card:hover{border-color:var(--border-b);box-shadow:0 0 20px #1a6fff14}.app-root .corner-tl,.app-root .corner-br{border-color:var(--blue-b);border-style:solid;width:10px;height:10px;position:absolute}.app-root .corner-tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.app-root .corner-br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.app-root .stat-blue{background:linear-gradient(135deg,#6eb4ff,#1a6fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-weight:700}.app-root .stat-purple{background:linear-gradient(135deg,#c084fc,#7b2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-weight:700}.app-root .stat-orange{background:linear-gradient(135deg,#ff9a3c,#ff6a00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-weight:700}.app-root .section-title{letter-spacing:.25em;text-transform:uppercase;color:var(--blue-b);align-items:center;gap:10px;margin-bottom:20px;font-family:Cinzel,serif;font-size:11px;display:flex}.app-root .section-title:after{content:"";background:linear-gradient(90deg,#64a0ff4d,#0000);flex:1;height:1px}.app-root .wr-bar{background:#ffffff0f;border-radius:1px;height:3px;overflow:hidden}.app-root .wr-fill{border-radius:1px;height:100%;transition:width 1s}.app-root .hero-art{background:var(--bg3);position:relative;overflow:hidden}.app-root .hero-art img{object-fit:cover;object-position:top center;filter:saturate(1.2)contrast(1.05);width:100%;height:100%;transition:transform .4s}.app-root .hero-art:hover img{transform:scale(1.05)}.app-root .hero-art-overlay{background:linear-gradient(0deg, var(--bg2) 0%, #070b1880 40%, transparent 100%);position:absolute;inset:0}.app-root .title-card{background:linear-gradient(135deg,#7b2fff1a,#1a6fff0f);border:1px solid #7b2fff40;padding:12px 14px;position:relative;overflow:hidden}.app-root .title-card:before{content:"";background:linear-gradient(90deg, var(--purple), var(--blue), var(--purple));height:2px;position:absolute;top:0;left:0;right:0}.app-root .match-row{background:var(--bg3);border:1px solid var(--border);cursor:pointer;padding:12px 16px;transition:all .2s}.app-root .match-row:hover{border-color:var(--border-b);background:var(--bg4)}.app-root .tbl-row{border-bottom:1px solid #64a0ff0f;transition:background .15s}.app-root .tbl-row:hover{background:#1a6fff0d}.app-root .badge-str{color:#ff8080;background:#ff3c3c26;border:1px solid #ff3c3c40;padding:1px 6px;font-family:Share Tech Mono;font-size:9px}.app-root .badge-agi{color:#70ff90;background:#32dc6426;border:1px solid #32dc6440;padding:1px 6px;font-family:Share Tech Mono;font-size:9px}.app-root .badge-int{color:#90b4ff;background:#648cff26;border:1px solid #648cff40;padding:1px 6px;font-family:Share Tech Mono;font-size:9px}.app-root .k-color{color:#70ff90}.app-root .d-color{color:#ff7070}.app-root .a-color{color:#90b4ff}.app-root .rank-1{color:#6eb4ff;text-shadow:0 0 14px #6eb4ff99}.app-root .rank-2{color:silver}.app-root .rank-3{color:#c87832}.app-root .tab-btn{letter-spacing:.1em;border:1px solid var(--border);color:var(--muted);cursor:pointer;text-transform:uppercase;background:0 0;padding:5px 14px;font-family:Share Tech Mono,monospace;font-size:10px;transition:all .2s}.app-root .tab-btn.active,.app-root .tab-btn:hover{border-color:var(--blue);color:var(--blue-b);background:#1a6fff1f}.app-root .pulse-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 6px var(--cyan);border-radius:50%;animation:2s infinite app-pulse}@keyframes app-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.app-root .shimmer{background:linear-gradient(90deg, var(--bg2) 25%, var(--bg3) 50%, var(--bg2) 75%);background-size:200% 100%;animation:1.5s infinite app-shimmer}@keyframes app-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app-root .app-nav-link{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;padding:8px 14px;font-family:Cinzel,serif;font-size:10px;text-decoration:none;transition:all .2s}.app-root .app-nav-link:hover,.app-root .app-nav-link.active{color:var(--cyan);border-bottom-color:var(--cyan)}.app-root .week-btn{letter-spacing:.15em;border:1px solid var(--border);color:var(--blue-b);cursor:pointer;background:0 0;padding:6px 14px;font-family:Cinzel,serif;font-size:9px;transition:all .2s}.app-root .week-btn:hover{border-color:var(--blue);background:#1a6fff1a}.app-root .modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.app-root .modal-box{background:var(--bg2);border:1px solid var(--border-b);width:100%;max-width:700px;max-height:85vh;overflow-y:auto}.app-root .app-search{background:var(--bg3);border:1px solid var(--border);color:var(--silver);outline:none;width:100%;max-width:220px;padding:7px 12px;font-family:"Exo 2",sans-serif;font-size:13px;transition:border-color .2s}.app-root .app-search:focus{border-color:var(--blue)}.app-root .app-search::placeholder{color:#2a3550}.app-root ::-webkit-scrollbar{width:4px}.app-root ::-webkit-scrollbar-track{background:var(--bg)}.app-root ::-webkit-scrollbar-thumb{background:#1a6fff4d;border-radius:2px}@keyframes app-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.app-root .fade-up{animation:.5s both app-fadeUp}.app-root .fade-up-1{animation:.5s .1s both app-fadeUp}.app-root .fade-up-2{animation:.5s .2s both app-fadeUp}.app-root .fade-up-3{animation:.5s .3s both app-fadeUp}.app-root .fade-up-4{animation:.5s .4s both app-fadeUp}