:root{--bg: #070b12;--bg-2: #0d1420;--panel: rgba(16, 24, 38, .86);--panel-solid: #101826;--line: rgba(200, 170, 110, .22);--gold: #c8aa6e;--gold-2: #f0e6d2;--muted: #9aa4b8;--text: #f4efe4;--blue: #3b9eff;--blue-deep: #12385c;--red: #e84057;--red-deep: #4a1520;--ok: #5ee0a0;--danger: #ff6b7a;--shadow: 0 24px 60px rgba(0, 0, 0, .4);font-family:Outfit,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 500px at 10% -10%,rgba(59,158,255,.12),transparent 50%),radial-gradient(900px 500px at 100% 0%,rgba(232,64,87,.1),transparent 46%),linear-gradient(180deg,#0a101b,#070b12 55%,#0a0e16)}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,.brand{font-family:Cinzel,serif;letter-spacing:.04em}.app{max-width:1240px;margin:0 auto;padding:28px 20px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.brand-wrap{display:flex;align-items:center;gap:14px}.crest{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--gold);background:linear-gradient(160deg,#1b2434,#0c121c);clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);color:var(--gold);font-size:18px}.brand{margin:0;font-size:22px;color:var(--gold-2)}.subtitle{margin:2px 0 0;color:var(--muted);font-size:13px}.back{border:1px solid var(--line);background:transparent;color:var(--gold-2);padding:8px 14px;border-radius:8px}.back:hover{border-color:var(--gold)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-head,.list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.home-head h2,.list-head h2,.section-title{margin:0 0 4px;font-size:20px}.hint{margin:0;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card,.new-card{text-align:left;padding:18px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:inherit;min-height:150px;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,border-color .15s ease}.card:hover,.new-card:hover{transform:translateY(-2px);border-color:var(--gold)}.card h3,.new-card h3{margin:0;font-size:18px}.meta{color:var(--muted);font-size:13px}.skill-pips{display:flex;gap:4px;margin-top:auto}.pip{width:10px;height:10px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#2a3448}.pip.on{background:var(--gold)}.card-actions{display:flex;gap:8px}.ghost,.primary,.danger,.soft{border-radius:9px;padding:9px 14px;border:1px solid transparent}.ghost{background:transparent;border-color:var(--line);color:var(--gold-2)}.soft{background:#1a2333;color:var(--text);border-color:#2a364c}.primary{background:linear-gradient(180deg,#d8bc7e,#b8944e);color:#1a1408;font-weight:700}.primary:disabled{opacity:.45;cursor:not-allowed}.danger{background:transparent;color:var(--danger);border-color:#ff6b7a59}.new-card{align-items:stretch;justify-content:center;border-style:dashed}.new-card form,.inline-form{display:flex;flex-direction:column;gap:10px}input[type=text],input[type=number]{width:100%;background:#0b111b;border:1px solid #2a364c;color:var(--text);border-radius:9px;padding:10px 12px;outline:none}input:focus{border-color:var(--gold)}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px}.name-row{display:flex;gap:10px;align-items:center}.name-row input{flex:1}.player-form{padding:16px;margin-bottom:14px}.player-form form{display:grid;gap:12px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.skill-picker,.role-picker{display:flex;flex-wrap:wrap;gap:8px}.skill-btn,.role-btn{border:1px solid #2a364c;background:#0f1724;color:var(--muted);padding:7px 10px;border-radius:999px;font-size:13px}.skill-btn.active{border-color:var(--gold);color:var(--gold-2);background:#c8aa6e1f}.role-btn.active{border-color:var(--blue);color:#d6ecff;background:#3b9eff1f}.label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.roster{padding:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 12px;gap:8px}.player{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:10px}.avatar{object-fit:cover;border-radius:50%;border:1px solid var(--line);background:#1a2333;flex-shrink:0}.avatar.sm{width:28px;height:28px}.avatar.md{width:40px;height:40px}.avatar.lg{width:72px;height:72px}.avatar.fallback{display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--gold-2)}.avatar.lg.fallback{font-size:22px}.photo-field{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.avatar-upload{display:flex;align-items:center;gap:12px;background:transparent;border:0;color:inherit;padding:0;text-align:left}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-8px;border-color:#1a2333}.avatar-stack .avatar:first-child{margin-left:0}.slot-person{display:flex;align-items:center;gap:8px;min-width:0}.slot-copy{display:flex;flex-direction:column;min-width:0}.player+.player{border-top:1px solid rgba(255,255,255,.04)}.player.selected{background:#c8aa6e14}.player-main{min-width:0}.player-name{font-weight:600;margin:0}.player-sub{margin:3px 0 0;color:var(--muted);font-size:12px}.edit-name{margin-bottom:6px}.empty{padding:28px 16px;text-align:center;color:var(--muted)}.generate{padding:16px;position:sticky;top:16px}.team-size{display:flex;gap:8px;margin:12px 0 16px}.team-size button{flex:1}.team-size button.active,.ghost.active{border-color:var(--gold);color:var(--gold-2)}.matchup{margin-top:16px;display:grid;gap:12px}.teams{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team{border-radius:12px;padding:12px;border:1px solid transparent}.team.blue{background:linear-gradient(180deg,#12385c8c,#0c1420b3);border-color:#3b9eff59}.team.red{background:linear-gradient(180deg,#4a15208c,#0c1420b3);border-color:#e8405759}.team-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.team.blue h3{color:var(--blue);margin:0;font-size:15px}.team.red h3{color:var(--red);margin:0;font-size:15px}.score{font-variant-numeric:tabular-nums;font-weight:700}.slot{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}.role-tag{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;min-width:58px}.balance-note{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:#0c131e;border:1px solid var(--line);font-size:13px}.balance-note.even{color:var(--ok)}.bench{color:var(--muted);font-size:13px}.file-hidden{display:none}@media(max-width:900px){.layout,.teams{grid-template-columns:1fr}.generate{position:static}.topbar{flex-wrap:wrap}}