:root{--bg: #0b0d10;--surface: #13161b;--surface-raised: #1a1f27;--surface-high: #222830;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--text: #e8edf3;--muted: #6b7585;--muted-light: #9aa3b0;--green: #00c46e;--green-dim: rgba(0, 196, 110, .14);--green-dark: #007d46;--gold: #f0b429;--gold-dim: rgba(240, 180, 41, .14);--red: #e8445a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow: 0 8px 32px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .8);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}code{padding:.1rem .35rem;border-radius:6px;background:#ffffff14;font-family:Menlo,Consolas,monospace;font-size:.88em;color:var(--muted-light)}#root{min-height:100vh}.page-shell{width:min(1140px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.page-shell-has-fixed-cta{padding-bottom:120px}.page-shell-home{padding-top:48px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px}.hero-copy,.hero-panel,.panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}.panel{padding:20px}.eyebrow,.section-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:600;color:var(--green)}.hero h1,.panel h2{margin:0;letter-spacing:-.03em}.hero h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:.92}.hero-text,.caption,.tip-box p,.rider-club,.squad-rider-meta{color:var(--muted-light)}.hero-text{max-width:52ch;margin:16px 0 22px;font-size:1rem;line-height:1.65}.hero{display:grid;grid-template-columns:1.6fr .9fr;gap:16px;align-items:stretch;margin-bottom:20px}.hero-copy{padding:32px}.hero-panel{padding:28px;display:grid;gap:14px;align-content:center;background:linear-gradient(160deg,#00c46e1f,#00643c0f);border-color:#00c46e2e}.hero-stat{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--border)}.hero-stat strong{font-size:1.6rem;color:var(--gold)}.label,.meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%;max-width:420px}.mode-card{display:grid;gap:20px;min-height:300px;align-content:space-between}.mode-card-active{background:var(--surface-raised);border-color:var(--border-strong)}.mode-card-muted{opacity:.6}.mode-card h2{margin:0;font-size:1.5rem;letter-spacing:-.02em;line-height:1.2}.mode-card .caption{margin:0}.mode-card-topline{display:flex;justify-content:space-between;align-items:center;gap:12px}.mode-badge{padding:5px 11px;border-radius:999px;background:#ffffff0f;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mode-badge-active{background:var(--green-dim);color:var(--green)}.builder-header{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}.builder-intro{min-height:100%}.builder-intro-topline{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.builder-intro h1{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.03em}.hero-text{margin:10px 0 16px;font-size:.95rem}.wizard-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.wizard-step{display:flex;gap:10px;align-items:center;text-align:left;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);padding:10px 12px;cursor:pointer;color:var(--text);transition:border-color .16s ease,background .16s ease}.wizard-step:disabled{cursor:not-allowed;opacity:.4}.wizard-step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#ffffff12;font-weight:700;font-size:.85rem;flex-shrink:0}.wizard-step-copy{display:grid;gap:2px;min-width:0}.wizard-step-copy strong,.wizard-step-copy small{display:block;overflow-wrap:break-word}.wizard-step-copy small{color:var(--muted);font-size:.75rem}.wizard-step-active{border-color:var(--green);background:var(--green-dim)}.wizard-step-active .wizard-step-number{background:var(--green);color:#000}.wizard-step-done .wizard-step-number{background:#00c46e33;color:var(--green)}.builder-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.builder-layout-single{grid-template-columns:1fr}.builder-main,.builder-sidebar{align-self:start}.data-error-banner{margin-bottom:14px}.wizard-stage{display:grid;gap:14px}.builder-field{display:grid;gap:8px}.builder-field select,.slot-picker select{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-high);padding:10px 12px;color:var(--text)}.formation-picker{display:flex;flex-wrap:wrap;gap:8px}.formation-chip{border:1px solid var(--border);border-radius:999px;background:var(--surface-raised);color:var(--muted-light);padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease,color .16s ease}.formation-chip:hover{transform:translateY(-1px);color:var(--text)}.formation-chip-active{background:var(--green-dim);border-color:var(--green);color:var(--green)}.inventory-box{padding:14px;border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border);margin-bottom:4px}.inventory-line,.inventory-warning,.inventory-success,.inventory-note{margin:8px 0 0;font-size:.88rem;color:var(--muted-light)}.inventory-warning{color:var(--red)}.inventory-success{color:var(--green)}.pitch{display:grid;gap:8px;padding:14px;border-radius:var(--radius-lg);background:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 38px,transparent 38px,transparent 76px),linear-gradient(180deg,#0e4a2a,#0d4228,#0b3d25);box-shadow:inset 0 0 0 1px #ffffff0f,var(--shadow);width:100%;overflow:hidden}.pitch-interactive{margin-bottom:10px}.pitch-row{display:grid;gap:6px;justify-content:center}.pitch-row-1{grid-template-columns:minmax(110px,160px)}.pitch-row-2{grid-template-columns:repeat(2,minmax(96px,126px))}.pitch-row-3{grid-template-columns:repeat(3,minmax(88px,110px))}.pitch-row-4{grid-template-columns:repeat(4,minmax(76px,96px))}.pitch-row-5{grid-template-columns:repeat(5,minmax(64px,82px))}.pitch-slot{display:grid;gap:3px;min-width:0;min-height:68px;padding:8px 6px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff12;color:#ffffffe6;text-align:center;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pitch-slot:hover{transform:translateY(-1px);background:#ffffff1f}.pitch-slot-static{cursor:default}.pitch-slot-static:hover{transform:none;background:#ffffff12}.pitch-slot-group{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.pitch-slot strong,.pitch-slot small{display:block;overflow-wrap:break-word;word-break:break-word}.pitch-slot strong{font-size:.78rem;line-height:1.15}.pitch-slot small{opacity:.7;font-size:.66rem;line-height:1.1}.pitch-slot-active{border-color:var(--green);background:#00c46e33;box-shadow:0 0 0 2px #00c46e40}.pitch-slot-filled{background:#ffffff1f;border-color:#ffffff2e}.slot-tabs{display:flex;flex-direction:column;gap:5px}.slot-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);transition:border-color .16s ease,background .16s ease}.slot-tab-info{display:grid;gap:3px;flex:1;min-width:0;text-align:left;background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer}.slot-tab-info-static{cursor:default}.slot-spin-button{flex-shrink:0;padding:6px 14px;min-height:auto;font-size:.8rem}.slot-spin-empty{flex-shrink:0;font-size:.72rem;color:var(--muted);white-space:nowrap}.slot-tab span{font-size:.87rem;font-weight:600}.slot-tab small{font-size:.73rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-tab-active{border-color:var(--green);background:var(--green-dim)}.slot-tab-filled{border-color:var(--border-strong)}.slot-tab-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:999px;background:var(--green-dim);color:var(--green);font-size:.95rem;font-weight:800;line-height:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-player-list{display:grid;gap:6px}.spin-center{display:flex;align-items:center;justify-content:center;min-height:160px}.season-reel{display:grid;justify-items:center;gap:10px;padding:12px 0 20px}.season-reel-label{margin:0;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.draw-reel-columns{display:flex;justify-content:center;gap:12px;width:100%}.season-reel-column{display:grid;justify-items:center;gap:4px;min-width:0;flex:1;max-width:180px}.season-reel-caption{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.season-reel-window{position:relative;width:100%;height:48px;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-raised);mask-image:linear-gradient(to bottom,transparent 0%,black 25%,black 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 25%,black 75%,transparent 100%)}.season-reel-track{transition-property:transform;transition-timing-function:cubic-bezier(.1,.85,.15,1)}.season-reel-item{height:48px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:.92rem;color:var(--text)}.wizard-player-list-items{display:grid;gap:6px}.player-position-group{display:grid;gap:10px}.player-position-group+.player-position-group{margin-top:18px}.player-position-group-title{margin:0;font-size:.8rem;font-weight:700;color:var(--muted-light);text-transform:uppercase;letter-spacing:.06em}.wizard-player-list-items .player-list-item{animation:fadeUp .16s ease-out both}.wizard-player-list-items .player-list-item:nth-child(1){animation-delay:0ms}.wizard-player-list-items .player-list-item:nth-child(2){animation-delay:30ms}.wizard-player-list-items .player-list-item:nth-child(3){animation-delay:55ms}.wizard-player-list-items .player-list-item:nth-child(4){animation-delay:75ms}.wizard-player-list-items .player-list-item:nth-child(5){animation-delay:92ms}.wizard-player-list-items .player-list-item:nth-child(6){animation-delay:106ms}.wizard-player-list-items .player-list-item:nth-child(7){animation-delay:118ms}.wizard-player-list-items .player-list-item:nth-child(8){animation-delay:128ms}.wizard-player-list-items .player-list-item:nth-child(9){animation-delay:136ms}.wizard-player-list-items .player-list-item:nth-child(n+10){animation-delay:142ms}.wizard-player-list-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:6px}.slot-roulette-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.wizard-player-list-header h3{margin:4px 0 0;font-size:1.05rem}.player-list-item{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;text-align:left;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .16s ease,background .16s ease}.player-list-item:hover{transform:translateY(-1px);border-color:var(--border-strong)}.player-list-item-selected{border-color:var(--green);background:var(--green-dim)}.player-list-item:disabled{opacity:.55;cursor:not-allowed;transform:none}.player-list-main,.player-list-meta{display:grid;gap:2px}.player-list-main strong,.player-list-meta strong{font-size:.9rem}.player-list-meta{justify-items:end}.player-list-status{display:inline-flex;align-items:center;gap:8px}.player-list-status-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--green-dim);color:var(--green);font-size:.95rem;font-weight:800;line-height:1;opacity:1}.player-list-main span,.player-list-meta small{color:var(--muted);font-size:.76rem}.player-list-meta{text-align:right}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#0009;padding:0;animation:fadeUp .16s ease-out both;backface-visibility:hidden;-webkit-backface-visibility:hidden}.modal-panel{width:100%;max-width:520px;overflow:hidden;display:flex;flex-direction:column;background:var(--surface-high);border:1px solid var(--border-strong);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:paint}.modal-panel-compact{height:auto;max-height:min(85vh,calc(100dvh - 8px))}.modal-panel-scrollable{height:min(85vh,calc(100dvh - 8px));max-height:85vh}.modal-panel-header{position:sticky;top:0;z-index:2;display:grid;flex-shrink:0;gap:12px;padding:20px 20px 14px;background:var(--surface-high);border-bottom:1px solid var(--border)}.modal-panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 20px 20px}.modal-panel-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-panel-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.modal-panel-header-support{display:flex;align-items:center;justify-content:space-between;gap:8px}.modal-reroll-status{display:inline-block;margin-top:0;margin-left:auto;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.modal-reroll-status-neutral{background:#ffffff14;color:var(--muted-light)}.modal-reroll-status-warning{background:#f0b42929;color:var(--gold)}.modal-reroll-status-danger{background:#ff634729;color:#ff7f6b}.modal-panel-header h3{margin:6px 0 0}@media (min-width: 640px){.modal-backdrop{align-items:center;padding:24px}.modal-panel{max-height:min(80vh,calc(100dvh - 48px));border-radius:var(--radius-xl)}.modal-panel-scrollable{height:min(80vh,calc(100dvh - 48px));max-height:80vh}}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.team-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.team-stats-grid>div{padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--border)}.team-stats-grid strong{display:block;margin-top:6px;font-size:1.1rem;color:var(--gold)}.lineup-list{display:grid;gap:6px}.lineup-item{display:flex;justify-content:space-between;gap:10px;align-items:start;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--border)}.lineup-item-button{width:100%;text-align:left;cursor:pointer;color:var(--text);transition:border-color .16s ease,background .16s ease}.lineup-item-active{border-color:var(--green);background:var(--green-dim)}.lineup-slot-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:3px;color:var(--muted);font-size:.73rem}.lineup-item strong{display:block;font-size:.9rem}.lineup-slot-meta{color:var(--muted);font-size:.76rem;text-align:right;white-space:nowrap}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:18px}.panel-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.caption{margin:0;max-width:42ch;font-size:.9rem;color:var(--muted-light)}.season-chip,.position-chip,.price-chip,.rating-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;font-weight:700;font-size:.8rem}.season-chip{background:var(--green-dim);color:var(--green)}.position-chip{background:#ffffff12;color:var(--muted-light)}.price-chip{background:var(--gold-dim);color:var(--gold)}.club-taken-badge{display:inline-block;margin-top:2px;padding:2px 8px;border-radius:999px;background:#00c46e24;color:var(--green);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.rating-pill{min-width:64px;background:linear-gradient(135deg,#f0b429,#e8932a);color:#000;font-size:.88rem}.button,.remove-button{border:none;border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .16s ease,background .16s ease}.button:hover,.remove-button:hover{transform:translateY(-1px)}.button:disabled{opacity:.35;cursor:not-allowed;transform:none}.button-primary{background:var(--green);color:#000}.button-whatsapp{background:#25d366;color:#04220f;width:100%}.loot-player-button{min-width:190px;min-height:42px;font-size:.95rem;font-weight:800;box-shadow:0 10px 24px #00c46e33}.loot-player-button:disabled{box-shadow:none}.fixed-loot-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:20;display:flex;justify-content:center;pointer-events:none}.fixed-loot-button{width:min(520px,100%);min-height:56px;font-size:1rem;box-shadow:0 14px 34px #00c46e47;pointer-events:auto}.button-secondary,.remove-button{background:#ffffff14;color:var(--text);border:1px solid var(--border)}.button-secondary:hover{background:#ffffff1f}.tip-box,.empty-state{padding:16px}.tip-box{margin-top:14px;border-radius:var(--radius);background:var(--green-dim);border:1px solid rgba(0,196,110,.2)}.tip-title{margin:0 0 6px;font-weight:700;color:var(--green)}.tip-box .nickname-input{display:block;width:100%;margin:10px 0 8px;padding:9px 12px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text)}.tip-box .nickname-input::placeholder{color:var(--muted)}.tip-box .button{margin-top:4px;width:100%}.view-header{display:flex;align-items:center;gap:16px;max-width:680px;margin:0 auto 24px;padding:0 16px}.view-header>div{display:flex;flex-direction:column;gap:2px}.view-meta{font-size:.82rem;color:var(--muted)}.pitch-view{max-width:560px;margin:0 auto}.pitch-view .pitch-slot{cursor:default;pointer-events:none}.view-cta{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:400px;margin:32px auto 0;padding:0 16px}.rankings-section{margin:0 auto;width:100%;max-width:680px;padding:0 16px}.modal-panel-footer{padding:16px}.whatsapp-error{margin:8px 0 0;font-size:.8rem;color:#ff8a8a}.share-card-offscreen{position:fixed;top:0;left:-10000px;pointer-events:none}.share-card{width:640px;padding:28px;background:linear-gradient(180deg,#0b3d25,#082a1a);color:#fff;font-family:inherit}.share-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.share-card-brand{font-size:1.1rem;font-weight:800}.share-card-mode{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.share-card-team{margin:0;font-size:1.6rem}.share-card-formation{margin:4px 0 18px;color:#ffffffb3}.share-card-pitch{margin-bottom:18px}.share-card-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.share-card-stats>div{flex:1;min-width:120px;padding:10px 14px;border-radius:var(--radius-sm);background:#ffffff14}.share-card-stats span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#fff9}.share-card-stats strong{display:block;margin-top:4px;font-size:1.15rem;color:var(--gold)}.share-card-footer{margin:0;text-align:center;font-size:.82rem;color:#fff9}.rankings-title{margin:0 0 12px;font-size:1rem;font-weight:700;color:var(--muted-light);text-transform:uppercase;letter-spacing:.06em}.rankings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.rankings-header .rankings-title{margin:0}.rankings-club-select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);padding:6px 10px;color:var(--text);margin-bottom:12px}.rankings-list{display:flex;flex-direction:column;gap:6px}.ranking-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.ranking-item:hover{background:var(--surface-raised);border-color:var(--border-strong)}.ranking-pos{min-width:28px;font-size:.8rem;font-weight:700;color:var(--muted)}.ranking-item:nth-child(1) .ranking-pos{color:var(--gold)}.ranking-item:nth-child(2) .ranking-pos{color:var(--muted-light)}.ranking-item:nth-child(3) .ranking-pos{color:#b87c4a}.ranking-info{flex:1;display:flex;flex-direction:column;gap:2px}.ranking-info strong{font-size:.95rem}.ranking-info span{font-size:.78rem;color:var(--muted)}.ranking-rating{font-size:1.1rem;font-weight:700;color:var(--green)}.empty-state{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);text-align:center;color:var(--muted);font-size:.9rem}.rider-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rider-card,.squad-item{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-raised)}.rider-card{padding:18px;display:grid;gap:12px;min-height:240px;align-content:start}.rider-topline,.rating-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.chip-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.rider-name,.squad-rider-name{margin:0;font-size:1.2rem}.rider-club{margin:-4px 0 0;font-size:.85rem}.meta-stack{text-align:right}.points-value{display:block;font-size:1.1rem;color:var(--gold)}.squad-list{display:grid;gap:10px}.squad-panel{align-self:start}.squad-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.squad-summary>div{padding:14px;border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--border)}.squad-summary strong{display:block;margin-top:6px;font-size:1.1rem;color:var(--gold)}.squad-item{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.squad-item-actions{display:flex;flex-direction:column;align-items:end;gap:4px}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:20px}.catalog-section{display:grid;gap:16px;margin-top:20px}.catalog-team-panel{padding-bottom:16px}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.filters label{display:grid;gap:6px;font-size:.88rem;color:var(--muted-light)}.filters-three{grid-template-columns:repeat(3,minmax(0,1fr))}.filters input,.filters select{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);padding:10px 12px;color:var(--text)}.catalog-table{display:grid;gap:1px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--border)}.catalog-row{display:grid;grid-template-columns:2fr .8fr 1fr .8fr;gap:12px;padding:12px 16px;background:var(--surface-raised);align-items:center;font-size:.9rem}.catalog-row-head{background:var(--surface-high);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.catalog-sort-btn{background:none;border:none;padding:0;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-align:left;white-space:nowrap}.catalog-sort-btn:hover{color:var(--text)}.catalog-auth-panel{margin-top:14px;padding:14px 16px}.catalog-auth-status,.catalog-auth-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.catalog-auth-form input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);padding:8px 10px;color:var(--text)}.catalog-auth-error{color:var(--red, #ff6b6b);font-size:.85rem}.catalog-rating-input{width:64px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);padding:6px 8px;color:var(--text);font:inherit}.app-footer{margin-top:40px;padding:16px 0;text-align:center}.app-footer p{margin:0;color:var(--muted);font-size:.82rem}.app-footer a{color:var(--muted-light);text-decoration:underline;text-underline-offset:2px}.app-footer a:hover{color:var(--text)}@media (max-width: 980px){.hero,.layout,.builder-layout,.mode-grid,.wizard-steps{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-three{grid-template-columns:1fr}}@media (max-width: 640px){.page-shell{width:calc(100% - 20px);padding-top:16px}.hero-copy,.hero-panel,.panel{border-radius:var(--radius-lg);padding:16px}.filters,.squad-summary,.team-stats-grid,.catalog-row{grid-template-columns:1fr}.pitch{padding:8px;gap:5px}.pitch-row{gap:4px}.pitch-row-1{grid-template-columns:minmax(90px,200px)}.pitch-row-2{grid-template-columns:repeat(2,minmax(80px,1fr))}.pitch-row-3{grid-template-columns:repeat(3,minmax(64px,1fr))}.pitch-row-4{grid-template-columns:repeat(4,minmax(52px,1fr))}.pitch-row-5{grid-template-columns:repeat(5,minmax(42px,1fr))}.pitch-slot{min-height:52px;padding:5px 3px;gap:2px}.pitch-slot-group{font-size:.5rem}.pitch-slot strong{font-size:.64rem;line-height:1.1}.pitch-slot small{font-size:.54rem}.slot-card,.lineup-item{padding:12px}.lineup-item{flex-direction:column}.player-list-item,.wizard-actions,.wizard-player-list-header{flex-direction:column;align-items:stretch}.lineup-slot-meta{text-align:left}}