:root{--surface:#161b22;--surface2:#1c2128;--surface3:#21262d;--border2:#30363d;--amber:#f0b429;--purple2:#6d28d9;--purple-glow:#7c3aed30;--muted2:#6e7681;--radius:8px;--radius2:12px;--radius3:16px;--mono:"JetBrains Mono", monospace;--t:.15s ease}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;font-size:14px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:14px;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-logo{align-items:center;gap:9px;display:flex}.logo-chip{background:var(--amber);width:30px;height:30px;font-family:var(--mono);color:#0d1117;border-radius:7px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.logo-name{font-family:var(--mono);font-size:13px;font-weight:700}.topbar-sep{background:var(--border2);width:1px;height:20px}.topbar-breadcrumb{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.topbar-breadcrumb a{color:var(--muted);text-decoration:none}.topbar-breadcrumb a:hover{color:var(--text)}.topbar-breadcrumb .cur{color:var(--text);font-weight:600}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.avatar-sm{background:var(--amber);color:#0d1117;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.topbar-user{color:var(--muted);font-size:12px}.layout{grid-template-columns:1fr 340px;gap:0;min-height:calc(100vh - 56px);display:grid}.wizard-pane{border-right:1px solid var(--border);padding:36px 40px;overflow-y:auto}.preview-pane{background:var(--surface);flex-direction:column;gap:20px;min-height:100vh;padding:28px 24px;display:flex}.stepper{align-items:center;gap:0;margin-bottom:36px;display:flex}.step{cursor:pointer;align-items:center;gap:10px;display:flex}.step-num{border:2px solid var(--border2);width:30px;height:30px;color:var(--muted);transition:var(--t);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.step.active .step-num{background:var(--purple);border-color:var(--purple);color:#fff}.step.done .step-num{background:var(--green);border-color:var(--green);color:#fff}.step-label{color:var(--muted);transition:var(--t);white-space:nowrap;font-size:12px;font-weight:600}.step.active .step-label{color:var(--text)}.step.done .step-label{color:var(--green)}.step-line{background:var(--border2);flex:1;min-width:16px;height:1px;margin:0 10px}.step-line.done{background:var(--green)}.panel{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.panel-title{letter-spacing:-.3px;margin-bottom:4px;font-size:20px;font-weight:700}.panel-sub{color:var(--muted);margin-bottom:28px;font-size:13px;line-height:1.5}.field{margin-bottom:20px}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.req{color:var(--red);margin-left:2px}.hint{color:var(--muted2);margin-top:5px;font-size:11px;line-height:1.5}input[type=text],input[type=number],textarea,select{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);font-size:13px;font-family:var(--font-body);transition:var(--t);outline:none;padding:10px 14px}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-glow)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238B949E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}textarea{resize:vertical;line-height:1.6}.input-prefix{position:relative}.input-prefix input{padding-left:28px}.input-prefix .pfx{color:var(--muted);pointer-events:none;font-size:13px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-card{border:1px solid var(--border2);border-radius:var(--radius);cursor:pointer;transition:var(--t);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.radio-card:hover{border-color:var(--purple);background:var(--surface2)}.radio-card.selected{border-color:var(--purple);background:var(--purple-glow)}.radio-card input[type=radio]{display:none}.radio-dot{border:2px solid var(--border2);width:16px;height:16px;transition:var(--t);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.radio-card.selected .radio-dot{border-color:var(--purple);background:var(--purple)}.radio-dot:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;display:none}.radio-card.selected .radio-dot:after{display:block}.radio-body .rb-title{margin-bottom:2px;font-size:13px;font-weight:600}.radio-body .rb-sub{color:var(--muted);font-size:11px}.league-select-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.league-card{border:1px solid var(--border2);border-radius:var(--radius2);cursor:pointer;transition:var(--t);padding:14px 16px;position:relative;overflow:hidden}.league-card:hover{border-color:var(--purple);transform:translateY(-1px)}.league-card.selected{border-color:var(--purple);background:var(--purple-glow)}.league-card.selected:before{content:"✓";color:var(--purple);font-size:11px;font-weight:700;position:absolute;top:8px;right:10px}.lc-type{text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:10px;font-weight:600}.lc-name{margin-bottom:3px;font-size:14px;font-weight:700}.lc-meta{color:var(--muted);font-size:11px}.lc-pill{border-radius:20px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.pill-weekly{color:var(--amber);background:#f0b42920}.pill-season{color:var(--blue);background:#3b82f620}.prize-table{border-collapse:collapse;width:100%;margin-top:4px}.prize-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:6px 10px;font-size:10px;font-weight:600}.prize-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:6px 10px}.prize-table tr:last-child td{border-bottom:none}.rank-medal{font-size:16px}.pct-input{width:80px;font-size:12px;font-family:var(--mono);text-align:right;padding:6px 8px}.pct-input::-webkit-inner-spin-button{opacity:1}.prize-summary{background:var(--surface2);border-radius:var(--radius);flex-direction:column;gap:6px;margin-top:12px;padding:12px 14px;display:flex}.prize-summary-row{justify-content:space-between;font-size:12px;display:flex}.prize-summary-row .psv{font-family:var(--mono);font-weight:600}.prize-summary-row.total .psv{color:var(--amber)}.prize-summary-row.warn .psv{color:var(--red)}.prize-summary-row.ok .psv{color:var(--green)}.prize-add-btn{background:var(--surface2);border:1px dashed var(--border2);border-radius:var(--radius);cursor:pointer;color:var(--muted);width:100%;transition:var(--t);align-items:center;gap:6px;margin-top:8px;padding:8px 14px;font-size:12px;display:flex}.prize-add-btn:hover{border-color:var(--purple);color:var(--text)}.rake-banner{border-radius:var(--radius);color:var(--muted);background:#7c3aed18;border:1px solid #7c3aed40;margin-bottom:16px;padding:10px 14px;font-size:12px;line-height:1.6}.rake-banner strong{color:var(--purple)}.invite-search{position:relative}.invite-search input{padding-right:100px}.invite-search-btn{background:var(--purple);color:#fff;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);border:none;border-radius:6px;padding:6px 12px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.invite-search-btn:hover{background:var(--purple2)}.invite-suggestions{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);margin-top:4px;display:none;overflow:hidden}.invite-suggestions.show{display:block}.invite-suggestion{cursor:pointer;transition:var(--t);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:flex}.invite-suggestion:last-child{border-bottom:none}.invite-suggestion:hover{background:var(--surface3)}.inv-avatar{background:var(--purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.inv-name{font-size:13px;font-weight:600}.inv-id{color:var(--muted);font-size:11px;font-family:var(--mono)}.invited-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.invited-chip{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 12px;display:flex}.invited-chip .inv-avatar{width:24px;height:24px;font-size:9px}.invited-chip .inv-name{flex:1;font-size:12px}.invited-chip .inv-status{font-size:10px;font-weight:600}.invited-chip .inv-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px;font-size:14px}.invited-chip .inv-remove:hover{color:var(--red)}.max-note{color:var(--muted2);margin-top:8px;font-size:11px}.invite-add-card{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius2);flex-direction:column;padding:18px 20px;display:flex}.inv-user-confirm{color:var(--green);background:#22c55e18;border:1px solid #22c55e40;border-radius:6px;margin-top:6px;padding:7px 10px;font-size:12px}.btn-sm{padding:7px 14px;font-size:12px}.review-block{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius2);margin-bottom:14px;overflow:hidden}.review-block-header{background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:11px 16px;font-size:12px;font-weight:600;display:flex}.review-block-header button{color:var(--purple);cursor:pointer;font-size:12px;font-family:var(--font-body);background:0 0;border:none;font-weight:500}.review-kv{grid-template-columns:140px 1fr;gap:6px 0;padding:14px 16px;display:grid}.rv-label{color:var(--muted);font-size:12px}.rv-val{font-size:12px;font-weight:500}.review-prize-table{border-collapse:collapse;width:100%}.review-prize-table td{border-bottom:1px solid var(--border);padding:7px 16px;font-size:12px}.review-prize-table tr:last-child td{border-bottom:none}.invited-pill{background:var(--surface);border:1px solid var(--border);border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;display:inline-flex}.btn-row{gap:10px;margin-top:28px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--t);font-size:13px;font-weight:600;font-family:var(--font-body);border:none;align-items:center;gap:7px;padding:10px 20px;display:inline-flex}.btn-purple{background:var(--purple);color:#fff}.btn-purple:hover{background:var(--purple2)}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border2)}.btn-ghost:hover{border-color:var(--muted)}.btn-amber{background:var(--amber);color:#0d1117}.btn-amber:hover{background:#f7c948}.btn:disabled{opacity:.4;cursor:not-allowed}.preview-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);margin-bottom:12px;font-size:10px;font-weight:600}.league-preview-card{border:1px solid var(--purple);border-radius:var(--radius3);background:linear-gradient(135deg,#1c1240 0%,#161b22 60%);position:relative;overflow:hidden}.lpc-top{padding:20px 18px 16px}.lpc-badge{color:#a78bfa;letter-spacing:.05em;background:#7c3aed30;border:1px solid #7c3aed60;border-radius:20px;align-items:center;gap:5px;margin-bottom:12px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.lpc-name{letter-spacing:-.3px;min-height:24px;margin-bottom:4px;font-size:18px;font-weight:800}.lpc-base{color:var(--muted);margin-bottom:14px;font-size:11px}.lpc-stats{border-top:1px solid #7c3aed30;grid-template-columns:1fr 1fr 1fr;gap:0;display:grid}.lpc-stat{border-right:1px solid #7c3aed30;padding:12px 14px}.lpc-stat:last-child{border-right:none}.lpc-stat-label{color:var(--muted2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:10px}.lpc-stat-val{font-family:var(--mono);font-size:15px;font-weight:700}.lpc-stat-val.amber{color:var(--amber)}.lpc-stat-val.purple{color:#a78bfa}.lpc-invite-strip{background:#7c3aed20;border-top:1px solid #7c3aed30;align-items:center;gap:6px;padding:10px 16px;display:flex}.invite-avatar-stack{display:flex}.invite-avatar-stack .ia{border:2px solid var(--surface);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-6px;font-size:8px;font-weight:700;display:flex}.invite-avatar-stack .ia:first-child{margin-left:0}.invite-strip-text{color:var(--muted);margin-left:4px;font-size:11px}.preview-section-title{color:var(--muted2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:600}.preview-prize-rows{flex-direction:column;gap:4px;display:flex}.prize-preview-row{background:var(--surface2);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.pprank{width:28px;color:var(--muted);font-family:var(--mono)}.ppbar-wrap{background:var(--border);border-radius:3px;flex:1;height:5px;overflow:hidden}.ppbar{background:linear-gradient(90deg, var(--purple), var(--amber));border-radius:3px;height:100%;transition:width .4s}.pppct{font-family:var(--mono);color:var(--amber);text-align:right;width:36px;font-size:11px}.ppamt{font-family:var(--mono);color:var(--muted);text-align:right;width:60px;font-size:11px}.success-screen{text-align:center;padding:60px 40px;display:none}.success-screen.show{display:block}.success-icon{margin-bottom:20px;font-size:56px;animation:.4s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.success-title{letter-spacing:-.4px;margin-bottom:8px;font-size:24px;font-weight:800}.success-sub{color:var(--muted);margin-bottom:28px;font-size:14px;line-height:1.6}.success-code{background:var(--surface2);border:1px solid var(--purple);border-radius:var(--radius);font-family:var(--mono);color:var(--purple);letter-spacing:.08em;margin-bottom:28px;padding:14px 20px;font-size:20px;font-weight:700;display:inline-block}.success-actions{justify-content:center;gap:10px;display:flex}.invite-count-badge{background:var(--purple);color:#fff;border-radius:20px;margin-left:4px;padding:1px 7px;font-size:10px;font-weight:700}.error-msg{color:var(--red);margin-top:5px;font-size:12px;display:none}.error-msg.show{display:block}
