:root{--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-main:#0c111c;--bg-paper:#121826;--bg-card:#161e31e6;--bg-chip:#1e293b;--bg-chip-hover:#334155;--border-ink:#ffffff1f;--text-main:#f8fafc;--text-sub:#94a3b8;--text-muted:#64748b;--accent-gold:#f59e0b;--accent-gold-glow:#f59e0b59;--accent-red:#ef4444;--accent-green:#10b981;--accent-blue:#3b82f6;--pitch-grass-top:#156938;--pitch-grass-bot:#0e4e27;--pitch-line:#ffffff8c;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px}html.theme-panini{--bg-main:#f4efe6;--bg-paper:#fff;--bg-card:#fffffff2;--bg-chip:#e9e2d5;--bg-chip-hover:#ded5c5;--border-ink:#0000001f;--text-main:#18181b;--text-sub:#52525b;--text-muted:#71717a;--accent-gold:#d97706;--accent-gold-glow:#d9770640;--pitch-grass-top:#15803d;--pitch-grass-bot:#166534;--pitch-line:#ffffffd9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);min-height:100vh;line-height:1.5;transition:background-color .25s,color .25s;overflow-x:hidden}.home-wrap{width:100%;max-width:1380px;margin:0 auto;padding:0 20px}.home-head{border-bottom:2px solid var(--border-ink);padding:16px 0}.home-nav{justify-content:space-between;align-items:center;display:flex}.home-brand-group{align-items:center;gap:12px;display:flex}.home-brand{font-family:var(--font-display);letter-spacing:-1px;color:var(--text-main);background:var(--text-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:900;text-decoration:none}.home-nav-game-badge{background:var(--accent-gold);color:#000;border-radius:var(--radius-full);text-transform:uppercase;padding:3px 8px;font-size:.7rem;font-weight:800}.nav-actions{align-items:center;gap:10px;display:flex}.btn-toggle{background:var(--bg-chip);border:1px solid var(--border-ink);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.btn-toggle:hover{background:var(--bg-chip-hover)}.btn-mabar{background:linear-gradient(135deg,#ef4444,#dc2626);font-weight:800;animation:2s ease-in-out infinite pulseGlow;box-shadow:0 0 16px #ef444473;color:#fff!important;border:1px solid #ffffff4d!important}.btn-mabar b{color:#dc2626;background:#fff;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:.68rem}.btn-mabar:hover{transform:translateY(-2px);box-shadow:0 0 22px #ef4444a6}.home-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:40px 0 30px;display:grid}@media (width<=992px){.home-grid{grid-template-columns:1fr}.home-preview{display:none}}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-gold);margin-bottom:8px;font-size:.8rem;font-weight:800;display:inline-block}.home-mark{margin:12px 0 6px}.mark70{font-family:var(--font-display);letter-spacing:-3px;color:var(--text-main);align-items:center;gap:6px;font-size:4.5rem;font-weight:900;line-height:1;display:inline-flex}.mark70 .sep-colon{color:var(--accent-gold)}.home-headline{font-family:var(--font-display);letter-spacing:-1px;margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.1}.home-sub{color:var(--text-sub);max-width:580px;margin-bottom:24px;font-size:1.05rem;line-height:1.6}.home-ctas{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--accent-gold);color:#000;box-shadow:0 4px 14px var(--accent-gold-glow)}.btn-primary:hover{box-shadow:0 6px 18px var(--accent-gold-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-chip);border:1px solid var(--border-ink);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-chip-hover)}.home-modes{margin-top:18px}.modes-label{text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:.72rem;font-weight:800;display:block}.modes-group{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--bg-chip);border:1px solid var(--border-ink);color:var(--text-sub);border-radius:var(--radius-sm);cursor:pointer;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .15s}.chip:hover{color:var(--text-main);border-color:#ffffff4d}.chip.is-active,.chip.active{background:var(--text-main);border-color:var(--text-main);color:var(--bg-main);font-weight:800}.modes-hint{color:var(--text-muted);margin-top:6px;font-size:.78rem;display:block}.home-pitch{aspect-ratio:300/400;background:linear-gradient(180deg, var(--pitch-grass-top), var(--pitch-grass-bot));border-radius:var(--radius-md);border:2px solid var(--border-ink);width:100%;max-width:440px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.pitch-markings{width:100%;height:100%;stroke:var(--pitch-line);stroke-width:2.2px;fill:none;position:absolute;inset:0}.pitch-markings .mk-fill{fill:var(--pitch-line)}.hp-disc{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.hp-c{border-radius:var(--radius-full);color:#fff;background:#000;border:2px solid #fff;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex}.hp-n{color:#fff;white-space:nowrap;background:#000000bf;border-radius:3px;margin-top:2px;padding:1px 6px;font-size:.65rem;font-weight:700}.home-foot{border-bottom:2px solid var(--border-ink);justify-content:center;padding:16px 0 28px;display:flex}.foot-counts{color:var(--text-muted);align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:inline-flex}.foot-counts .num{color:var(--text-main);font-weight:800}.foot-dot{color:var(--accent-gold)}.home-game-section{padding:40px 0 60px}.game-section-head{text-align:center;max-width:700px;margin:0 auto 30px}.game-section-head h2{font-family:var(--font-display);margin-bottom:8px;font-size:2.2rem;font-weight:900}.game-section-head p{color:var(--text-sub);font-size:.95rem}.draft-layout{grid-template-columns:360px 1fr 320px;align-items:start;gap:24px;display:grid}@media (width<=1200px){.draft-layout{grid-template-columns:340px 1fr}.side-panel{grid-column:span 2}}@media (width<=860px){.draft-layout{grid-template-columns:1fr}.side-panel{grid-column:span 1}}.col-roll{flex-direction:column;gap:16px;display:flex}.play-setup.sticker{background:var(--bg-card);border:1px solid var(--border-ink);border-radius:var(--radius-md);padding:18px}.setup-group{margin-bottom:14px}.setup-group:last-child{margin-bottom:0}.roll-panel{background:var(--bg-card);border:1px solid var(--border-ink);border-radius:var(--radius-md);text-align:center;padding:20px}.roll-idle p{color:var(--text-sub);margin-bottom:14px;font-size:.9rem;font-weight:700}.roll-btn{border-radius:var(--radius-sm);justify-content:center;width:100%;padding:14px;font-size:1.05rem;font-weight:900}.club-draw-box{background:var(--bg-paper);border:2px solid var(--border-ink);border-radius:var(--radius-md);text-align:left;margin-bottom:14px;animation:.25s ease-out popIn;overflow:hidden}.club-draw-head{border-bottom:1px solid var(--border-ink);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.club-badge-initials{border-radius:var(--radius-sm);color:#fff;border:2px solid #fff6;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:900;display:flex}.club-title-text{font-size:.95rem;font-weight:800}.club-year-text{color:var(--accent-gold);font-size:.78rem;font-weight:700}.club-honor-tag{color:var(--text-sub);border-bottom:1px solid var(--border-ink);background:#f59e0b14;padding:6px 12px;font-size:.72rem}.squad-player-list{flex-direction:column;gap:6px;max-height:290px;padding:8px;display:flex;overflow-y:auto}.draft-player-card{border-radius:var(--radius-sm);background:var(--bg-chip);cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .15s;display:flex}.draft-player-card:hover{background:var(--bg-chip-hover);border-color:var(--accent-gold);transform:translate(2px)}.draft-player-card.is-fit{border-color:#10b98180;box-shadow:0 0 8px #10b98126}.player-card-left{align-items:center;gap:8px;display:flex}.pos-badge{text-align:center;border-radius:3px;min-width:32px;padding:2px 6px;font-size:.7rem;font-weight:800}.pos-GK{color:#000;background:#eab308}.pos-DF,.pos-CB,.pos-LB,.pos-RB,.pos-LWB,.pos-RWB{color:#fff;background:#3b82f6}.pos-MF,.pos-CM,.pos-CDM,.pos-CAM,.pos-LM,.pos-RM{color:#fff;background:#10b981}.pos-FW,.pos-ST,.pos-LW,.pos-RW,.pos-CF{color:#fff;background:#ef4444}.player-card-right{align-items:center;gap:8px;display:flex}.player-rating-val{font-family:var(--font-display);color:var(--accent-gold);font-size:.95rem;font-weight:900}.col-pitch{flex-direction:column;gap:16px;display:flex}.pitch-top-bar{background:var(--bg-card);border:1px solid var(--border-ink);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.pitch{aspect-ratio:300/400;background:linear-gradient(180deg, var(--pitch-grass-top), var(--pitch-grass-bot));border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;border:3px solid #1f2937;width:100%;max-height:600px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.disc{cursor:pointer;z-index:10;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.disc:hover{z-index:20;transform:translate(-50%,-50%)scale(1.12)}.disc-circle{border-radius:var(--radius-full);width:48px;height:48px;font-family:var(--font-display);color:#fff;border:2px solid #ffffffb3;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 10px #00000080}.disc.slot-empty .disc-circle{color:var(--text-sub);background:#0f172ad9;border:2px dashed #ffffff73}.disc.slot-empty:hover .disc-circle{border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:0 0 14px var(--accent-gold-glow);background:#0f172af2}.disc.is-target .disc-circle{border-color:var(--accent-gold);color:#000;background:var(--accent-gold);box-shadow:0 0 20px var(--accent-gold-glow);border-style:solid;animation:1.5s infinite pulse}.disc.slot-filled .disc-circle{background:#00529b;border-style:solid;border-color:#fff}.disc-name-bubble{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#000c;border:1px solid #fff3;border-radius:3px;max-width:85px;margin-top:3px;padding:1px 6px;font-size:.68rem;font-weight:700;overflow:hidden}.pitch-cta-bar{gap:12px;display:flex}.btn-simulate-pulse{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1.05rem;font-weight:900;transition:all .2s;display:flex;box-shadow:0 4px 16px #10b98166}.btn-simulate-pulse:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.btn-simulate-pulse:disabled{opacity:.45;cursor:not-allowed;filter:grayscale()}.side-panel{background:var(--bg-card);border:1px solid var(--border-ink);border-radius:var(--radius-md);padding:18px}.side-tabs{border-bottom:2px solid var(--border-ink);margin-bottom:14px;display:flex}.side-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:.85rem;font-weight:800;position:relative}.side-tab.is-active,.side-tab.active{color:var(--accent-gold)}.side-tab.is-active:after,.side-tab.active:after{content:"";background:var(--accent-gold);height:2px;position:absolute;bottom:-2px;left:0;right:0}.history-item{background:var(--bg-chip);border:1px solid var(--border-ink);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-paper);border:2px solid var(--border-ink);border-radius:var(--radius-md);width:100%;max-width:680px;max-height:90vh;padding:28px;animation:.25s ease-out popIn;position:relative;overflow-y:auto;box-shadow:0 10px 30px #000000b3}.close-btn{background:var(--bg-chip);color:var(--text-main);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex;position:absolute;top:14px;right:14px}.match-feed-row{background:var(--bg-chip);border:1px solid var(--border-ink);border-radius:var(--radius-sm);margin-bottom:10px;padding:12px 14px}.match-feed-top{justify-content:space-between;align-items:center;font-weight:800;display:flex}.score-badge{font-family:var(--font-display);border-radius:var(--radius-sm);background:#00000080;padding:2px 10px;font-size:1.25rem;font-weight:900}.score-badge.win{color:var(--accent-green)}.score-badge.loss{color:var(--accent-red)}.score-badge.draw{color:var(--accent-gold)}.match-feed-events{border-top:1px dashed var(--border-ink);color:var(--text-sub);margin-top:8px;padding-top:8px;font-size:.78rem}.mabar-modal-content{max-width:960px!important}.mabar-timer-clock{font-family:var(--font-display);color:var(--accent-gold);justify-content:center;align-items:center;gap:8px;font-size:2.2rem;font-weight:900;animation:1s infinite alternate pulse;display:flex}.mabar-timer-clock.urgent{color:var(--accent-red);animation:.5s infinite alternate pulse}.room-input-field{border-radius:var(--radius-sm);background:var(--bg-chip);border:1px solid var(--border-ink);width:100%;color:var(--text-main);font-family:var(--font-body);margin-top:4px;padding:10px 14px;font-size:.95rem;font-weight:700}.room-input-field:focus{border-color:var(--accent-gold);box-shadow:0 0 10px var(--accent-gold-glow);outline:none}.mabar-duel-header{background:var(--bg-chip);border:1px solid var(--border-ink);border-radius:var(--radius-md);text-align:center;justify-content:space-around;align-items:center;margin-bottom:20px;padding:16px;display:flex}.mabar-player-box{border-radius:var(--radius-sm);border:2px solid #0000;flex:1;padding:10px;transition:all .2s}.mabar-player-box.active-turn{border-color:var(--accent-gold);box-shadow:0 0 16px var(--accent-gold-glow);background:#f59e0b1f}.mabar-vs-badge{font-family:var(--font-display);color:var(--accent-red);padding:0 20px;font-size:1.8rem;font-weight:900}.mabar-pitches-wrap{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=768px){.mabar-pitches-wrap{grid-template-columns:1fr}}.mabar-mini-pitch{aspect-ratio:300/380;background:linear-gradient(180deg, var(--pitch-grass-top), var(--pitch-grass-bot));border-radius:var(--radius-sm);border:2px solid #1f2937;width:100%;position:relative;overflow:hidden}.mabar-mini-disc{border-radius:var(--radius-full);color:#fff;border:1px solid #fff;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%)}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 10px var(--accent-gold-glow)}50%{box-shadow:0 0 24px var(--accent-gold-glow)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px #ef444466}50%{box-shadow:0 0 24px #ef4444b3}}