@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#080b13;--panel:#101521;--panel2:#141b2b;--line:#253047;--text:#f2f5fb;--muted:#94a0b6;--blue:#66a5ff;--cyan:#66e1ed;--violet:#a78bfa;--green:#68e0b0;--red:#ff8296;--shadow:0 20px 60px #0005}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}body.light{--bg:#f4f6fb;--panel:#fff;--panel2:#eef2f9;--line:#d9e0ed;--text:#131a29;--muted:#657189;--shadow:0 20px 60px #1b2d5012}.ambient{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.ambient-a{background:#2878ff;top:0;left:-220px}.ambient-b{background:#8256ff;top:330px;right:-250px}.topbar{height:78px;border-bottom:1px solid #ffffff10;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1220px)/2),28px);position:sticky;top:0;z-index:20;background:#080b13e8;backdrop-filter:blur(18px)}body.light .topbar{background:#f4f6fbe8;border-color:#d9e0ed}.brand{display:flex;gap:11px;align-items:center;color:var(--text);text-decoration:none;font-size:14px;letter-spacing:.08em}.brand b{font-weight:800}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.18em;margin-top:2px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #66a5ff99;border-radius:11px;background:linear-gradient(140deg,#1b3b69,#15182b);font:800 19px 'Barlow Condensed';color:#b4d5ff;box-shadow:0 0 24px #428bff22}.topbar nav{display:flex;gap:25px}.topbar nav a{font-size:12px;color:var(--muted);text-decoration:none;transition:.2s}.topbar nav a:hover{color:var(--blue)}button,a,select{font:inherit}.outline-btn,.secondary-btn{border:1px solid var(--line);color:var(--text);background:transparent;border-radius:9px;padding:10px 13px;font-size:12px;cursor:pointer;text-decoration:none}.hero-section{max-width:1220px;margin:0 auto;padding:88px 28px 65px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px;min-height:485px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:9px}.live-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #68e0b0;display:inline-block}.hero-copy h1{font:800 clamp(48px,6vw,76px)/.99 'Barlow Condensed',sans-serif;letter-spacing:-.025em;margin:23px 0}.hero-copy h1 span{color:var(--blue);text-shadow:0 0 35px #438eff25}.hero-copy p{max-width:510px;color:var(--muted);font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:28px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 17px;border:0;border-radius:9px;background:linear-gradient(105deg,#357af4,#55b6ee);color:#07101f;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px #347ef52b;transition:transform .2s,filter .2s}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.trust-note{font-size:10px;color:var(--muted);margin-top:20px}.hero-visual{height:340px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #5c91e22e;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:300px;height:300px}.orbit-two{width:390px;height:230px;border-color:#a78bfa32;transform:rotate(38deg)}.core{width:205px;height:205px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#2d5b9b 0,#172849 43%,#0b101d 70%);border:1px solid #79aaff72;box-shadow:0 0 70px #357cf52b,inset 0 0 45px #5e9aff28;animation:float 5s ease-in-out infinite}.core-inner{width:142px;height:142px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;border:1px solid #91bfff55;font:800 42px 'Barlow Condensed';letter-spacing:.08em;color:#dbeaff}.core-inner span{color:var(--cyan)}.core-inner small{width:100%;text-align:center;font:700 8px Inter;letter-spacing:.23em;color:#9ebce9}.float-card{position:absolute;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);border-radius:12px;padding:12px 15px;box-shadow:var(--shadow);animation:float 5s ease-in-out infinite}.float-card small,.float-card b{display:block}.float-card small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.float-card b{font-size:11px;margin-top:3px}.fc-top{top:30px;right:4px}.fc-bottom{bottom:33px;left:0;animation-delay:-2s}.mini-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#438cff22;color:var(--blue);font-size:20px}.mini-icon.violet{background:#a78bfa22;color:var(--violet)}.visual-label{position:absolute;bottom:0;right:5px;color:var(--muted);font-size:8px;letter-spacing:.2em}.status-strip{max-width:1164px;margin:0 auto 30px;border:1px solid var(--line);background:var(--panel);border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);padding:19px 24px}.status-strip>div{display:flex;align-items:center;gap:8px;justify-content:center;border-right:1px solid var(--line)}.status-strip>div:last-child{border:0}.status-strip b{font:700 24px 'Barlow Condensed';color:var(--text)}.status-strip small{font-size:9px;color:var(--muted);letter-spacing:.1em}.section{max-width:1164px;margin:0 auto;padding:70px 0 15px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{font:700 39px/1.1 'Barlow Condensed';margin:10px 0 8px;letter-spacing:-.01em}.section-heading p{margin:0;color:var(--muted);font-size:12px}.pill,.tag{font-size:9px;letter-spacing:.12em;color:var(--blue);border:1px solid #66a5ff3a;background:#66a5ff0c;padding:7px 10px;border-radius:6px;white-space:nowrap}.tool-panel,.draft-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.search-row{display:flex;gap:10px;margin-bottom:22px}.searchbox{flex:1;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--bg);padding:0 13px;border-radius:9px;color:var(--muted)}.searchbox input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:12px 0;font-size:12px}.searchbox span{font-size:22px}select{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:11px 12px;border-radius:9px;font-size:11px;outline:none}.counter-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.subheading{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--muted);margin-bottom:12px}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hero-card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;min-height:89px;padding:10px 8px;text-align:left;color:var(--text);cursor:pointer;transition:.2s;position:relative;overflow:hidden}.hero-card:hover,.hero-card.selected{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 7px 22px #438cff14}.hero-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#284a7c,#27233e);color:#d7e7ff;font:700 15px 'Barlow Condensed';margin-bottom:8px}.hero-card strong{display:block;font-size:10px}.hero-card small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.analysis-card{background:linear-gradient(150deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:13px;padding:20px;min-height:260px}.empty-state{text-align:center;display:grid;place-items:center;align-content:center;min-height:220px}.empty-symbol{width:52px;height:52px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;font-size:27px;color:var(--blue);margin-bottom:12px}.empty-state h3{font-size:14px;margin:0 0 6px}.empty-state p{font-size:11px;color:var(--muted);max-width:260px;margin:0}.result-title{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.result-title .hero-avatar{width:46px;height:46px;font-size:22px;flex-shrink:0}.result-title h3{margin:0;font-size:16px}.result-title p{margin:2px 0 0;font-size:10px;color:var(--muted)}.result-label{font-size:9px;letter-spacing:.13em;color:var(--blue);font-weight:800;margin:18px 0 10px}.counter-list{display:flex;flex-wrap:wrap;gap:7px}.counter-chip{border:1px solid #66a5ff45;background:#66a5ff0e;color:var(--text);padding:7px 9px;border-radius:7px;font-size:10px}.result-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:14px}.warning-small{font-size:9px;color:#e7c98b;line-height:1.7;margin-top:13px}.draft-toolbar,.picker-head,.draft-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.segmented{display:flex;gap:5px;background:var(--bg);border:1px solid var(--line);padding:4px;border-radius:9px}.segmented button{background:transparent;color:var(--muted);border:0;border-radius:6px;padding:8px 12px;font-size:10px;cursor:pointer}.segmented button.active{background:#3979df;color:white}.text-btn{background:transparent;border:0;color:var(--muted);font-size:11px;cursor:pointer}.draft-teams{display:grid;grid-template-columns:1fr 55px 1fr;gap:14px;align-items:center;margin:23px 0}.team{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:15px}.team-blue{border-top:2px solid #4e9bff}.team-red{border-top:2px solid #fa7188}.team-head{display:flex;gap:10px;align-items:center;margin-bottom:14px}.team-emblem{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#3989ff22;color:var(--blue);font:800 20px 'Barlow Condensed'}.team-red .team-emblem{background:#fa718822;color:var(--red)}.team-head b,.team-head small{display:block}.team-head b{font-size:11px;letter-spacing:.08em}.team-head small{font-size:9px;color:var(--muted)}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.slot{min-height:76px;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;padding:4px;position:relative}.slot .slot-avatar{width:25px;height:25px;border-radius:7px;background:var(--panel2);display:grid;place-items:center;font-size:11px;color:var(--muted)}.slot.filled{border-style:solid;border-color:#66a5ff55;background:#66a5ff09}.slot b{font-size:8px;overflow-wrap:anywhere}.slot button{position:absolute;top:1px;right:2px;background:transparent;border:0;color:var(--muted);font-size:12px;cursor:pointer}.versus{text-align:center;color:var(--muted);font:800 20px 'Barlow Condensed'}.versus span{display:block;color:var(--violet);font-size:17px}.team-score{border-top:1px solid var(--line);padding-top:10px;margin-top:12px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.team-score b{color:var(--text)}.draft-picker{border:1px solid var(--line);border-radius:12px;padding:15px}.picker-head{margin-bottom:13px}.picker-head b,.picker-head small{display:block}.picker-head b{font-size:12px}.picker-head small{font-size:10px;color:var(--muted)}.pool-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.pool-hero{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:8px 4px;cursor:pointer;color:var(--text);font-size:9px;min-height:54px}.pool-hero span{display:block;font:700 15px 'Barlow Condensed';color:var(--blue);margin-bottom:3px}.pool-hero.selected{border-color:var(--blue);background:#438cff20}.pool-hero:disabled{opacity:.3;cursor:not-allowed}.draft-bottom{margin-top:15px}.draft-bottom>span{font-size:10px;color:var(--muted)}.draft-analysis{margin-top:15px;padding:16px;display:flex;gap:12px;align-items:flex-start;border:1px solid #66a5ff35;background:#66a5ff09;border-radius:11px}.analysis-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;background:#66a5ff1b;border-radius:9px;color:var(--blue)}.draft-analysis b{font-size:12px}.draft-analysis p{font-size:10px;color:var(--muted);margin:5px 0 0;line-height:1.8}.build-layout{display:grid;grid-template-columns:1fr 1fr;gap:17px}.condition-list{display:grid;gap:13px;margin:20px 0}.condition-list label{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);cursor:pointer}.condition-list input{accent-color:#438cff;width:15px;height:15px}.build-result{min-height:300px}.advice-item{padding:11px 0;border-bottom:1px solid var(--line)}.advice-item:last-child{border:0}.advice-item b{font-size:11px}.advice-item p{font-size:10px;color:var(--muted);margin:4px 0 0;line-height:1.7}.rotation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.rotation-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:22px;overflow:hidden}.rot-num{position:absolute;right:14px;top:7px;font:800 48px 'Barlow Condensed';color:color-mix(in srgb,var(--muted) 12%,transparent)}.rot-icon{width:43px;height:43px;display:grid;place-items:center;background:#66a5ff15;border:1px solid #66a5ff28;border-radius:11px;color:var(--blue);font-size:22px}.rotation-card h3{font-size:14px;margin:18px 0 8px}.rotation-card p{font-size:11px;color:var(--muted);line-height:1.8;min-height:76px}.tag{display:inline-block;font-size:8px;padding:5px 7px}.map-note{display:flex;gap:13px;align-items:flex-start;margin-top:15px;padding:17px;border:1px solid #e6bc6535;background:#e6bc650a;border-radius:11px}.map-note-icon{font-size:22px;color:#e8c478}.map-note b{font-size:11px}.map-note p{font-size:10px;color:var(--muted);line-height:1.8;margin:5px 0 0}.data-section{padding-bottom:70px}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.data-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.data-icon{color:var(--blue);font-size:22px}.data-card h3{font-size:13px;margin:12px 0 6px}.data-card>b{font-size:10px;color:#e6c37b}.data-card p{font-size:10px;color:var(--muted);line-height:1.8}.notice{margin-top:15px;padding:15px;border:1px solid #e6bc6530;border-radius:10px;color:var(--muted);font-size:10px;line-height:1.8}.notice b{color:var(--text)}footer{border-top:1px solid var(--line);padding:24px max(calc((100% - 1164px)/2),28px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px}.footer-brand{transform:scale(.9);transform-origin:left center}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:900px){.topbar{padding:0 20px}.topbar nav{gap:12px}.topbar nav a{font-size:10px}.hero-section{padding-top:60px;grid-template-columns:1fr .8fr}.hero-visual{transform:scale(.85)}.section{padding-left:20px;padding-right:20px}.status-strip{margin-left:20px;margin-right:20px}.pool-grid{grid-template-columns:repeat(5,1fr)}.hero-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.topbar{height:65px}.topbar nav{display:none}.outline-btn span{display:none}.hero-section{display:block;padding:55px 22px 30px}.hero-copy h1{font-size:57px}.hero-visual{height:280px;margin-top:15px;transform:scale(.9)}.status-strip{grid-template-columns:repeat(2,1fr);padding:12px;margin-bottom:10px}.status-strip>div{padding:10px 3px;border-right:0}.status-strip>div:nth-child(odd){border-right:1px solid var(--line)}.status-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.status-strip b{font-size:21px}.status-strip small{font-size:8px}.section{padding:55px 15px 10px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:34px}.pill{display:none}.tool-panel,.draft-panel{padding:13px}.search-row{flex-wrap:wrap}.searchbox{flex-basis:100%}.search-row select{flex:1;min-width:0}.counter-layout,.build-layout{grid-template-columns:1fr}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-card{min-height:82px}.draft-teams{grid-template-columns:1fr;gap:10px}.versus{display:flex;justify-content:center;align-items:center;gap:9px}.versus span{display:inline}.slots{grid-template-columns:repeat(5,minmax(0,1fr))}.slot{min-height:66px}.pool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.draft-toolbar{align-items:flex-start;flex-direction:column}.draft-bottom{align-items:flex-start;flex-direction:column}.rotation-grid,.data-grid{grid-template-columns:1fr}.rotation-card p{min-height:0}.footer-brand{display:none}footer{padding:22px;flex-wrap:wrap;justify-content:center;text-align:center}.fc-top{right:-10px}.fc-bottom{left:-10px}.visual-label{right:0}.hero-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}