:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1d212b;--border: #2a2f3a;--text: #e6e8ec;--muted: #9aa3b2;--accent: #5b8cff;--accent-2: #7c5bff;--lp: #ffcc55;--warn: #ff7a7a}*{box-sizing:border-box}[x-cloak]{display:none!important}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 70% -10%,#1a2030,var(--bg));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;min-height:100vh}.wrap{max-width:1040px;margin:0 auto;padding:32px 20px 64px}.head h1{margin:0;font-size:30px;letter-spacing:.5px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin:4px 0 0;color:var(--muted)}.panel{margin-top:24px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.lbl{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.6px}.raw{width:100%;resize:vertical;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.raw:focus,.num:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5b8cff33}.controls{display:flex;align-items:flex-end;gap:12px;margin-top:16px;flex-wrap:wrap}.field{display:flex;flex-direction:column}.num{width:120px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:15px}.btn{border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent-2));cursor:pointer;transition:transform .05s ease,opacity .15s ease}.btn:hover{opacity:.92}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.hint{margin:14px 0 0;color:var(--muted);font-size:13px}.hint.warn{color:var(--warn)}.hint.saved{color:#6ee7a8;font-weight:600}.hint code{background:var(--panel-2);padding:2px 6px;border-radius:6px;font-size:12px}.teams{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.teams{grid-template-columns:1fr}}.team{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;transition:border-color .15s ease,box-shadow .15s ease}.team.team-drop{border-color:var(--accent);box-shadow:0 0 0 2px #5b8cff40}.team-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.team-head h2{margin:0;font-size:17px}.team-meta{font-size:12px;color:var(--muted)}.roster{list-style:none;margin:0;padding:0;counter-reset:rk;min-height:8px}.roster li{counter-increment:rk;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 6px;margin:0 -6px;border-top:1px solid var(--border);border-radius:8px;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;transition:background .12s ease,opacity .12s ease}.roster li:hover{background:var(--panel-2)}.roster li.dragging{opacity:.45;cursor:grabbing}.roster li.drop-before{box-shadow:inset 0 2px 0 0 var(--accent)}.roster li.drop-after{box-shadow:inset 0 -2px 0 0 var(--accent)}.roster li:before{content:counter(rk);flex:0 0 18px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.grip{flex:0 0 auto;color:var(--muted);font-size:11px;letter-spacing:-2px;opacity:.7}.pname{flex:1;font-weight:500;word-break:break-all}.lp{color:var(--lp);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.drop-zone{margin-top:8px;padding:10px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:12px;text-align:center}