:root{--bg-0: #0a0c10;--bg-1: #12151c;--bg-2: #1a1f29;--bg-3: #232936;--bg-hover: #2c3444;--fg-0: #e8ecf3;--fg-1: #a8b3c4;--fg-2: #6b7688;--fg-3: #454e5e;--accent: #f5a623;--accent-dim: #b87a18;--blue: #4a9eff;--blue-dim: #2d6bb0;--green: #3ddc84;--red: #ff5a5f;--purple: #a78bfa;--rank-sss: #ffce4d;--rank-ss: #ffb340;--rank-s: #e8963c;--border: #2a3140;--border-bright: #3a4356;--radius: 4px;--radius-lg: 8px;--font: "Rajdhani", "DIN Alternate", "Bahnschrift", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--font-cn: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;--shadow: 0 4px 16px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--fg-0);font-family:var(--font-cn);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:40px 40px;z-index:0}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed}h1,h2,h3,h4{margin:0;font-family:var(--font);font-weight:700;letter-spacing:.02em}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}.app{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:20px;padding:0 20px;height:52px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border-bottom:1px solid var(--border);flex-shrink:0}.topbar__logo{font-family:var(--font);font-size:20px;font-weight:700;color:var(--accent);letter-spacing:.08em;white-space:nowrap}.topbar__stats{display:flex;gap:22px;margin-left:auto;align-items:center;flex-wrap:nowrap;overflow:hidden}.stat{display:flex;flex-direction:column;line-height:1.25;white-space:nowrap;flex-shrink:0}.stat__label{font-size:10px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font)}.stat__value{font-family:var(--font);font-size:15px;font-weight:600;color:var(--fg-0);white-space:nowrap}.tabs{display:flex;gap:2px;padding:0 20px;background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.tab{padding:10px 18px;font-family:var(--font);font-size:14px;font-weight:600;color:var(--fg-2);border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s}.tab:hover{color:var(--fg-1)}.tab--active{color:var(--accent);border-bottom-color:var(--accent)}.tab:disabled{color:var(--fg-3);opacity:.5}.content{flex:1;overflow-y:auto;padding:20px}.content--center{display:flex;align-items:center;justify-content:center}.panel{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-2);border-bottom:1px solid var(--border)}.panel__title{font-family:var(--font);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-1)}.panel__body{padding:16px}.btn{padding:9px 20px;background:var(--bg-3);border:1px solid var(--border-bright);border-radius:var(--radius);font-family:var(--font);font-weight:600;font-size:14px;color:var(--fg-0);transition:background .15s,border-color .15s,transform .08s}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-dim)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4}.btn--primary{background:linear-gradient(180deg,var(--accent),var(--accent-dim));border-color:var(--accent);color:#1a1206;font-weight:700}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#ffb840,var(--accent))}.btn--ghost{background:transparent;border-color:var(--border)}.btn--sm{padding:5px 12px;font-size:13px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:.05em;background:var(--bg-3);color:var(--fg-1)}.tag--accent{background:#f5a62326;color:var(--accent)}.tag--blue{background:#4a9eff26;color:var(--blue)}.tag--green{background:#3ddc8426;color:var(--green)}.tag--red{background:#ff5a5f26;color:var(--red)}.attr-row{display:grid;grid-template-columns:72px 1fr 34px;align-items:center;gap:10px;padding:3px 0}.attr-row__name{font-size:13px;color:var(--fg-1)}.attr-bar{display:block;height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden;position:relative}.attr-bar__fill{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,var(--blue-dim),var(--blue));border-radius:3px;transition:width .4s ease}.attr-bar__fill--high{background:linear-gradient(90deg,var(--accent-dim),var(--accent))}.attr-bar__fill--low{background:linear-gradient(90deg,#6b3030,var(--red))}.attr-row__value{font-family:var(--font-mono);font-size:13px;text-align:right;color:var(--fg-0)}.delta-up{color:var(--green);font-size:11px}.delta-down{color:var(--red);font-size:11px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:8px 10px;font-family:var(--font);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);border-bottom:1px solid var(--border)}.table td{padding:8px 10px;border-bottom:1px solid var(--bg-2);color:var(--fg-1)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-2)}.num{font-family:var(--font-mono);text-align:right}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:1px;background:var(--border)}.timeline__item{position:relative;padding:8px 0}.timeline__item:before{content:"";position:absolute;left:-22px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--fg-3);border:2px solid var(--bg-0)}.timeline__item--event:before{background:var(--blue)}.timeline__item--milestone:before{background:var(--accent)}.timeline__item--award:before{background:var(--rank-sss)}.timeline__year{font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}.timeline__title{font-weight:600;color:var(--fg-0);font-size:14px}.timeline__detail{font-size:13px;color:var(--fg-2);margin-top:2px}.event{padding:12px 14px;background:var(--bg-2);border-left:3px solid var(--blue);border-radius:var(--radius);margin-bottom:10px}.event--ladder{border-left-color:var(--fg-2)}.event--academy{border-left-color:var(--green)}.event--pro{border-left-color:var(--accent)}.event--transfer{border-left-color:var(--purple)}.event--life{border-left-color:var(--blue)}.event--industry{border-left-color:var(--red)}.event__title{font-weight:600;margin-bottom:4px}.event__body{font-size:13px;color:var(--fg-1)}.choice{display:block;width:100%;text-align:left;padding:10px 14px;margin-top:8px;background:var(--bg-3);border:1px solid var(--border-bright);border-radius:var(--radius);transition:border-color .15s,background .15s}.choice:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent)}.choice:disabled{opacity:.45}.choice__label{font-weight:600;font-size:14px}.choice__hint{font-size:12px;color:var(--fg-2);margin-top:2px}.choice__locked{font-size:12px;color:var(--red);margin-top:2px}.match{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.match__scoreboard{display:flex;align-items:center;justify-content:center;gap:28px;padding:20px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border-bottom:1px solid var(--border)}.match__team{text-align:center;min-width:120px}.match__team-name{font-family:var(--font);font-size:16px;font-weight:700;margin-bottom:2px}.match__team--win .match__team-name{color:var(--green)}.match__team--lose .match__team-name{color:var(--fg-2)}.match__score{font-family:var(--font);font-size:44px;font-weight:700;line-height:1;letter-spacing:.04em}.match__map{text-align:center;color:var(--fg-3);font-family:var(--font);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.rank-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:3px;font-family:var(--font);font-weight:700;font-size:15px;letter-spacing:.05em;background:var(--bg-3);color:var(--fg-1)}.rank-badge--SSS{background:linear-gradient(135deg,#ffce4d,#ff9f1c);color:#2a1c00}.rank-badge--SS{background:linear-gradient(135deg,#ffb340,#e07a1f);color:#2a1500}.rank-badge--S{background:linear-gradient(135deg,#e8963c,#b8621a);color:#1f1000}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--fg-3);text-align:center;gap:8px}.empty__icon{font-size:32px;opacity:.4}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.ending{max-width:720px;margin:0 auto;text-align:center;padding:40px 24px}.ending__grade{font-family:var(--font);font-size:76px;font-weight:700;line-height:1;letter-spacing:.06em;background:linear-gradient(135deg,var(--accent),#ffce4d);-webkit-background-clip:text;background-clip:text;color:transparent}.ending__title{font-family:var(--font);font-size:26px;margin:8px 0 20px}.ending__summary{font-size:15px;line-height:1.9;color:var(--fg-1);text-align:left;padding:20px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.talent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.talent-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius)}.talent-item--max{border-color:var(--accent-dim)}.talent-item__desc{font-size:11px;color:var(--fg-3);margin-top:1px}.stepper{display:flex;align-items:center;gap:4px}.stepper__btn{width:22px;height:22px;background:var(--bg-3);border:1px solid var(--border-bright);border-radius:3px;color:var(--fg-1);font-family:var(--font);font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.stepper__btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent)}.stepper__btn:disabled{opacity:.3}.stepper__value{width:26px;text-align:center;font-family:var(--font-mono);font-size:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--fg-2)}.dim{color:var(--fg-3)}.mono{font-family:var(--font-mono)}.center{text-align:center}