:root{--bg: #070a14;--bg2: #0c1120;--panel: #111829;--panel2: #161f33;--line: #243049;--text: #e6ecf5;--muted: #8b96ac;--gold: #c8aa6e;--gold-bright: #f0d9a8;--teal: #0ac8b9;--green: #3fb950;--red: #f0556a;--shadow: 0 10px 40px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#15203a 0%,transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;min-height:100vh}.wrap{max-width:960px;margin:0 auto;padding:28px 20px 60px}.hero{text-align:center;margin-bottom:18px}.hero h1{font-size:clamp(40px,9vw,76px);letter-spacing:.18em;margin:0;font-weight:800;background:linear-gradient(180deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(200,170,110,.25)}.tagline{color:var(--muted);margin:6px 0 0;font-size:15px}.progress{text-align:center;color:var(--muted);margin:10px 0 16px;font-size:14px}.progress span{color:var(--gold-bright);font-weight:700;font-size:18px}.roster-track{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px}.slot{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 10px;min-height:104px;display:flex;flex-direction:column;position:relative;transition:transform .15s,border-color .15s}.slot.filled{border-color:var(--gold);box-shadow:inset 0 0 24px #c8aa6e14}.slot.empty{border-style:dashed;opacity:.7}.slot-role{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-weight:700}.slot-handle{font-size:18px;font-weight:700;margin-top:4px}.slot-src{font-size:11px;color:var(--muted);margin-top:2px}.slot-rating{margin-top:auto;font-size:22px;font-weight:800;color:var(--gold-bright)}.slot-rating span{font-size:10px;color:var(--muted);margin-left:3px}.slot-empty-label{margin:auto;color:var(--muted);font-size:13px;font-style:italic}.controls{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;margin:6px 0 22px}.btn{font:inherit;cursor:pointer;border-radius:10px;border:1px solid transparent;padding:11px 20px;font-weight:700;transition:transform .1s,box-shadow .15s,background .15s}.btn:active{transform:translateY(1px)}.btn-lg{font-size:18px;padding:14px 30px;letter-spacing:.04em}.btn-primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#20160a;box-shadow:0 6px 22px #c8aa6e4d}.btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #c8aa6e73}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;border-color:var(--line);color:var(--muted)}.btn-ghost:hover{color:var(--text);border-color:var(--muted)}.pool-left{color:var(--muted);font-size:13px}.spin-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.spin-card.idle,.spin-card.spinning{text-align:center;padding:40px 20px}.spin-card .prompt{color:var(--muted);font-size:16px;margin:0}.spin-card.spinning .reel{font-size:22px;font-weight:800;color:var(--gold-bright);letter-spacing:.05em;animation:pulse .4s infinite alternate}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.spin-card.revealed{animation:drop .25s ease}@keyframes drop{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.spin-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(90deg,var(--panel2),var(--panel));border-bottom:1px solid var(--line)}.team-name{font-size:22px;font-weight:800}.year{margin-left:auto;font-size:20px;font-weight:800;color:var(--gold)}.pick-hint{color:var(--muted);padding:12px 18px 0;margin:0;font-size:14px}.stat-table,.games-table{width:100%;border-collapse:collapse;font-size:14px}.stat-table{margin-top:8px}.stat-table th,.games-table th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--line)}.stat-table td,.games-table td{padding:10px;border-bottom:1px solid rgba(36,48,73,.5)}.stat-table tbody tr:hover{background:#ffffff05}.c-role{color:var(--teal);font-weight:700;white-space:nowrap}.c-handle{font-weight:700}.c-rec{white-space:nowrap}.row-locked{opacity:.45}.c-pick{text-align:right}.pick-btn{font:inherit;font-weight:700;font-size:13px;cursor:pointer;border-radius:8px;padding:7px 16px;border:1px solid var(--teal);background:#0ac8b91f;color:var(--teal);transition:background .12s}.pick-btn:hover:not(:disabled){background:var(--teal);color:#042}.pick-btn:disabled{border-color:var(--line);background:transparent;color:var(--muted);cursor:not-allowed}.tag{font-size:11px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:6px;color:#fff}.tag-lck{background:#1f6feb}.tag-lpl{background:#d4332f}.tag-lec{background:#15b8a6;color:#042}.tag-lcs{background:#8957e5}.tag-lcp{background:#db8b1b;color:#2a1a02}.score-board{text-align:center;border-radius:18px;padding:28px 20px;margin:10px 0 24px;border:1px solid var(--line);background:var(--panel)}.score{font-size:clamp(56px,16vw,120px);font-weight:900;line-height:1;letter-spacing:.02em}.grade{font-size:20px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}.strength{color:var(--muted);margin-top:10px}.strength strong{color:var(--gold-bright)}.g-perfect{box-shadow:0 0 60px #c8aa6e59;border-color:var(--gold)}.g-perfect .score,.g-perfect .grade{color:var(--gold-bright)}.g-great .score,.g-great .grade{color:var(--teal)}.g-good .score{color:var(--green)}.g-mid .score{color:var(--gold)}.g-bad .score,.g-bad .grade{color:var(--red)}.result-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.panel h2{margin:0 0 12px;font-size:16px;letter-spacing:.04em;color:var(--gold-bright)}.final-roster{list-style:none;margin:0;padding:0}.final-roster li{display:flex;align-items:baseline;gap:8px;padding:9px 0;border-bottom:1px solid rgba(36,48,73,.5)}.final-roster .r-role{color:var(--teal);font-size:12px;width:78px;font-weight:700}.final-roster .r-src{color:var(--muted);font-size:12px;margin-left:auto}.games-table .won .c-res{color:var(--green);font-weight:800}.games-table .lost .c-res{color:var(--red);font-weight:800}.games-table .lost{background:#f0556a0f}.c-prob{color:var(--muted)}@media (max-width: 820px){.result-grid{grid-template-columns:1fr}}@media (max-width: 600px){.wrap{padding:18px 12px 80px}.hero h1{letter-spacing:.1em}.tagline{font-size:14px}.roster-track{grid-template-columns:repeat(2,1fr);gap:8px}.slot{min-height:92px;padding:10px 9px}.slot-handle{font-size:16px}.slot-rating{font-size:19px}.controls{gap:10px}.btn-lg{width:100%;padding:15px}.pool-left{width:100%;text-align:center}.spin-head{flex-wrap:wrap;padding:12px 14px;gap:8px}.team-name,.year{font-size:18px}.rerolls{width:100%;margin-left:0;gap:10px}.year+.rerolls{margin-left:0}.reroll{flex:1;padding:10px;font-size:13px}.stat-table thead{display:none}.stat-table,.stat-table tbody,.stat-table tr,.stat-table td{display:block;width:100%}.stat-table tr{border:1px solid var(--line);border-radius:12px;margin:10px 14px;padding:12px 14px;background:#ffffff04}.stat-table tr:hover{background:#ffffff04}.stat-table td{border:none;padding:5px 0;display:flex;justify-content:space-between;align-items:center;font-size:14px}.stat-table td:not(.c-role):not(.c-handle):not(.c-pick):before{content:attr(data-label);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.stat-table .c-role{display:block;color:var(--teal);font-size:11px;text-transform:uppercase;letter-spacing:.12em;padding-bottom:2px}.stat-table .c-handle{display:block;font-size:21px;font-weight:800;padding-top:0;padding-bottom:4px}.stat-table .c-pick{padding-top:10px}.stat-table .pick-btn{width:100%;padding:13px;font-size:15px}.row-locked{opacity:.5}.games-table{font-size:13px}.games-table th,.games-table td{padding:9px 6px}.score{letter-spacing:0}.verdict{font-size:14px}}.games-table .series{color:var(--muted);font-weight:600;font-size:12px;margin-left:4px}.rerolls{margin-left:auto;display:flex;gap:8px}.year+.rerolls{margin-left:12px}.reroll{font:inherit;font-size:12px;font-weight:700;cursor:pointer;border-radius:8px;padding:6px 11px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);white-space:nowrap;transition:background .12s,border-color .12s}.reroll:hover:not(:disabled){border-color:var(--teal);color:var(--teal);background:#0ac8b91a}.reroll:disabled{opacity:.4;cursor:not-allowed}.verdict{max-width:640px;margin:14px auto 0;color:var(--text);font-size:15px;line-height:1.45;font-style:italic;opacity:.92}.ad-slot{max-width:960px;margin:22px auto 6px;padding:0 20px;min-height:60px;text-align:center;overflow:hidden}.ad-slot .adsbygoogle{display:block}