@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;700;800&display=swap";:root{--bg-cream: #F4EFE0;--bg-card: #FFFFFF;--bg-dark: #F4EFE0;--bg-medium: #FFFFFF;--bg-light: #FAF6ED;--border-dark: #1E1E1E;--border-light: #D8D0C0;--primary-coral: #E53926;--primary-coral-hover: #C82D1D;--primary: #E53926;--pitch-green: #277748;--pitch-green-stripe: #2F8351;--pitch-line: rgba(255, 255, 255, .95);--accent-gold: #C89B3C;--accent-gold-dark: #8C6A20;--accent-blue: #1E88E5;--accent-red: #E53926;--chalk-black: #111111;--chalk-white: #FFFFFF;--chalk-white-dim: #222222;--chalk-white-dark: #444444;--text-dark: #111111;--text-light: #FFFFFF;--willow-tan: #C89B3C;--willow-tan-dark: #6C4E05;--text-gold: #6C4E05;--text-gold-hover: #523B04;--text-blue: #0D62A8;--text-green: #1B6535;--text-red: #B82212;--gold-badge-text: #111111;--font-family-sans: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--container-max-width: 1240px;--border-radius-sm: 0px;--border-radius-md: 0px;--border-radius-lg: 0px;--shadow-retro-sm: 2px 2px 0px #1E1E1E;--shadow-retro-md: 4px 4px 0px #1E1E1E;--shadow-retro-lg: 6px 6px 0px #1E1E1E;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 6px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .15);--glass-bg: #FFFFFF;--glass-border: #1E1E1E;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-medium: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0s;--transition-medium: 0s;--transition-slow: 0s}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html,body{background-color:var(--bg-cream);color:var(--chalk-black);font-family:var(--font-family-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden!important;max-width:100vw!important;width:100%}*,*:before,*:after{max-width:100%}img,svg,video,canvas{max-width:100%}#app-header,#app-viewport,#app-footer,.match-mid-layout,.draft-phase-container,.pitch-stadium,.controls-card,.graph-card,.career-stats-widget,.user-stats-card,.tv-scoreboard,.broadcast-header{box-sizing:border-box!important;max-width:100%!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:#c0b8a6;border:1px solid var(--border-dark)}::-webkit-scrollbar-thumb:hover{background:var(--primary-coral)}h1,h2,h3,h4,h5,h6{font-weight:900;letter-spacing:-.01em;color:#111}.brand-font{font-family:Bebas Neue,sans-serif;letter-spacing:.04em}a{color:var(--primary-coral);text-decoration:none;font-weight:800;transition:color var(--transition-fast)}a:hover{color:var(--primary-coral-hover)}#app-header{background:#f4efe0;border-bottom:2px solid var(--border-dark);position:sticky;top:0;z-index:1000;padding:.85rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000d}#logo{font-family:Bebas Neue,cursive,sans-serif;font-size:2.2rem;letter-spacing:.05em;text-transform:uppercase;color:#111;display:flex;align-items:center;gap:.5rem;line-height:1}#logo span{color:var(--primary-coral)}#logo-sub{font-family:var(--font-family-sans);font-size:.75rem;letter-spacing:0;text-transform:none;font-weight:800;color:#333}.nav-links{display:flex;gap:1rem;align-items:center}#app-viewport{flex:1;width:100%;max-width:var(--container-max-width);margin:0 auto;padding:1.75rem 1.25rem;display:flex;flex-direction:column}#app-footer{text-align:center;padding:1.5rem;font-size:.85rem;color:#333;font-weight:700;border-top:2px solid var(--border-dark);background:#ece5d4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-family-sans);font-size:.95rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;padding:.75rem 1.5rem;border-radius:0!important;border:2px solid #1E1E1E;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-retro-sm)}.btn-primary{background-color:var(--primary-coral);color:#fff!important;box-shadow:var(--shadow-retro-md)}.btn-primary:hover{background-color:var(--primary-coral-hover);transform:translate(-1px,-1px);box-shadow:4px 4px #1e1e1e}.btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px #1e1e1e}.btn-primary:disabled{background-color:#e0d8c8;color:#888!important;border-color:#a09888;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background-color:#fff;color:#111!important;border:2px solid #1E1E1E;box-shadow:var(--shadow-retro-sm)}.btn-secondary:hover{background-color:#faf6ed;transform:translate(-1px,-1px);box-shadow:3px 3px #1e1e1e}.btn-accent{background-color:var(--willow-tan);color:#111!important;border:2px solid #1E1E1E;box-shadow:var(--shadow-retro-sm)}.btn-accent:hover{background-color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px #1e1e1e}.btn-danger{background-color:var(--accent-red);color:#fff!important;border:2px solid #1E1E1E}.btn-danger:hover{background-color:#c82d1d}input[type=text],input[type=password],select{background:#fff!important;color:#111!important;border:2px solid #1E1E1E!important;border-radius:0!important;padding:.6rem .85rem!important;font-weight:800!important;font-size:.95rem!important;font-family:var(--font-family-sans)!important;outline:none!important}input::placeholder{color:#666!important;font-weight:600!important}.speed-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.speed-btn{flex:1;min-width:100px;padding:.6rem .75rem;background:#fff;color:#111;border:2px solid #1E1E1E;border-radius:0!important;font-size:.85rem;font-weight:800;cursor:pointer;text-align:center;transition:all var(--transition-fast);box-shadow:2px 2px #1e1e1e}.speed-btn:hover{background:#faf6ed}.speed-btn.active{background:#111;color:#fff;border-color:#111;box-shadow:2px 2px #c89b3c}.career-stats-widget,.user-stats-card,.graph-card,.controls-card,.step-card{background:#fff!important;border:2px solid #1E1E1E!important;border-radius:0!important;box-shadow:4px 4px #1e1e1e!important;color:#111!important}.career-stats-widget h3,.user-stats-card h3,.graph-card h3,.controls-card h3{color:var(--text-gold)!important;font-weight:900!important;font-size:1.1rem!important}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}#toast-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.toast{background:#111;border:2px solid #1E1E1E;border-radius:0!important;color:#fff;padding:1rem 1.5rem;box-shadow:4px 4px #c89b3c;font-size:.9rem;font-weight:800;display:flex;align-items:center;gap:.75rem;min-width:250px;animation:slideIn .3s cubic-bezier(0,0,.2,1);transition:opacity .3s ease}.toast.toast-error{border-left-color:var(--accent-red)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){#app-header{padding:.6rem .85rem}#logo{font-size:1.45rem;gap:.3rem}#logo-sub{display:none}.nav-links{gap:.35rem}.nav-link{font-size:.78rem;padding:.3rem .4rem}.btn{padding:.55rem .85rem;font-size:.82rem}.btn-sm{padding:.35rem .55rem!important;font-size:.75rem!important}#app-viewport{padding:.85rem .5rem}#toast-container{bottom:1rem;right:1rem;left:1rem}.toast{min-width:unset;width:100%;padding:.75rem 1rem;font-size:.82rem}}@media (max-width: 480px){#app-header{padding:.5rem .65rem}#logo{font-size:1.25rem}.nav-links{gap:.25rem}.nav-link{font-size:.72rem}}@media (hover: none) and (pointer: coarse){.btn,select,button,input{min-height:44px}}.draft-phase-container{display:grid;grid-template-columns:320px 1fr;gap:1.5rem}@media (max-width: 860px){.draft-phase-container{grid-template-columns:1fr;gap:1rem}}.table-wrapper,.responsive-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.draft-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;border-bottom:2px solid #1E1E1E;padding-bottom:1.5rem;margin-bottom:2rem}.balance-meters-container{display:flex;gap:2rem;flex:1;justify-content:flex-end;min-width:280px}.meter-bar-container{flex:1;max-width:220px}.meter-lbl{font-size:.8rem;color:#111;font-weight:800;margin-bottom:.25rem;display:flex;justify-content:space-between}.meter-track{width:100%;height:8px;background:#eadecc;border:1px solid #1E1E1E;border-radius:4px;overflow:hidden}.meter-fill{height:100%;border-radius:4px;background:var(--primary-coral);transition:width var(--transition-medium)}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.slot-card{background:#fff;border:2px solid #1E1E1E;border-radius:10px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;box-shadow:3px 3px #1e1e1e;transition:all var(--transition-fast);position:relative}.slot-card.empty{border-style:dashed;background:#faf6ed}.slot-card.empty:hover{border-color:#e53926;background:#fff}.slot-card.filled{border-color:#1e1e1e;background:#fff}.slot-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:800;color:#333}.slot-idx{background:#111;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;color:#fff}.slot-card.filled .slot-idx{background:var(--primary-coral);color:#fff}.slot-lbl{text-transform:uppercase;letter-spacing:.05em;color:#111;font-weight:900}.empty-placeholder{color:#555;font-size:.9rem;font-weight:700;text-align:center;margin-top:1rem}.player-brief .player-name{font-size:.95rem;font-weight:900;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-brief .player-meta{font-size:.75rem;color:#444;font-weight:700;margin-top:.1rem}.player-badge-row{display:flex;gap:.25rem;margin-top:.5rem;flex-wrap:wrap}.remove-player-btn{background:transparent;border:none;color:var(--accent-red);font-size:.78rem;font-weight:800;cursor:pointer;align-self:flex-start;margin-top:1rem;transition:color var(--transition-fast)}.remove-player-btn:hover{color:#111;text-decoration:underline}.scout-control-panel{background:#fff;border:2px solid #1E1E1E;border-radius:12px;padding:1.5rem;box-shadow:4px 4px #1e1e1e;color:#111}.scout-actions-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.rescouts-counter{font-size:.95rem;color:#111;font-weight:800}.scouted-squad-container{border-top:2px solid #1E1E1E;padding-top:1rem}.scouted-squad-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.75rem 1rem;background:#faf6ed;border-radius:6px;border:2px solid #1E1E1E;border-left:5px solid var(--willow-tan);color:#111;font-weight:800}.scouted-squad-header.champion-squad-glow{border-left-color:var(--accent-gold);background:#fffdf0}.champ-badge{background:#c89b3c;border:1.5px solid #1E1E1E;color:#111;font-size:.75rem;font-weight:900;padding:.25rem .5rem;border-radius:4px}.scout-loader{text-align:center;color:#333;padding:2rem;font-weight:700}.scouted-players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.player-draft-card{background:#fff;border:2px solid #1E1E1E;border-radius:8px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:3px 3px #1e1e1e;transition:all var(--transition-fast)}.player-draft-card.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.pd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.pd-name{font-weight:900;color:#111}.pd-role{font-size:.75rem;background:#faf6ed;padding:.15rem .4rem;border-radius:4px;border:1px solid #1E1E1E;color:#111;font-weight:800;text-transform:capitalize}.pd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;font-size:.8rem;color:#222;font-weight:700;margin-top:.75rem;border-top:1px solid #1E1E1E;padding-top:.5rem}.draft-options{border-top:1px solid #1E1E1E;padding-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.draft-lbl{font-size:.75rem;color:#111;font-weight:800}.draft-slots-list{display:flex;flex-wrap:wrap;gap:.25rem}.draft-select-btn{background:#111;border:1.5px solid #111111;color:#fff;font-size:.7rem;font-weight:800;padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.draft-select-btn:hover{background:var(--primary-coral);border-color:#1e1e1e;color:#fff}.no-slot-lbl{font-size:.75rem;color:var(--accent-red);font-weight:800;text-align:center;display:block}.draft-card-item{background:#fff;border:2px solid #1E1E1E;border-radius:8px;color:#111;transition:all var(--transition-fast)}.draft-card-item:hover:not(.claimed-dim){border-color:var(--primary-coral);background:#fffdf0;transform:translateY(-2px);box-shadow:3px 3px #1e1e1e}.draft-card-item.claimed-dim{opacity:.4;pointer-events:none;filter:grayscale(.6)}.broadcast-header{background:#fff;border:2px solid #1E1E1E;border-radius:10px;padding:1rem 2rem;display:flex;justify-content:center;align-items:center;gap:2rem;box-shadow:3px 3px #1e1e1e}.bh-team{font-size:1.25rem;font-weight:900;text-transform:uppercase;color:#111;flex:1}.bh-vs{background:var(--willow-tan);color:#111;font-size:.75rem;font-weight:900;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #1E1E1E}.tv-scoreboard{background:#fff;border:2px solid #1E1E1E;border-left:6px solid var(--primary-coral);padding:1.25rem;border-radius:8px;box-shadow:4px 4px #1e1e1e}.score-row{display:flex;align-items:baseline;gap:1rem}.score-team{font-size:1.2rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#111}.score-runs{font-size:2.2rem;font-weight:900;color:var(--primary-coral);font-family:var(--font-family-mono)}.score-overs{font-size:1rem;color:#333;font-weight:800;font-family:var(--font-family-mono)}.chase-row{margin-top:.5rem;border-top:1.5px solid #1E1E1E;padding-top:.5rem;font-size:.9rem;font-weight:800;color:var(--text-gold)}.active-players-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.active-players-cards{grid-template-columns:1fr}}.active-card-group{background:#fff;border:2px solid #1E1E1E;border-radius:10px;padding:1rem;box-shadow:3px 3px #1e1e1e}.active-card-group h4{font-size:.85rem;font-weight:900;text-transform:uppercase;color:var(--text-gold);margin-bottom:.5rem;border-bottom:1.5px solid #1E1E1E;padding-bottom:.25rem}.active-player-item{display:flex;justify-content:space-between;padding:.4rem .5rem;border-radius:4px;font-size:.95rem;color:#111;font-weight:800}.active-player-item.striker-highlight{background:#fffdf0;border:1.5px solid var(--primary-coral);color:#111;font-weight:900}.ap-stats{font-family:var(--font-family-mono);font-weight:800;color:#111}.over-strip-container{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem}.over-balls-list{display:flex;gap:.35rem;overflow-x:auto}.over-ball-circle{width:26px;height:26px;border-radius:50%;background:#faf6ed;border:1.5px solid #1E1E1E;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;font-family:var(--font-family-mono);color:#111}.over-ball-circle.boundary{background:#277748;color:#fff;border-color:#1e1e1e}.over-ball-circle.wicket{background:#e53926;color:#fff;border-color:#1e1e1e}.match-mid-layout{display:grid;grid-template-columns:3fr 2fr;gap:1rem}@media (max-width: 768px){.match-mid-layout{grid-template-columns:1fr}}.graph-card,.controls-card{background:#fff;border:2px solid #1E1E1E;border-radius:10px;padding:1rem;box-shadow:3px 3px #1e1e1e}.graph-card h4,.controls-card h4{font-size:.85rem;font-weight:900;text-transform:uppercase;color:var(--text-gold);margin-bottom:.5rem}.control-actions{display:flex;gap:.5rem}.commentary-card{background:#fff;border:2px solid #1E1E1E;border-radius:10px;padding:1.25rem;box-shadow:3px 3px #1e1e1e}.commentary-card h4{font-size:.85rem;font-weight:900;text-transform:uppercase;color:var(--text-gold);margin-bottom:.5rem}.commentary-list{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding-right:.5rem}.commentary-item{font-size:.9rem;padding:.6rem .8rem;background:#faf6ed;border-radius:6px;border:1.5px solid #1E1E1E;border-left:4px solid #1E1E1E;color:#111;font-weight:700;line-height:1.4}.comm-ball{font-weight:900;font-family:var(--font-family-mono);color:#e53926;margin-right:.5rem}.commentary-item.boundary{border-left-color:#277748;background:#e8f5e9;color:#111}.commentary-item.wicket{border-left-color:#e53926;background:#ffebee;color:#111;font-weight:800}.result-ticker-alert{background:#fff;border:2px solid #1E1E1E;border-radius:10px;padding:1rem;box-shadow:3px 3px #1e1e1e;color:#111}@media (max-width: 640px){.broadcast-header{padding:.75rem 1rem;gap:.75rem;flex-wrap:wrap}.bh-team{font-size:1rem;text-align:center}.tv-scoreboard{padding:.85rem}.score-runs{font-size:1.75rem}.score-team{font-size:1rem}.score-overs{font-size:.85rem}.control-actions{flex-direction:column;width:100%}.control-actions .btn{width:100%}}.pitch-stadium{position:relative;width:100%;max-width:820px;margin:0 auto;background:repeating-linear-gradient(180deg,#277748,#277748 30px,#2f8351 30px 60px);border:3px solid #1E1E1E;border-radius:var(--border-radius-md);padding:1.5rem 1rem 1rem;overflow:hidden;box-shadow:var(--shadow-retro-md)}.pitch-stadium:before{content:"";position:absolute;inset:10px;border:2.5px solid #FFFFFF;border-radius:50%/40%;pointer-events:none;z-index:1}.pitch-stadium:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82%;height:82%;border:2px dashed rgba(255,255,255,.7);border-radius:50%/40%;pointer-events:none;z-index:1}.pitch-center-lane{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:180px;background:#d9be8b;border:2px solid #FFFFFF;box-shadow:0 0 10px #00000040;pointer-events:none;z-index:1}.pitch-center-lane:before{content:"";position:absolute;top:25px;left:5px;right:5px;height:2px;background:#fff;box-shadow:0 128px #fff}.pitch-center-lane:after{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:22px;height:4px;background:repeating-linear-gradient(90deg,#FFFFFF,#FFFFFF 4px,transparent 4px,transparent 8px);box-shadow:0 156px #fff}.pitch-zone{margin-bottom:1.25rem;position:relative;z-index:2}.pitch-zone-header{font-size:.72rem;font-weight:900;text-transform:uppercase;color:#fff;text-align:center;letter-spacing:.14em;margin-bottom:.75rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.pitch-grid-row{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25rem}.pitch-player-slot{display:flex;flex-direction:column;align-items:center;width:76px;position:relative;cursor:pointer;transition:transform var(--transition-fast)}.pitch-player-slot:hover{transform:translateY(-3px)}.player-avatar-circle{width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid #1E1E1E;display:flex;align-items:center;justify-content:center;position:relative;color:#111;font-weight:900;font-size:.95rem;box-shadow:0 3px 6px #0000004d;transition:all var(--transition-fast)}.pitch-player-slot.empty .player-avatar-circle{border:2.5px dashed #FFFFFF;background:#00000073;color:#fff;box-shadow:none}.pitch-player-slot.empty.target-pulse .player-avatar-circle{border:3px solid #E53926!important;background:#e5392659!important;box-shadow:0 0 14px #e53926cc!important;animation:pulseSlot 1.2s infinite alternate}@keyframes pulseSlot{0%{transform:scale(1)}to{transform:scale(1.1)}}.pitch-player-slot.filled .player-avatar-circle{border:2px solid #1E1E1E;background:#fff;color:#111}.player-name-plate{margin-top:.35rem;padding:.2rem .45rem;border-radius:4px;font-size:.68rem;font-weight:900;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;background:#111;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0000004d}.pitch-player-slot.empty .player-name-plate{background:#000000a6;color:#fff;border:1px solid rgba(255,255,255,.3)}.pitch-player-slot.filled .player-name-plate{background:#111;color:#fff}.rating-badge-chip{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #1E1E1E;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:900;font-family:var(--font-family-mono);color:var(--primary-coral)}.team-selector-tabs{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem;border-top:1.5px solid #1E1E1E;padding-top:1rem}.team-tab-btn{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #1E1E1E;border-radius:20px;padding:.45rem 1rem;font-size:.8rem;font-weight:900;cursor:pointer;color:#111;box-shadow:2px 2px #1e1e1e;transition:all var(--transition-fast)}.team-tab-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #1e1e1e}.team-tab-btn.active{background:var(--primary-coral);border-color:#1e1e1e;color:#fff}.tab-dot{width:8px;height:8px;border-radius:50%;background:#111;display:inline-block}.team-tab-btn.active .tab-dot{background:#fff}.team-tab-btn.online .tab-dot{background:#39d353}.team-tab-btn.offline .tab-dot{background:#e53926}@media (max-width: 640px){.pitch-stadium{padding:.75rem .25rem .5rem;min-height:240px}.pitch-zone{margin-bottom:.65rem}.pitch-zone-header{font-size:.65rem;margin-bottom:.4rem;letter-spacing:.08em}.pitch-grid-row{gap:.45rem}.pitch-player-slot{width:62px}.player-avatar-circle{width:38px;height:38px;font-size:.8rem}.player-name-plate{font-size:.58rem;padding:.15rem .25rem;margin-top:.2rem}.pitch-center-lane{width:52px;height:135px}.team-selector-tabs{gap:.4rem;margin-top:1rem;padding-top:.75rem;flex-wrap:wrap}.team-tab-btn{padding:.35rem .75rem;font-size:.75rem}}@media (max-width: 400px){.pitch-player-slot{width:54px}.player-avatar-circle{width:34px;height:34px;font-size:.75rem}.player-name-plate{font-size:.52rem}}.leaderboard-container,.profile-container,.summary-container,.squad-review-container{background:var(--bg-medium);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:2rem}@media (max-width: 640px){.leaderboard-container,.profile-container,.summary-container,.squad-review-container{padding:1rem}}.leaderboard-table,.standings-table{width:100%;border-collapse:collapse;margin-top:1rem}.leaderboard-table th,.standings-table th{background:var(--bg-light);color:var(--chalk-white-dim);font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;padding:.75rem 1rem;text-align:center;border-bottom:2px solid var(--glass-border)}.leaderboard-table td,.standings-table td{padding:.85rem 1rem;border-bottom:1px solid var(--glass-border);text-align:center;font-size:.95rem}.leaderboard-table tr:hover td,.standings-table tr:hover td{background:#ffffff03}.player-row-highlight td{background:#2e754826!important;color:#111!important;font-weight:800;border-bottom:1.5px solid rgba(46,117,72,.4)!important}.you-tag{background:var(--willow-tan);color:#111;border:1px solid #1E1E1E;font-size:.65rem;font-weight:900;padding:.1rem .35rem;border-radius:3px;vertical-align:middle;margin-left:.5rem}.perfect-trophy-badge{background:#6c4e051f;border:1.5px solid var(--text-gold);color:var(--text-gold);font-size:.75rem;font-weight:900;padding:.2rem .5rem;border-radius:var(--border-radius-sm);display:inline-block}.profile-header-card{display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid var(--glass-border);padding-bottom:1.5rem}.profile-avatar{background:var(--willow-tan-dark);border:2px solid var(--willow-tan);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.profile-grid,.summary-grid,.sr-layout-grid,.hub-layout{display:grid;grid-template-columns:2fr 3fr;gap:2rem}@media (max-width: 768px){.profile-grid,.summary-grid,.sr-layout-grid,.hub-layout{grid-template-columns:1fr;gap:1.5rem}}.career-stats-widget,.summary-stats-box{background:var(--bg-light);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:1.25rem}.career-stats-grid,.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cs-item,.stat-block{display:flex;flex-direction:column;align-items:center;text-align:center}.cs-val,.stat-block strong{font-size:1.75rem;font-weight:800;font-family:var(--font-family-mono)}.cs-lbl,.stat-block span{font-size:.75rem;color:var(--chalk-white-dark);text-transform:uppercase;margin-top:.25rem}.text-gold{color:var(--accent-gold)}.history-list,.roster-list{display:flex;flex-direction:column;gap:.75rem}.history-item,.roster-item{background:#fff;border:2px solid #1E1E1E;border-radius:0!important;padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:2px 2px #1e1e1e}.hi-info,.roster-details{display:flex;flex-direction:column}.hi-info strong,.roster-name{font-size:1.05rem;font-weight:900;color:#111!important}.hi-info span,.roster-sub{font-size:.8rem;font-weight:800;color:#333!important}.status-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;border-radius:3px;display:inline-block}.status-badge.pending{background:var(--willow-tan-dark);color:var(--willow-tan)}.status-badge.in-progress{background:#2364cd26;color:var(--accent-blue)}.status-badge.complete{background:#2e754826;color:var(--primary)}.validation-success-alert{background:#2e75481a;border:1px solid rgba(46,117,72,.3);color:var(--primary);padding:.75rem;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:600}.validation-error-alert{background:#e03c3c1a;border:1px solid rgba(224,60,60,.3);color:var(--accent-red);padding:.75rem;border-radius:var(--border-radius-sm);font-size:.85rem}.auth-upgrade-callout{background:#ffb01f0d;border:1px dashed var(--accent-gold);border-radius:var(--border-radius-sm);padding:.75rem;color:var(--chalk-white-dim);font-size:.8rem}.auth-upgrade-callout strong{color:var(--accent-gold);display:block;margin-bottom:.2rem}.role-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;border-radius:3px;display:inline-block;background:var(--bg-light);color:var(--chalk-white-dim)}.role-badge.opener,.role-badge.top-order{background:#0d62a81f;color:var(--text-blue);border:1.5px solid rgba(13,98,168,.35)}.role-badge.keeper,.role-badge.all-rounder{background:#6c4e051f;color:var(--text-gold);border:1.5px solid rgba(108,78,5,.35)}.role-badge.spinner{background:#1b65351f;color:var(--text-green);border:1.5px solid rgba(27,101,53,.35)}.role-badge.pacer{background:#b822121f;color:var(--text-red);border:1.5px solid rgba(184,34,18,.35)}.stat-pill{font-size:.7rem;font-weight:600;background:#ffffff08;border:1px solid var(--glass-border);color:var(--chalk-white-dim);padding:.1rem .35rem;border-radius:3px;display:inline-flex;align-items:center}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.hero-pill-bar{display:flex;justify-content:flex-end;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:.25rem}.hero-nav-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;border-radius:9999px;border:2px solid #1E1E1E;background:#faf6ed;color:#111!important;font-weight:850;font-size:.8rem;text-decoration:none!important;text-transform:uppercase;letter-spacing:.04em;box-shadow:2px 2px #1e1e1e;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);cursor:pointer}.hero-nav-pill:hover{background:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px #1e1e1e}.hero-nav-pill:active{transform:translate(1px,1px);box-shadow:1px 1px #1e1e1e}.hero-nav-pill.pill-active{background:#faf0d6;border-color:#1e1e1e}.pill-dot{width:9px;height:9px;border-radius:50%;background:#e53926;box-shadow:0 0 6px #e53926;display:inline-block;animation:pulsePillDot 1.6s infinite ease-in-out}@keyframes pulsePillDot{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.25);opacity:1}to{transform:scale(.9);opacity:.8}}.pill-new-tag{background:#c89b3c;color:#111;font-size:.6rem;font-weight:900;padding:1px 5px;border-radius:4px;border:1px solid #1E1E1E;letter-spacing:.05em;line-height:1.1;margin-top:-1px}.landing-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;align-items:center;padding:.5rem 0 3rem;border-bottom:2.5px solid #1E1E1E}@media (max-width: 980px){.landing-hero-grid{grid-template-columns:1fr;gap:2.5rem}}.hero-text-col{display:flex;flex-direction:column}.hero-kicker{font-size:.82rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#555;margin-bottom:.75rem}.brand-title-display{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.25rem;user-select:none}.brand-num{font-size:clamp(5.5rem,11vw,9.2rem);font-weight:950;font-family:var(--font-family-sans);color:#111;line-height:.88;letter-spacing:-.05em;text-shadow:6px 6px 0px #C89B3C}.brand-dash{width:clamp(48px,6.5vw,80px);height:clamp(22px,2.8vw,36px);background:#c89b3c;border:2.5px solid #1E1E1E;box-shadow:4px 4px #1e1e1e;display:inline-block}.hero-main-title{font-size:clamp(2.3rem,4vw,3.4rem);font-weight:950;line-height:1.05;color:#111;letter-spacing:-.035em;margin-bottom:1.25rem;text-transform:uppercase}.hero-main-desc{font-size:1.05rem;line-height:1.6;color:#333;font-weight:600;max-width:540px;margin-bottom:2rem}.hero-cta-group{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.hero-cta-btn-primary{background-color:var(--primary-coral)!important;color:#fff!important;font-size:1.05rem!important;font-weight:900!important;padding:.95rem 1.85rem!important;border:2.5px solid #1E1E1E!important;box-shadow:4px 4px #1e1e1e!important;text-transform:uppercase;letter-spacing:.03em;transition:all var(--transition-fast)}.hero-cta-btn-primary:hover{background-color:var(--primary-coral-hover)!important;transform:translate(-2px,-2px)!important;box-shadow:6px 6px #1e1e1e!important}.hero-cta-btn-secondary{background-color:#fff!important;color:#111!important;font-size:1.05rem!important;font-weight:900!important;padding:.95rem 1.65rem!important;border:2.5px solid #1E1E1E!important;box-shadow:4px 4px #1e1e1e!important;text-transform:uppercase;letter-spacing:.03em;transition:all var(--transition-fast)}.hero-cta-btn-secondary:hover{background-color:#faf6ed!important;transform:translate(-2px,-2px)!important;box-shadow:6px 6px #1e1e1e!important}.hero-pitch-col{display:flex;justify-content:center;align-items:center}.cricket-ground-showcase{position:relative;width:100%;max-width:440px;height:540px;background:repeating-linear-gradient(180deg,#277748,#277748 30px,#2f8351 30px 60px);border:3px solid #1E1E1E;box-shadow:6px 6px #1e1e1e;overflow:hidden;user-select:none}.cricket-ground-showcase:before{content:"";position:absolute;inset:10px;border:2px solid rgba(255,255,255,.95);border-radius:50%/40%;pointer-events:none;z-index:1}.cricket-ground-showcase:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78%;height:80%;border:2px dashed rgba(255,255,255,.7);border-radius:50%/40%;pointer-events:none;z-index:1}.showcase-pitch-strip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:155px;background:#d4b270;border:2px solid #FFFFFF;box-shadow:0 0 8px #00000059;pointer-events:none;z-index:2}.showcase-pitch-strip:before{content:"";position:absolute;top:20px;left:4px;right:4px;height:2px;background:#fff;box-shadow:0 112px #fff}.showcase-pitch-strip:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:18px;height:4px;background:repeating-linear-gradient(90deg,#FFFFFF,#FFFFFF 3px,transparent 3px,transparent 6px);box-shadow:0 134px #fff}.ground-player-pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:3;cursor:pointer;transition:transform var(--transition-fast)}.ground-player-pin:hover{transform:translate(-50%,-50%) scale(1.18);z-index:10}.player-pin-circle{width:38px;height:38px;border-radius:50%;background:#fff;border:2.2px solid #1E1E1E;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:.85rem;color:#111;box-shadow:0 3px 6px #0006}.player-pin-circle.cap-circle{background:#fff8e1;border-color:#c89b3c}.player-pin-name{font-size:.68rem;font-weight:850;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 2px #000000;text-align:center;white-space:nowrap;margin-top:3px;letter-spacing:.02em}.pin-tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%) translateY(4px);background:#1e1e1e;color:#fff;padding:4px 8px;font-size:.65rem;font-weight:800;white-space:nowrap;border:1px solid #C89B3C;box-shadow:0 3px 6px #00000080;pointer-events:none;opacity:0;transition:all var(--transition-fast);z-index:20}.ground-player-pin:hover .pin-tooltip{opacity:1;transform:translate(-50%) translateY(-2px)}.feature-section-container{margin:2.5rem 0 3rem}.squads-count-heading{font-size:.95rem;font-weight:850;color:#555;margin-bottom:.75rem;letter-spacing:.02em}.three-step-card{background:#fff;border:2.5px solid #1E1E1E;box-shadow:4px 4px #1e1e1e;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}@media (max-width: 780px){.three-step-card{grid-template-columns:1fr}}.step-strip-item{display:flex;align-items:flex-start;gap:1.1rem;padding:1.5rem 1.4rem}.step-strip-item:not(:last-child){border-right:2px solid #E4DDD0}@media (max-width: 780px){.step-strip-item:not(:last-child){border-right:none;border-bottom:2px solid #E4DDD0}}.step-coral-num{font-size:2.4rem;font-weight:950;color:#e53926;line-height:.9;letter-spacing:-.03em}.step-icon-box{width:44px;height:44px;background:#faf6ed;border:2px solid #1E1E1E;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:2px 2px #1e1e1e}.step-content-text{display:flex;flex-direction:column}.step-title{font-size:1.15rem;font-weight:950;text-transform:uppercase;color:#111;margin-bottom:.25rem;letter-spacing:.02em}.step-desc{font-size:.85rem;line-height:1.45;color:#444;font-weight:600}.landing-meta-ticker{display:flex;justify-content:center;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.9rem;font-weight:700;color:#555;text-align:center}.landing-meta-ticker strong{color:#111;font-weight:950}.landing-meta-ticker .meta-dot{color:#999}.landing-meta-ticker a{color:#555;text-decoration:underline;text-decoration-style:dashed;cursor:pointer}.landing-meta-ticker a:hover{color:#e53926}.user-stats-card{flex:2;background:#fff;border:2px solid #1E1E1E;box-shadow:4px 4px #1e1e1e;padding:1.5rem;min-width:280px;width:100%}.user-stats-card h3{font-size:1rem;text-transform:uppercase;color:#111;font-weight:900;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-val{font-size:1.5rem;font-weight:800;font-family:var(--font-family-mono)}.stat-lbl{font-size:.7rem;color:var(--chalk-white-dark);text-transform:uppercase;margin-top:.25rem}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}@media (max-width: 768px){.steps-grid{grid-template-columns:1fr}}.step-card{background:var(--bg-light);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:1.5rem;position:relative}.step-num{position:absolute;top:1rem;right:1.5rem;font-size:2.2rem;font-weight:800;color:#ffffff08;line-height:1}.step-card h3{font-size:1.15rem;margin-bottom:.5rem;color:var(--text-gold)}.step-card p{font-size:.9rem;color:var(--chalk-white-dim)}.landing-details{background:linear-gradient(135deg,var(--bg-medium) 0%,rgba(14,40,20,.3) 100%);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:2.5rem}.landing-details h3{font-size:1.5rem;margin-bottom:.5rem}.landing-details p{color:var(--chalk-white-dim);font-size:.95rem;max-width:800px}#cookie-consent-banner{position:fixed;bottom:1.25rem;left:1.25rem;right:1.25rem;max-width:1100px;margin:0 auto;background:#fff;border:3px solid #1E1E1E;box-shadow:6px 6px #1e1e1e;padding:1.25rem 1.75rem;z-index:900;animation:slideUpBanner .35s cubic-bezier(.2,.9,.3,1);transition:opacity .3s ease,transform .3s ease}.cookie-banner-fade-out{opacity:0;transform:translateY(20px)}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cookie-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.cookie-banner-text{flex:1;min-width:280px}.cookie-banner-title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;color:#111;font-weight:900;letter-spacing:.04em;margin-bottom:.4rem}.cookie-banner-text p{font-size:.88rem;color:#222;line-height:1.45;font-weight:600}.cookie-policy-link{color:var(--primary-coral);text-decoration:underline;font-weight:800;margin-left:.3rem}.cookie-banner-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.cookie-modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:10000}.cookie-modal-card{background:#fff;border:3px solid #1E1E1E;box-shadow:8px 8px #1e1e1e;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;padding:2rem;animation:zoomInModal .2s cubic-bezier(.2,.9,.3,1)}@keyframes zoomInModal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cookie-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1E1E1E;padding-bottom:1rem;margin-bottom:1.25rem}.cookie-modal-header h2{font-size:1.4rem;font-weight:900;color:#111;text-transform:uppercase}.cookie-modal-close{background:transparent;border:none;font-size:1.8rem;font-weight:900;color:#111;cursor:pointer;line-height:1}.cookie-modal-intro{font-size:.92rem;color:#333;line-height:1.5;font-weight:600;margin-bottom:1.5rem}.cookie-options-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.cookie-option-item{background:#faf6ed;border:2px solid #1E1E1E;padding:1.25rem}.cookie-option-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.cookie-option-header strong{font-size:1rem;color:#111;font-weight:900;display:block}.cookie-status-badge{display:inline-block;font-size:.7rem;font-weight:900;text-transform:uppercase;padding:2px 7px;border:1px solid #1E1E1E;margin-top:.25rem}.cookie-status-badge.required{background:#277748;color:#fff}.cookie-status-badge.optional{background:#c89b3c;color:#111}.cookie-option-desc{font-size:.85rem;color:#333;line-height:1.45;font-weight:600}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e0d8c8;border:2px solid #1E1E1E;transition:.2s}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#111;transition:.2s}.toggle-switch input:checked+.toggle-slider{background-color:#277748}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background-color:#fff}.cookie-modal-actions{display:flex;justify-content:flex-end;gap:.85rem;flex-wrap:wrap;border-top:2px solid #1E1E1E;padding-top:1.25rem}.legal-page-container{max-width:960px;margin:0 auto;background:#fff;border:3px solid #1E1E1E;box-shadow:6px 6px #1e1e1e;padding:2.5rem 2rem}.legal-header{border-bottom:3px solid #1E1E1E;padding-bottom:1.5rem;margin-bottom:2rem}.legal-badge-strip{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.legal-badge{font-size:.72rem;font-weight:900;text-transform:uppercase;background:#faf6ed;border:1.5px solid #1E1E1E;color:#111;padding:2px 8px}.legal-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;text-transform:uppercase;color:#111;line-height:1.2}.legal-last-updated{font-size:.85rem;color:#555;font-weight:700;margin-top:.5rem}.legal-body{display:flex;flex-direction:column;gap:2rem;color:#222;font-size:.95rem;line-height:1.7;font-weight:500}.legal-section h2{font-size:1.25rem;font-weight:900;text-transform:uppercase;color:#111;margin-bottom:.75rem;border-left:4px solid var(--primary-coral);padding-left:.75rem}.legal-section h3{font-size:1.05rem;font-weight:900;color:var(--text-gold);margin-top:1rem;margin-bottom:.4rem}.legal-section p,.legal-section ul,.legal-section ol{margin-bottom:.85rem}.legal-section ul,.legal-section ol{padding-left:1.5rem}.legal-section li{margin-bottom:.4rem}.legal-callout-box{background:#faf6ed;border:2px solid #1E1E1E;border-left:6px solid var(--primary-coral);padding:1.25rem;margin:1.25rem 0;font-size:.92rem;line-height:1.6}.legal-nav-bar{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #1E1E1E}.legal-nav-bar .btn{font-size:.82rem;padding:.45rem .9rem}.header-info-wrapper{position:relative;display:inline-flex;align-items:center}.header-info-btn{width:30px;height:30px;min-width:30px;border-radius:50%;background:#fff;border:2px solid #1E1E1E;color:#111;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px #1e1e1e;transition:all var(--transition-fast, .15s ease);padding:0;line-height:1;user-select:none}.info-btn-symbol{font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.05rem;font-weight:900;font-style:italic;color:#111;line-height:1;transform:translateY(-.5px)}.header-info-btn:hover{background:#faf6ed;transform:translate(-1px,-1px);box-shadow:3px 3px #1e1e1e}.header-info-btn:active,.header-info-btn[aria-expanded=true]{background:var(--willow-tan, #C89B3C);color:#111;transform:translate(1px,1px);box-shadow:1px 1px #1e1e1e}.header-info-btn:focus-visible{outline:2px solid var(--primary-coral, #E53926);outline-offset:2px}.header-info-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;max-width:min(320px,calc(100vw - 1.5rem));background:#fff;border:2.5px solid #1E1E1E;box-shadow:4px 4px #1e1e1e;z-index:500;display:flex;flex-direction:column;text-align:left;animation:infoDropdownPop .18s cubic-bezier(.16,1,.3,1);transform-origin:top right}.header-info-dropdown[hidden]{display:none!important}@keyframes infoDropdownPop{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.info-dropdown-header{background:#f4efe0;padding:.75rem .9rem .65rem;border-bottom:2px solid #1E1E1E}.info-dropdown-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.info-badge{background:var(--primary-coral, #E53926);color:#fff;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border:1.5px solid #1E1E1E;display:inline-block;line-height:1.2}.info-close-btn{background:transparent;border:none;font-size:1.35rem;font-weight:900;line-height:1;color:#111;cursor:pointer;padding:0 .2rem;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s ease,color .1s ease}.info-close-btn:hover{color:var(--primary-coral, #E53926);transform:scale(1.2)}.info-title{font-family:Bebas Neue,cursive,sans-serif;font-size:1.25rem;letter-spacing:.04em;color:#111;margin:0;line-height:1.1;text-transform:uppercase}.info-dropdown-body{padding:.85rem;display:flex;flex-direction:column;gap:.75rem;background:#fff}.info-creator-card{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;background:#faf6ed;border:1.5px solid #1E1E1E;box-shadow:2px 2px #1e1e1e}.info-avatar{width:36px;height:36px;min-width:36px;background:var(--primary-coral, #E53926);color:#fff;font-weight:900;font-size:.95rem;border:1.5px solid #1E1E1E;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;letter-spacing:.05em;border-radius:0}.info-creator-text{display:flex;flex-direction:column;line-height:1.25}.info-creator-tag{font-size:.65rem;font-weight:800;text-transform:uppercase;color:#666;letter-spacing:.04em}.info-creator-name{font-size:.95rem;font-weight:900;color:#111}.info-creator-role{font-size:.72rem;color:#444;font-weight:600}.info-callout{display:flex;gap:.5rem;align-items:flex-start;background:#c89b3c1f;border:1.5px solid rgba(108,78,5,.35);padding:.55rem .7rem}.info-callout-icon{font-size:1.05rem;line-height:1.2;flex-shrink:0}.info-callout-text{font-size:.78rem;line-height:1.4;color:#111;margin:0;font-weight:600}.info-actions-list{display:flex;flex-direction:column;gap:.55rem}.info-action-btn{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border:2px solid #1E1E1E;text-decoration:none;cursor:pointer;transition:all .15s ease;position:relative}.info-btn-repo{background:#111;color:#fff!important;box-shadow:2.5px 2.5px #1e1e1e}.info-btn-repo:hover{background:#282828;transform:translate(-1.5px,-1.5px);box-shadow:4px 4px #1e1e1e}.info-btn-repo .info-action-svg{color:#fff;flex-shrink:0}.info-btn-repo .info-action-title{color:#fff;font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.info-btn-repo .info-action-desc{color:#ccc;font-size:.7rem;font-weight:600;font-family:var(--font-family-mono, monospace)}.info-btn-portfolio{background:#faf6ed;color:#111!important;box-shadow:2.5px 2.5px #1e1e1e}.info-btn-portfolio:hover{background:#fff;transform:translate(-1.5px,-1.5px);box-shadow:4px 4px #1e1e1e}.info-btn-portfolio .info-action-svg{color:var(--primary-coral, #E53926);flex-shrink:0}.info-btn-portfolio .info-action-title{color:#111;font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.info-btn-portfolio .info-action-desc{color:#555;font-size:.7rem;font-weight:600;font-family:var(--font-family-mono, monospace)}.info-action-text-group{display:flex;flex-direction:column;flex:1;text-align:left}.info-arrow{font-size:1rem;font-weight:900;opacity:.7;transition:transform .15s ease}.info-action-btn:hover .info-arrow{transform:translate(2px,-2px);opacity:1}.info-dropdown-footer{background:#f4efe0;padding:.45rem .85rem;border-top:1.5px solid var(--border-light, #D8D0C0);display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:700;color:#555}.info-tag-code{font-family:var(--font-family-mono, monospace);font-size:.68rem;color:#111}@media (max-width: 480px){.header-info-btn{width:27px;height:27px;min-width:27px}.info-btn-symbol{font-size:.95rem}.header-info-dropdown{width:290px;max-width:calc(100vw - 1rem);right:-6px}}