:root{--bg: #0b1220;--panel: #121a2b;--line: #243049;--text: #e8eefc;--muted: #9aabc9;--accent: #3d8bfd;--good: #3dd68c;--warn: #f5a524;--bad: #f31260;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--sans: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:radial-gradient(1200px 600px at 10% -10%,#1a2744,var(--bg));color:var(--text);min-height:100vh}a{color:var(--accent)}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--line);background:#0a101cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}header h1{font-size:1.1rem;margin:0;letter-spacing:.04em}header h1 span{color:var(--accent)}main{max-width:960px;margin:0 auto;padding:1.25rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;margin-bottom:1rem;box-shadow:0 10px 30px #00000040}.card h2{margin:0 0 .75rem;font-size:1rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:720px){.grid2{grid-template-columns:1fr}}label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.25rem}input,select,button,textarea{font:inherit}input,select,textarea{width:100%;background:#0a101c;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:.55rem .65rem;margin-bottom:.65rem}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.55rem .9rem;cursor:pointer;font-weight:600}button.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.muted{color:var(--muted);font-size:.9rem}.pill{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:#1c2942;border:1px solid var(--line);font-size:.75rem;color:var(--muted)}.pill.good{color:var(--good);border-color:#1f5c40}.pill.warn{color:var(--warn);border-color:#6a4b12}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.4rem .35rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:.75rem}.error{background:#3a1020;border:1px solid #7a1f3a;color:#ffb4c8;padding:.65rem .8rem;border-radius:8px;margin-bottom:.75rem}.success{background:#0f2a1d;border:1px solid #1f5c40;color:#b6f3d2;padding:.65rem .8rem;border-radius:8px;margin-bottom:.75rem}.mono{font-family:var(--mono)}.card h3{font-size:.75rem;color:var(--muted);margin:1rem 0 .4rem;letter-spacing:.08em;text-transform:uppercase}.player-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;flex-wrap:wrap}.player-head .name{font-size:1.25rem;font-weight:700}.level-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:999px;background:#10203a;border:1px solid #2a4a80;font-weight:700}.level-badge small{color:var(--muted);font-weight:500}.xpbar{position:relative;height:8px;background:#0a101c;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:.35rem 0 .2rem}.xpbar>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2f6fd6,var(--accent))}.attr-row{display:grid;grid-template-columns:132px 1fr 132px;gap:.6rem;align-items:center;padding:.14rem 0}.attr-name{font-size:.82rem;color:var(--muted)}.bar{position:relative;height:10px;background:#0a101c;border:1px solid var(--line);border-radius:999px;overflow:hidden}.bar>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2f6fd6,var(--accent))}.bar>u{position:absolute;top:0;bottom:0;background:var(--good);opacity:.85}.bar>b{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--warn);opacity:.9}.attr-ctl{display:flex;gap:.35rem;align-items:center;justify-content:flex-end;font-family:var(--mono);font-size:.82rem;white-space:nowrap}.attr-ctl button{padding:0 .55rem;height:24px;line-height:1;background:#182338;border:1px solid var(--line);font-weight:700}.attr-ctl .delta{color:var(--good)}.train-summary{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.75rem;padding:.6rem .8rem;background:#0f2a1d;border:1px solid #1f5c40;border-radius:8px}.champ-banner{background:linear-gradient(90deg,#2a2410,#121a2b);border:1px solid #6a4b12;color:#ffd88a;padding:.65rem .8rem;border-radius:8px;margin-bottom:.75rem}.tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.tabs button{background:#182338}.tabs button.active{background:var(--accent)}footer{text-align:center;color:var(--muted);font-size:.8rem;padding:2rem 1rem}.warn-banner{background:#f5a5241f;border:1px solid var(--warn);color:var(--warn);padding:.5rem .75rem;border-radius:8px;margin:.5rem 0;font-size:.85rem}.small{font-size:.8rem}