.hero{background:linear-gradient(135deg,#0d1b2a,#1a3a5c,#0d1b2a);padding:52px 20px 48px;text-align:center;position:relative;overflow:hidden}.breadcrumb-wrap{position:relative;max-width:1100px;margin:0 auto 20px}.hero :global(.breadcrumb),.hero :global(.breadcrumb *),.hero :global(.breadcrumb a),.hero :global(.breadcrumb span){color:#fff!important;opacity:1!important}.hero :global(.breadcrumb a){color:#5dd8ff!important;font-weight:700}.hero :global(.breadcrumb [aria-current=page]),.hero :global(.breadcrumb .current),.hero :global(.breadcrumb span:not(:has(a))){color:#fff!important;font-weight:900}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(0,180,255,.12) 0%,transparent 70%);pointer-events:none}.hero-inner{position:relative;max-width:760px;margin:0 auto}.hero-badge{display:inline-block;background:#00b4ff26;border:1px solid rgba(0,180,255,.35);color:#5dd8ff;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:18px}.hero h1{font-size:clamp(1.75rem,4vw,2.6rem);font-weight:800;color:#fff;line-height:1.2;margin:0 0 16px}.hero-sub{font-size:1.05rem;color:#ffffffb8;line-height:1.6;margin:0 0 24px}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.hero-pills span{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;padding:6px 16px;border-radius:20px;font-size:.85rem}.custom-hero-breadcrumb,.custom-hero-breadcrumb *,.custom-hero-breadcrumb a,.custom-hero-breadcrumb span,.custom-hero-breadcrumb li,.custom-hero-breadcrumb nav{color:#fff!important;opacity:1!important}.custom-hero-breadcrumb a{color:#5dd8ff!important;font-weight:700}.container{max-width:1100px;margin:0 auto;padding:0 20px}.calc-section{padding:48px 20px 36px}.format-bar{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.format-label{font-weight:700;font-size:.95rem;color:var(--text-secondary, #666)}.format-btns{display:flex;gap:8px}.fmt-btn{padding:8px 22px;border-radius:8px;border:2px solid #e0e0e0;background:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .18s;color:#555}.fmt-btn:hover{border-color:#1a6fb3;color:#1a6fb3}.fmt-btn.active{background:#1a6fb3;border-color:#1a6fb3;color:#fff}.trade-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:start}.trade-side{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 20px #00000014;border:2px solid #eee}.side-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.side-icon{font-size:1.6rem}.side-title{font-weight:800;font-size:1.1rem}.side-sub{font-size:.8rem;color:#888;margin-top:2px}.team-a-header .side-title{color:#c0392b}.team-b-header .side-title{color:#1a7a4a}.search-wrap{position:relative;margin-bottom:14px}.player-search{width:100%;padding:10px 14px;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color .18s}.player-search:focus{border-color:#1a6fb3}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #ddd;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;max-height:240px;overflow-y:auto;display:none}.search-dropdown.open{display:block}.drop-item{padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f0f0;transition:background .12s}.drop-item:last-child{border-bottom:none}.drop-item:hover{background:#f5f9ff}.drop-pos{font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:5px;min-width:34px;text-align:center}.pos-qb{background:#fff0cc;color:#b8860b}.pos-rb{background:#e8f4e8;color:#2d6a2d}.pos-wr{background:#e8f0ff;color:#1a3a8f}.pos-te{background:#f4e8ff;color:#6a1a8f}.pos-k{background:#ffe8e8;color:#8f1a1a}.pos-def{background:#f0f0f0;color:#555}.drop-name{font-size:.9rem;font-weight:600;flex:1}.drop-team{font-size:.78rem;color:#999}.drop-val{font-size:.82rem;font-weight:700;color:#1a6fb3}.player-list{list-style:none;padding:0;margin:0 0 16px}.player-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8f9fa;border-radius:10px;margin-bottom:8px;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.item-name{flex:1;font-weight:600;font-size:.9rem}.item-val{font-weight:800;font-size:.95rem;color:#1a6fb3;margin-right:4px}.item-remove{background:none;border:none;cursor:pointer;color:#bbb;font-size:1rem;padding:0 2px;transition:color .15s;line-height:1}.item-remove:hover{color:#e74c3c}.side-total{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f0f4ff;border-radius:10px;font-size:.9rem;color:#555}.side-total strong{font-size:1.3rem;color:#1a3a8f}.vs-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;gap:12px;min-height:120px}.vs-ring{width:46px;height:46px;border-radius:50%;border:3px solid #ddd;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem;color:#999;background:#fff}.vs-arrow{font-size:1.4rem;color:#ccc}.verdict-wrap{margin-top:32px;text-align:center}.verdict-card{background:#fff;border-radius:18px;padding:32px 28px;box-shadow:0 4px 28px #0000001a;max-width:520px;margin:0 auto 20px;border:2px solid #eee}.verdict-card.fair{border-color:#27ae60}.verdict-card.slight{border-color:#e67e22}.verdict-card.lopsided{border-color:#e74c3c}.verdict-icon{font-size:2.4rem;margin-bottom:10px}.verdict-label{font-size:1.4rem;font-weight:800;margin-bottom:8px}.verdict-card.fair .verdict-label{color:#27ae60}.verdict-card.slight .verdict-label{color:#e67e22}.verdict-card.lopsided .verdict-label{color:#e74c3c}.verdict-detail{font-size:.92rem;color:#666;margin-bottom:22px}.value-bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;align-items:center;gap:10px}.bar-side{width:52px;font-size:.82rem;font-weight:700;color:#777;text-align:right}.bar-track{flex:1;height:12px;background:#f0f0f0;border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.bar-a{background:linear-gradient(90deg,#e74c3c,#c0392b)}.bar-b{background:linear-gradient(90deg,#27ae60,#219a52)}.bar-pct{width:38px;font-size:.82rem;font-weight:700;color:#555}.status-msg{text-align:center;color:#999;font-size:.9rem;margin-top:20px}.reset-btn{background:#f5f5f5;border:2px solid #ddd;border-radius:10px;padding:10px 28px;font-size:.9rem;font-weight:700;cursor:pointer;color:#555;transition:all .18s}.reset-btn:hover{background:#ffe8e8;border-color:#e74c3c;color:#e74c3c}.value-section{padding:48px 20px;background:#f8f9fa}.value-section h2{font-size:1.5rem;font-weight:800;margin-bottom:12px}.value-section p{color:#555;line-height:1.7;margin-bottom:20px;max-width:760px}.value-table-wrap{overflow-x:auto}.value-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:540px}.value-table th{background:#1a3a5c;color:#fff;padding:11px 14px;text-align:left;font-weight:700}.value-table td{padding:10px 14px;border-bottom:1px solid #e8e8e8}.value-table tr:nth-child(2n) td{background:#f5f5f5}.table-note{font-size:.83rem;color:#888;margin-top:12px}.info-section{padding:48px 20px}.info-section.alt-bg{background:#f0f6ff}.info-section h2{font-size:1.5rem;font-weight:800;margin-bottom:14px}.info-section p{color:#444;line-height:1.75;margin-bottom:14px}.steps-list{padding-left:22px}.steps-list li{margin-bottom:12px;color:#444;line-height:1.65}.steps-list li strong{color:#1a3a5c}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.diff-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 12px #0000000f}.diff-title{font-weight:800;font-size:1rem;margin-bottom:14px}.redraft-title{color:#1a6fb3}.dynasty-title{color:#6a1a8f}.diff-card ul{padding-left:18px}.diff-card li{margin-bottom:8px;font-size:.9rem;color:#444;line-height:1.5}.example-card{background:#fff;border-radius:14px;border:2px solid #e8f0ff;margin-bottom:20px;overflow:hidden}.ex-header{background:#e8f0ff;padding:12px 20px;font-weight:800;font-size:.95rem;color:#1a3a5c}.ex-body{padding:18px 20px}.ex-body p{margin-bottom:10px;color:#444;font-size:.92rem;line-height:1.65}.faq-section{padding:48px 20px;background:#f8f9fa}.faq-section h2{font-size:1.5rem;font-weight:800;margin-bottom:24px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:#fff;border-radius:12px;border:2px solid #eee;overflow:hidden}.faq-item summary{padding:16px 20px;font-weight:700;cursor:pointer;font-size:.95rem;color:#1a3a5c;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary:after{content:"+";font-size:1.2rem;color:#aaa}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 20px 16px;color:#555;line-height:1.7;font-size:.92rem;margin:0}@media(max-width:700px){.trade-grid{grid-template-columns:1fr}.vs-divider{flex-direction:row;padding:10px 0;min-height:auto}.diff-grid{grid-template-columns:1fr}.format-bar{gap:10px}.value-section,.info-section,.faq-section{padding:36px 16px}}