:root{--green:#00ff87;--green-dark:#00cc6a;--green-dim:rgba(0,255,135,0.12);--gold:#FFD600;--gold-dim:rgba(255,214,0,0.12);--red:#FF3D3D;--bg:#0a0a0a;--bg2:#111111;--surface:#1a1a1a;--surface2:#1f1f1f;--border:rgba(0,255,135,0.15);--border2:rgba(0,255,135,0.25);--text:#e8f5e8;--text2:#8fa88f;--text3:#4a614a;--s-bg:#0c0c0c;--s-surface-low:#141414;--s-surface:#181818;--s-surface-high:#222222;--s-surface-highest:#2d2d2d;--s-on-surface:#dae6d8;--s-on-surface-2:#b9cbb9;--s-outline:#849585;--s-outline-var:#3b4b3d;--s-primary:#00ff87;--s-secondary:#3d5afe;--s-secondary-dim:rgba(61,90,254,0.15);--s-font-display:'Bodoni Moda',serif;--s-font-ui:'Geist',sans-serif;}
  *{margin:0;padding:0;box-sizing:border-box;}
  body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden;}
  body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;}
  .app{position:relative;z-index:1;}
  nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--s-outline-var);background:rgba(12,22,14,0.8);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;}
  .nav-logo{cursor:pointer;transition:opacity 0.2s;line-height:0;}
  .nav-logo:hover{opacity:0.75;}
  .nav-right{display:flex;align-items:center;gap:12px;}
  .nav-user{font-size:13px;color:var(--text2);}
  .btn{padding:8px 20px;border-radius:6px;border:1px solid var(--border2);background:transparent;color:var(--text);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;}
  .btn:hover{background:var(--green-dim);border-color:var(--green);color:var(--green);}
  .btn-primary{background:var(--green);border-color:var(--green);color:#37003c;font-weight:700;}
  .btn-primary:hover{background:var(--green-dark);color:#37003c;}
  .btn-sm{padding:6px 14px;font-size:12px;}
  .btn-gold{background:var(--gold);border-color:var(--gold);color:#000;font-weight:600;}
  .btn-gold:hover{background:#e6c200;color:#000;}
  .btn-danger{border-color:rgba(255,61,61,0.4);color:var(--red);}
  .btn-danger:hover{background:rgba(255,61,61,0.1);border-color:var(--red);}
  .page{display:none;}.page.active{display:block;}
  #page-auth.active{min-height:100vh;overflow-y:auto;}
  #page-home.active,#page-rounds.active,#page-leaderboard.active,#page-expert.active,#page-admin.active,#page-display.active,#page-cards.active,#page-discussion.active,#page-rits.active{min-height:calc(100vh - 65px);}
  /* leagues page is appended outside .app in DOM; .site-footer is inside .app.
     Without this fix: nav → footer → leagues content (footer "at top").
     Fix: make body a flex column and use display:contents on .app to flatten
     its children into the flex flow, then reorder them correctly. */
  body:has(#page-leagues.active){display:flex;flex-direction:column;}
  body:has(#page-leagues.active) .app{display:contents;}
  body:has(#page-leagues.active) nav{order:0;flex-shrink:0;}
  body:has(#page-leagues.active) #page-leagues{order:1;flex:1;min-height:calc(100vh - 65px);}
  body:has(#page-leagues.active) .site-footer{order:2;}
  .auth-wrap{min-height:calc(100vh - 65px);display:flex;align-items:center;justify-content:center;padding:40px 20px;}
  .auth-box{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px;}
  .auth-title{font-family:'Bebas Neue',sans-serif;font-size:48px;letter-spacing:3px;color:var(--green);line-height:1;margin-bottom:4px;}
  .auth-sub{font-size:13px;color:var(--text2);margin-bottom:32px;}
  .tab-row{display:flex;gap:4px;margin-bottom:28px;background:var(--bg2);border-radius:8px;padding:4px;}
  .tab{flex:1;padding:8px;text-align:center;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all 0.2s;color:var(--text2);border:none;background:transparent;font-family:'DM Sans',sans-serif;}
  .tab.active{background:var(--surface2);color:var(--text);}
  .field{margin-bottom:16px;}
  .field label{display:block;font-size:12px;color:var(--text2);margin-bottom:6px;letter-spacing:0.5px;text-transform:uppercase;}
  .field input{width:100%;padding:10px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color 0.2s;}
  .field input:focus{border-color:var(--green);}
  .auth-error{font-size:12px;color:var(--red);margin-bottom:12px;min-height:16px;}
  .auth-submit{width:100%;padding:12px;font-size:15px;margin-top:8px;}
  .hero{position:relative;padding:110px 48px 80px;min-height:400px;background:linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(10,10,10,0.98)),url('wc2026.jpeg') center center/cover no-repeat;}
  .hero::before{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent 0%,#0a0f0a 100%);pointer-events:none;z-index:0;}
  .hero-label{position:relative;z-index:1;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--green);margin-bottom:12px;}
  .hero-title{position:relative;z-index:1;font-family:'Bebas Neue',sans-serif;font-size:100px;letter-spacing:4px;line-height:0.92;text-shadow:0 4px 40px rgba(0,0,0,0.9);}
  .hero-title span{color:var(--gold);}
  .hero-meta{position:relative;z-index:1;font-size:13px;color:rgba(255,255,255,0.52);margin-top:18px;letter-spacing:0.5px;}
  .main-grid{display:grid;grid-template-columns:1fr 360px;}
  .main-left{padding:36px;border-right:1px solid var(--border);}
  .main-right{padding:36px;background:rgba(0,0,0,0.18);}
  .section-title{font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:3px;color:var(--green);margin-bottom:20px;display:flex;align-items:center;gap:10px;text-transform:uppercase;}
  .section-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(0,255,135,0.3),transparent);}
  .match-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:16px;transition:border-color 0.2s,box-shadow 0.2s;}
  .match-card.featured{border-color:rgba(0,255,135,0.3);border-top:4px solid #00ff87;background:linear-gradient(135deg,#1a0020 0%,#2d0038 60%,rgba(0,255,135,0.05) 100%);box-shadow:0 8px 48px rgba(55,0,60,0.45),0 0 0 1px rgba(0,255,135,0.15);}
  .match-card.featured .btn-primary{padding:10px 28px;font-size:14px;border-radius:8px;letter-spacing:1px;text-transform:uppercase;}
  .match-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:12px;font-weight:600;}
  .badge-featured{background:rgba(0,255,135,0.1);color:var(--green);border:1px solid rgba(0,255,135,0.3);}
  .badge-live{background:rgba(255,61,61,0.1);color:var(--red);border:1px solid rgba(255,61,61,0.3);}
  .badge-upcoming{background:var(--green-dim);color:var(--green);border:1px solid var(--border2);}
  .badge-finished{background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid rgba(255,255,255,0.08);}
  .match-group{font-size:10px;color:var(--text3);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-family:'DM Mono',monospace;}
  .match-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
  .team{text-align:center;flex:1;}
  .team-flag{display:block;margin-bottom:10px;line-height:1;}
  .team-name{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;text-transform:uppercase;}
  .team-score{font-family:'Bebas Neue',sans-serif;font-size:42px;color:var(--green);line-height:1;margin-top:4px;}
  .ko-time{font-size:11px;color:var(--text3);margin-top:4px;font-family:'DM Mono',monospace;}
  .vs-block{text-align:center;padding:0 20px;}
  .vs{font-family:'Bebas Neue',sans-serif;font-size:28px;color:rgba(0,255,135,0.35);letter-spacing:4px;}
  .predict-row{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:10px;border-top:1px solid rgba(0,255,135,0.12);}
  .predict-label{font-size:11px;color:var(--text3);flex:0 0 auto;text-transform:uppercase;letter-spacing:1px;}
  .score-inputs{display:flex;align-items:center;gap:8px;}
  .score-input{width:50px;height:50px;text-align:center;padding:0;line-height:50px;background:rgba(0,255,135,0.06);border:2px solid rgba(0,255,135,0.5);border-radius:10px;color:var(--text);font-family:'Bebas Neue',sans-serif;font-size:24px;outline:none;transition:border-color 0.2s,box-shadow 0.2s;-webkit-appearance:none;appearance:none;box-sizing:border-box;}
  .score-input::-webkit-inner-spin-button,.score-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
  .score-input[type=number]{-moz-appearance:textfield;}
  .score-input:focus{border-color:#00ff87;box-shadow:0 0 8px rgba(0,255,135,0.3);}
  .score-input:disabled{border-color:rgba(255,215,0,0.7);background:rgba(255,215,0,0.05);opacity:0.9;cursor:not-allowed;}
  .score-dash{font-family:'Bebas Neue',sans-serif;font-size:28px;color:#fff;font-weight:700;}
  .flag-img{width:24px;height:auto;border-radius:2px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.4);vertical-align:middle;display:inline-block;}
  .team-flag .flag-img{width:40px;}
  .btn-submitted{background:linear-gradient(135deg,#FFD700,#FFA500);color:#000;font-weight:700;border-radius:6px;padding:8px 20px;box-shadow:0 2px 8px rgba(255,165,0,0.4);border:none;cursor:default;font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:1px;opacity:1;}
  .predict-row .btn-primary,.rnd-match-predict .btn-primary,.v3-predict-row .btn-primary{background:linear-gradient(135deg,#00ff87,#00cc6a);padding:10px 22px;font-size:14px;border-radius:8px;box-shadow:0 4px 12px rgba(0,255,135,0.35);color:#000;font-weight:700;border:none;}
  .user-prediction{padding:10px 14px;background:var(--bg2);border-radius:8px;font-size:13px;color:var(--text2);display:flex;align-items:center;gap:8px;flex:1;}
  .prediction-score{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--green);}
  .points-badge{margin-left:auto;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:1px;}
  .pts-exact{background:var(--gold-dim);color:var(--gold);}
  .pts-winner{background:var(--green-dim);color:var(--green);}
  .pts-wrong{background:rgba(255,61,61,0.1);color:var(--red);}
  .lb-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border);}
  .lb-item:last-child{border-bottom:none;}
  .lb-rank{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--text3);min-width:28px;text-align:center;}
  .lb-rank.gold{color:var(--gold);}.lb-rank.silver{color:#c0c0c0;}.lb-rank.bronze{color:#cd7f32;}
  .lb-name{flex:1;font-size:14px;font-weight:500;}
  .lb-name.is-you{color:var(--green);}
  .lb-pts{font-family:'DM Mono',sans-serif;font-size:14px;font-weight:500;color:var(--text2);}
  .rounds-hero{padding:40px max(32px,calc((100% - 1280px) / 2 + 48px)) 24px;border-bottom:1px solid var(--border);}
  .rounds-grid{padding:32px 48px;max-width:1280px;margin:0 auto;box-sizing:border-box;}
  .round-section{margin-bottom:40px;}
  .round-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
  .round-info{font-size:13px;color:var(--text2);}
  .matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;}
  .admin-wrap{padding:32px 48px;max-width:1280px;margin:0 auto;box-sizing:border-box;}
  .admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px;}
  #fullLB{max-width:1280px;margin:0 auto;box-sizing:border-box;padding-left:48px !important;padding-right:48px !important;}
  #cardsContent{max-width:1280px;margin:0 auto;padding:0 48px;box-sizing:border-box;}
  #cardsContent>.cards-hero{margin-left:-48px;margin-right:-48px;}
  #displayContent{max-width:1280px;margin:0 auto;padding:0 48px;box-sizing:border-box;}
  #page-display>div:first-child{padding-left:max(32px,calc((100% - 1280px) / 2 + 48px)) !important;padding-right:max(32px,calc((100% - 1280px) / 2 + 48px)) !important;}
  .admin-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;}
  .admin-card h3{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text2);letter-spacing:1px;text-transform:uppercase;}
  .form-row{margin-bottom:14px;}
  .form-row label{display:block;font-size:12px;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px;}
  .form-row input,.form-row select{width:100%;padding:10px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;outline:none;}
  .form-row select option{background:var(--bg2);}
  .match-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg2);border-radius:8px;margin-bottom:8px;border:1px solid var(--border);}
  .match-list-teams{flex:1;font-size:13px;}
  .match-list-meta{font-size:11px;color:var(--text2);margin-top:2px;font-family:'DM Mono',monospace;}
  .stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
  .stat-chip{position:relative;background:linear-gradient(135deg,#1a0020 0%,rgba(55,0,60,0.5) 100%);border:1px solid rgba(0,255,135,0.2);border-radius:14px;padding:20px 22px;overflow:hidden;box-shadow:0 4px 20px rgba(55,0,60,0.3);}
  .stat-chip::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00ff87,transparent);opacity:0.8;}
  .stat-chip-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-family:'DM Sans',sans-serif;}
  .stat-chip-val{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--green);line-height:1;}
  .stat-chip-val.gold{color:var(--gold);}
  .empty-state{text-align:center;padding:60px 20px;color:var(--text3);}
  .empty-state .icon{font-size:48px;margin-bottom:12px;}
  .toast{position:fixed;bottom:24px;right:24px;z-index:999;background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:14px 20px;font-size:14px;font-weight:500;animation:slideIn 0.3s ease;display:flex;align-items:center;gap:10px;}
  .toast.success{border-color:var(--green);color:var(--green);}
  .toast.error{border-color:var(--red);color:var(--red);}
  @keyframes slideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
  .nav-tabs{display:flex;gap:4px;position:absolute;left:50%;transform:translateX(-50%);z-index:1;}
  .nav-tab{padding:7px 18px;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--s-on-surface-2);font-family:var(--s-font-ui);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all 0.2s;}
  .nav-tab:hover{color:var(--s-on-surface);background:var(--s-surface-high);}
  .nav-tab.active{background:rgba(0,255,135,0.12);border-color:rgba(0,255,135,0.25);color:var(--s-primary);}
  #navTabs .nav-tab:first-child{display:none;}
  /* Student rows in admin */
  .student-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden;}
  .student-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;}
  .student-name{font-size:14px;font-weight:600;}
  .student-meta{font-size:12px;color:var(--text2);margin-top:3px;font-family:'DM Mono',monospace;}
  .admin-tag{font-size:10px;color:var(--gold);background:var(--gold-dim);padding:2px 6px;border-radius:3px;margin-left:6px;}
  .pred-list{display:none;border-top:1px solid var(--border);padding:12px 16px;}
  .pred-list.open{display:block;}
  .pred-item{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px;}
  .pred-item:last-child{border-bottom:none;}
  .pred-match{flex:1;color:var(--text2);}
  .pred-score{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--green);}
  @media(max-width:900px){.main-grid{grid-template-columns:1fr}.main-left{border-right:none;border-bottom:1px solid var(--border)}.main-right{background:transparent}.admin-grid{grid-template-columns:1fr}.hero-title{font-size:60px}.hero{padding:72px 28px 56px}.stats-row{grid-template-columns:repeat(2,1fr)}}

  /* ── ANIMATIONS ── */

  /* Auth box entrance */
  @keyframes authBoxIn {
    0%   { opacity:0; transform:translateY(40px) scale(0.95); }
    100% { opacity:1; transform:translateY(0)    scale(1); }
  }

  /* Title breathing pulse */
  @keyframes titlePulse {
    0%,100% { text-shadow: 0 0 20px rgba(0,200,83,0.3); }
    50%      { text-shadow: 0 0 40px rgba(0,200,83,0.7), 0 0 80px rgba(0,200,83,0.2); }
  }

  /* Page fade-slide in */
  @keyframes pageIn {
    0%   { opacity:0; transform:translateY(16px); }
    100% { opacity:1; transform:translateY(0); }
  }
  .page.active { animation: pageIn 0.35s ease both; }

  /* Match card entrance stagger */
  @keyframes cardIn {
    0%   { opacity:0; transform:translateY(20px) scale(0.97); }
    100% { opacity:1; transform:translateY(0)    scale(1); }
  }
  .match-card { animation: cardIn 0.4s ease both; }
  .match-card:nth-child(1) { animation-delay: 0.05s; }
  .match-card:nth-child(2) { animation-delay: 0.10s; }
  .match-card:nth-child(3) { animation-delay: 0.15s; }
  .match-card:nth-child(4) { animation-delay: 0.20s; }
  .match-card:nth-child(5) { animation-delay: 0.25s; }

  /* Featured match gold glow pulse */
  @keyframes featuredGlow {
    0%,100% { box-shadow: 0 0 0px rgba(255,214,0,0); }
    50%      { box-shadow: 0 0 24px rgba(255,214,0,0.25), 0 0 48px rgba(255,214,0,0.08); }
  }
  .match-card.featured { animation: cardIn 0.4s ease both, featuredGlow 2.5s ease-in-out 0.5s infinite; }

  /* Leaderboard row stagger */
  @keyframes lbRowIn {
    0%   { opacity:0; transform:translateX(-20px); }
    100% { opacity:1; transform:translateX(0); }
  }
  .lb-item { animation: lbRowIn 0.35s ease both; }
  .lb-item:nth-child(1) { animation-delay:0.05s; }
  .lb-item:nth-child(2) { animation-delay:0.10s; }
  .lb-item:nth-child(3) { animation-delay:0.15s; }
  .lb-item:nth-child(4) { animation-delay:0.20s; }
  .lb-item:nth-child(5) { animation-delay:0.25s; }

  /* Button press */
  .btn:active { transform:scale(0.96); }

  /* Input field focus lift */
  .field input:focus, .form-row input:focus, .form-row select:focus {
    border-color:var(--green);
    box-shadow: 0 0 0 3px rgba(0,200,83,0.12);
    transform: translateY(-1px);
    transition: all 0.2s;
  }

  /* Stat chip count-up shimmer */
  @keyframes statIn {
    0%   { opacity:0; transform:scale(0.8); }
    60%  { transform:scale(1.08); }
    100% { opacity:1; transform:scale(1); }
  }
  .stat-chip { animation: statIn 0.5s cubic-bezier(0.34,1.56,0.64,1) both; }
  .stat-chip:nth-child(1) { animation-delay:0.1s; }
  .stat-chip:nth-child(2) { animation-delay:0.2s; }
  .stat-chip:nth-child(3) { animation-delay:0.3s; }
  .stat-chip:nth-child(4) { animation-delay:0.4s; }

  /* Toast animation */
  @keyframes toastIn {
    0%   { opacity:0; transform:translateY(20px) scale(0.95); }
    60%  { transform:translateY(-4px) scale(1.02); }
    100% { opacity:1; transform:translateY(0) scale(1); }
  }
  .toast { animation: toastIn 0.4s cubic-bezier(0.34,1.56,0.64,1) both !important; }

  /* Nav tab active indicator slide */
  .nav-tab { position:relative; overflow:hidden; }
  .nav-tab::after {
    content:''; position:absolute; bottom:0; left:50%; right:50%;
    height:2px; background:var(--green); transition:all 0.3s ease;
  }
  .nav-tab.active::after { left:8px; right:8px; }

  /* Hero title letter animation */
  @keyframes heroIn {
    0%   { opacity:0; transform:translateY(-30px) skewY(-3deg); }
    100% { opacity:1; transform:translateY(0)     skewY(0); }
  }
  .hero-title { animation: heroIn 0.6s cubic-bezier(0.16,1,0.3,1) both; }

  /* Section title slide in */
  @keyframes sectionIn {
    0%   { opacity:0; transform:translateX(-16px); }
    100% { opacity:1; transform:translateX(0); }
  }
  .section-title { animation: sectionIn 0.4s ease both; }

  /* Pitch slot hover bounce (legacy) */
  #pitchSlots > div:hover { transform:translate(-50%,-50%) scale(1.12) !important; }

  /* ─── FPL FANTASY ─────────────────────────────────────── */
  .fpl-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#37003c;position:sticky;top:0;z-index:10;}
  .fpl-title{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:2px;color:#fff;margin:0;}
  .fpl-close-btn{background:none;border:none;color:rgba(255,255,255,.6);font-size:18px;cursor:pointer;padding:4px 8px;}
  .fpl-deadline-bar{background:#02efaf;color:#37003c;text-align:center;padding:8px 16px;font-family:'DM Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.05em;}
  .fpl-toggle-tabs{display:flex;background:#240028;border-bottom:2px solid rgba(255,255,255,.1);}
  .fpl-tab{flex:1;padding:10px;background:none;border:none;color:rgba(255,255,255,.5);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;}
  .fpl-tab.active{color:#02efaf;border-bottom-color:#02efaf;}
  .fpl-formations{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;background:#1a001e;}
  .fpl-form-btn{padding:4px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-family:'DM Mono',monospace;font-size:11px;cursor:pointer;transition:all .15s;}
  .fpl-form-btn.active{background:#02efaf;color:#37003c;border-color:#02efaf;font-weight:700;}
  .fpl-pitch{position:relative;background:linear-gradient(180deg,#2d8c3c 0%,#3aa84f 50%,#2d8c3c 100%);min-height:480px;overflow:visible;}
  .fpl-pitch-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
  .fpl-pitch-slots{position:relative;width:100%;min-height:480px;}
  .fpl-card{text-align:center;cursor:pointer;z-index:2;transition:transform .15s;width:64px;}
  .fpl-card:not(.fpl-card-bench){position:absolute;}
  .fpl-card:not(.fpl-card-bench):hover{transform:translate(-50%,-50%) scale(1.08)!important;}
  .fpl-card-inner{background:#fff;border-radius:6px;padding:5px 6px;min-width:52px;box-shadow:0 2px 8px rgba(0,0,0,.4);position:relative;display:inline-block;}
  .fpl-card-flag{font-size:22px;line-height:1.2;display:block;}
  .fpl-card-name{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58px;margin-top:2px;}
  .fpl-card-country{font-family:'DM Mono',monospace;font-size:8px;color:#555;letter-spacing:.04em;display:block;}
  .fpl-badge-c,.fpl-badge-v{position:absolute;top:-7px;width:16px;height:16px;border-radius:50%;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:3;}
  .fpl-badge-c{right:-6px;background:#FFD700;color:#37003c;}
  .fpl-badge-v{left:-6px;background:#fff;color:#37003c;border:1.5px solid #aaa;}
  .fpl-empty-slot{text-align:center;cursor:pointer;z-index:2;width:64px;}
  .fpl-empty-slot:not(.fpl-bench-empty){position:absolute;transform:translate(-50%,-50%);}
  .fpl-empty-inner{width:52px;height:58px;border:2px dashed rgba(255,255,255,.5);border-radius:6px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;transition:all .15s;}
  .fpl-empty-slot:hover .fpl-empty-inner{border-color:#fff;background:rgba(255,255,255,.12);}
  .fpl-empty-pos{font-size:8px;font-weight:800;color:rgba(255,255,255,.7);letter-spacing:.04em;}
  .fpl-empty-plus{font-size:20px;color:rgba(255,255,255,.8);line-height:1;}
  .fpl-bench-area{background:#200024;padding:16px 16px 24px;border-top:2px solid rgba(255,255,255,.1);}
  .fpl-bench-label{font-family:'DM Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);text-align:center;margin-bottom:12px;}
  .fpl-bench-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
  .fpl-bench-slot{display:flex;flex-direction:column;align-items:center;gap:4px;}
  .fpl-bench-pos-label{font-family:'DM Mono',monospace;font-size:9px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:.06em;}
  .fpl-card-bench .fpl-card-inner{min-width:44px;opacity:.9;}
  .fpl-card-bench .fpl-card-flag .flag-img{width:18px;}
  .fpl-card-bench .fpl-card-name{font-size:8px;max-width:50px;}
  .fpl-bench-empty .fpl-empty-inner{width:44px;height:50px;}
  .fpl-slide-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:400;}
  .fpl-slide-panel{position:fixed;bottom:0;left:0;right:0;background:#1a001e;border-radius:16px 16px 0 0;z-index:401;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:75vh;display:flex;flex-direction:column;}
  .fpl-slide-panel.open{transform:translateY(0);}
  .fpl-slide-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;}
  .fpl-slide-title{flex:1;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;color:#fff;}
  .fpl-slide-pos-label{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:800;color:#fff;background:rgba(255,255,255,.15);}
  .fpl-slide-close{background:none;border:none;color:rgba(255,255,255,.5);font-size:18px;cursor:pointer;padding:4px;line-height:1;}
  .fpl-slide-search{margin:10px 16px;padding:10px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:'DM Sans',sans-serif;font-size:14px;outline:none;width:calc(100% - 32px);flex-shrink:0;}
  .fpl-player-list{flex:1;overflow-y:auto;padding-bottom:16px;}
  .fpl-player-row{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);}
  .fpl-player-row:active,.fpl-player-row:hover{background:rgba(2,239,175,.08);}
  .fpl-player-row.disabled{opacity:.4;cursor:not-allowed;}
  .fpl-context-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:499;}
  .fpl-context-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a001e;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px;z-index:500;min-width:220px;box-shadow:0 8px 32px rgba(0,0,0,.6);}
  .fpl-context-player{padding:10px 16px 4px;font-family:'DM Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.06em;color:#02efaf;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4px;}
  .fpl-context-btn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;background:none;border:none;color:#fff;font-family:'DM Sans',sans-serif;font-size:14px;cursor:pointer;text-align:left;border-radius:8px;transition:background .15s;}
  .fpl-context-btn:hover{background:rgba(255,255,255,.08);}
  .fpl-context-btn.danger{color:#ff6b6b;}
  .fpl-list-table{width:100%;border-collapse:collapse;font-family:'DM Sans',sans-serif;}
  .fpl-list-table th{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;}
  .fpl-list-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#fff;}
  .fpl-list-section-hdr{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#02efaf;padding:12px 10px 4px;display:block;}
  @media(max-width:480px){
    .fpl-card-name{font-size:7px;max-width:46px;}
    .fpl-card-inner{min-width:42px;padding:4px 5px;}
    .fpl-card-flag .flag-img{width:17px;}
    .fpl-bench-row{gap:8px;}
    .fpl-card{width:52px;}
    .fpl-empty-slot{width:52px;}
    .fpl-empty-inner{width:44px;height:50px;}
  }

  /* Score streak fire shake */
  @keyframes fireShake {
    0%,100% { transform:rotate(0deg); }
    25%      { transform:rotate(-5deg); }
    75%      { transform:rotate(5deg); }
  }

  /* Modal entrance */
  @keyframes modalIn {
    0%   { opacity:0; transform:scale(0.9) translateY(20px); }
    100% { opacity:1; transform:scale(1)   translateY(0); }
  }
  #resetModal > div, #changePwdModal > div, #goldenBootModal > div {
    animation: modalIn 0.35s cubic-bezier(0.34,1.4,0.64,1) both;
  }

  /* Badge pop */
  @keyframes badgePop {
    0%   { transform:scale(0); opacity:0; }
    60%  { transform:scale(1.2); }
    100% { transform:scale(1);  opacity:1; }
  }
  .match-badge { animation: badgePop 0.3s cubic-bezier(0.34,1.56,0.64,1) both; }

  /* Live badge blink */
  @keyframes liveBlink {
    0%,100% { opacity:1; }
    50%      { opacity:0.4; }
  }
  .badge-live { animation: badgePop 0.3s ease both, liveBlink 1.2s ease 0.4s infinite; }

  /* Points badge bounce in */
  .points-badge { animation: badgePop 0.4s cubic-bezier(0.34,1.56,0.64,1) 0.2s both; }

  /* Admin card entrance */
  @keyframes adminCardIn {
    0%   { opacity:0; transform:translateY(24px); }
    100% { opacity:1; transform:translateY(0); }
  }
  .admin-card { animation: adminCardIn 0.4s ease both; }
  .admin-card:nth-child(1) { animation-delay:0.05s; }
  .admin-card:nth-child(2) { animation-delay:0.15s; }
  .admin-card:nth-child(3) { animation-delay:0.25s; }

  /* Pitch slot appear */
  @keyframes slotAppear {
    0%   { opacity:0; transform:translate(-50%,-50%) scale(0.5); }
    70%  { transform:translate(-50%,-50%) scale(1.1); }
    100% { opacity:1; transform:translate(-50%,-50%) scale(1); }
  }

  /* Photo columns */
  @keyframes photoColL {
    0%   { opacity:0; transform:translateX(-30px); }
    100% { opacity:1; transform:translateX(0); }
  }
  @keyframes photoColR {
    0%   { opacity:0; transform:translateX(30px); }
    100% { opacity:1; transform:translateX(0); }
  }

  @keyframes photoFloat {
    0%   { opacity:0; transform:translateY(30px) rotate(var(--rot,0deg)) scale(0.9); }
    100% { opacity:1; transform:translateY(0)    rotate(var(--rot,0deg)) scale(1); }
  }


  /* Floating photo animations */
  @keyframes float0 {
    0%   { transform: translate(0px,    0px)   rotate(-6deg) scale(1);    }
    25%  { transform: translate(18px,  -22px)  rotate(-4deg) scale(1.02); }
    50%  { transform: translate(8px,   -40px)  rotate(-7deg) scale(1);    }
    75%  { transform: translate(-12px, -20px)  rotate(-5deg) scale(1.01); }
    100% { transform: translate(0px,    0px)   rotate(-6deg) scale(1);    }
  }
  @keyframes float1 {
    0%   { transform: translate(0px,   0px)    rotate(5deg)  scale(1);    }
    25%  { transform: translate(-20px, 18px)   rotate(7deg)  scale(1.01); }
    50%  { transform: translate(-10px, 35px)   rotate(4deg)  scale(1.02); }
    75%  { transform: translate(15px,  18px)   rotate(6deg)  scale(1);    }
    100% { transform: translate(0px,   0px)    rotate(5deg)  scale(1);    }
  }
  @keyframes float2 {
    0%   { transform: translate(0px,   0px)    rotate(4deg)  scale(1);    }
    33%  { transform: translate(22px, -28px)   rotate(2deg)  scale(1.02); }
    66%  { transform: translate(10px,  16px)   rotate(5deg)  scale(1);    }
    100% { transform: translate(0px,   0px)    rotate(4deg)  scale(1);    }
  }
  @keyframes float3 {
    0%   { transform: translate(0px,    0px)   rotate(-4deg) scale(1);    }
    30%  { transform: translate(-18px, -24px)  rotate(-6deg) scale(1.01); }
    60%  { transform: translate(-25px,  10px)  rotate(-3deg) scale(1.02); }
    100% { transform: translate(0px,    0px)   rotate(-4deg) scale(1);    }
  }
  @keyframes float4 {
    0%   { transform: translate(0px,   0px)    rotate(6deg)  scale(1);    }
    40%  { transform: translate(14px, -30px)   rotate(4deg)  scale(1.01); }
    70%  { transform: translate(-8px, -18px)   rotate(7deg)  scale(1.02); }
    100% { transform: translate(0px,   0px)    rotate(6deg)  scale(1);    }
  }
  @keyframes float5 {
    0%   { transform: translate(0px,   0px)    rotate(-3deg) scale(1);    }
    35%  { transform: translate(-16px, 22px)   rotate(-5deg) scale(1.01); }
    65%  { transform: translate(12px,  30px)   rotate(-2deg) scale(1.02); }
    100% { transform: translate(0px,   0px)    rotate(-3deg) scale(1);    }
  }
  @keyframes photoIn {
    0%   { opacity:0; transform: scale(0.85); }
    100% { opacity:1; transform: scale(1); }
  }

  /* Button ripple */
  @keyframes ripple {
    0%   { transform:scale(0); opacity:1; }
    100% { transform:scale(2.5); opacity:0; }
  }

  /* Intro animations */
  @keyframes fadeUp {
    0%   { opacity:0; transform:translateY(30px); }
    100% { opacity:1; transform:translateY(0); }
  }
  @keyframes bounce {
    0%,100% { transform:translateY(0); }
    50%      { transform:translateY(10px); }
  }
  #page-auth { animation:none !important; }

  /* Slideshow progress bars */
  .slide-prog {
    flex:1; height:2px; background:rgba(255,255,255,0.2); border-radius:2px; overflow:hidden; position:relative;
  }
  .slide-prog::after {
    content:''; position:absolute; left:0; top:0; height:100%;
    background:#fff; border-radius:2px; width:0%;
  }
  .slide-prog.active::after {
    animation: progFill var(--slide-dur, 5s) linear forwards;
  }
  .slide-prog.done::after { width:100%; }

  @keyframes progFill {
    0%   { width:0%; }
    100% { width:100%; }
  }

  /* Caption slide in */
  @keyframes captionIn {
    0%   { opacity:0; transform:translateY(16px); }
    100% { opacity:1; transform:translateY(0); }
  }
  .caption-animate {
    animation: captionIn 0.7s cubic-bezier(0.16,1,0.3,1) both;
  }

  /* Slide dot */
  .slide-dot {
    width:6px; height:6px; border-radius:50%;
    background:rgba(255,255,255,0.3); cursor:pointer;
    transition:all 0.3s; border:none; padding:0;
  }
  .slide-dot.active { background:#fff; transform:scale(1.4); }

  /* Scroll reveal utility */
  .reveal {
    opacity:0; transform:translateY(20px);
    transition:opacity 0.5s ease, transform 0.5s ease;
  }
  .reveal.visible { opacity:1; transform:translateY(0); }

  /* ── Expert Page: FPL-Challenge Style ─────────────────────────── */
  .expert-hero{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#37003c 0%,#5c0067 50%,#37003c 100%);overflow:hidden;padding:64px 24px;}
  .expert-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 800px 400px at 60% 50%,rgba(0,255,135,0.07) 0%,transparent 70%);pointer-events:none;}
  .expert-hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto;}
  .expert-hero-eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#00ff87;margin-bottom:14px;font-weight:600;font-family:'DM Sans',sans-serif;}
  .expert-hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,9vw,108px);line-height:.9;letter-spacing:2px;color:#fff;margin-bottom:18px;}
  .expert-hero-title .xp-green{color:#00ff87;}
  .expert-hero-sub{font-size:17px;color:rgba(255,255,255,.65);max-width:500px;margin:0 auto;font-family:'DM Sans',sans-serif;}
  .expert-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:32px 48px;max-width:1280px;margin:0 auto;box-sizing:border-box;}
  .expert-card-red{background:linear-gradient(145deg,#e90052 0%,#c40047 100%);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5);display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:340px;}
  .expert-card-red-text{padding:40px 24px 40px 36px;display:flex;flex-direction:column;justify-content:flex-end;}
  .expert-card-purple{background:linear-gradient(135deg,#37003c 0%,#4e0055 60%,rgba(0,200,96,.08) 100%);border-radius:16px;overflow:hidden;box-shadow:0 8px 48px rgba(0,255,135,.12);border-top:4px solid #00ff87;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:340px;}
  .expert-card-purple-image{overflow:hidden;height:100%;}
  .expert-card-purple-text{padding:40px 32px 40px 24px;display:flex;flex-direction:column;justify-content:flex-end;}
  .expert-card-dark{grid-column:1/-1;background:linear-gradient(145deg,#200025 0%,#37003c 100%);border-radius:16px;overflow:hidden;box-shadow:0 8px 48px rgba(233,0,82,.15);border-left:5px solid #e90052;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:300px;}
  .expert-card-dark-text{padding:48px 40px;display:flex;flex-direction:column;justify-content:center;}
  .expert-card-dark-image{overflow:hidden;height:100%;}
  .expert-card-blitz{grid-column:1/-1;border-radius:16px;overflow:hidden;background:linear-gradient(to bottom,rgba(55,0,60,.82) 0%,rgba(10,0,20,.7) 100%),url('Mexico.jpeg') center/cover no-repeat;border-bottom:4px solid #00ff87;box-shadow:0 8px 32px rgba(0,0,0,.6);min-height:400px;display:flex;align-items:center;justify-content:center;padding:56px 40px;text-align:center;}
  .expert-card-group{grid-column:1/-1;background:linear-gradient(145deg,#051a10 0%,#0d3d28 100%);border-radius:16px;border-left:5px solid #00ff87;box-shadow:0 8px 48px rgba(0,255,135,.1);min-height:240px;display:flex;align-items:center;}
  .expert-card-group-text{padding:40px 48px;display:flex;flex-direction:column;justify-content:center;}
  .gw-group-row{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);}
  .gw-group-row:last-child{border-bottom:none;}
  .gw-group-label{font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:2px;color:#00ff87;margin-bottom:6px;}
  .gw-team-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;font-size:12px;color:rgba(255,255,255,.5);}
  .gw-selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .gw-selectors label{font-size:10px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:4px;}
  .gw-selectors select{width:100%;padding:8px 10px;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:13px;outline:none;cursor:pointer;}
  .xp-card-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
  .xp-card-img-red{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
  .xp-eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:600;margin-bottom:10px;font-family:'DM Sans',sans-serif;display:block;}
  .xp-eyebrow-green{color:#00ff87;}
  .xp-eyebrow-red{color:#e90052;}
  .xp-eyebrow-white{color:rgba(255,255,255,.55);}
  .xp-card-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,4vw,56px);line-height:.95;color:#fff;margin-bottom:14px;}
  .xp-card-title .xp-green{color:#00ff87;}
  .xp-card-title .xp-red{color:#e90052;}
  .xp-card-body{font-size:14px;color:rgba(255,255,255,.72);line-height:1.6;margin-bottom:24px;font-family:'DM Sans',sans-serif;max-width:340px;}
  .xp-btn{display:inline-block;border:none;cursor:pointer;padding:11px 24px;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:opacity .2s;}
  .xp-btn:hover{opacity:.85;}
  .xp-btn-white{background:#fff;color:#e90052;}
  .xp-btn-ghost{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff;}
  .xp-btn-green{background:#00ff87;color:#37003c;}
  .xp-btn-red{background:#e90052;color:#fff;}
  .xp-btn-group{display:flex;gap:12px;flex-wrap:wrap;}
  .xp-stat-row{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;}
  .xp-stat-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:3px;}
  .xp-chip-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.45);font-weight:600;font-family:'DM Sans',sans-serif;}
  .xp-chip-val{font-family:'Bebas Neue',sans-serif;font-size:22px;color:#00ff87;line-height:1;}
  .xp-blitz-content{text-align:center;max-width:640px;}
  .xp-blitz-mechanics{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px;background:rgba(0,0,0,.35);border-radius:10px;padding:16px 36px;}
  .xp-mech-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 28px;}
  .xp-mech-icon{font-family:'Bebas Neue',sans-serif;font-size:40px;color:#00ff87;line-height:1;}
  .xp-mech-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.45);font-weight:600;font-family:'DM Sans',sans-serif;}
  .xp-mech-divider{width:1px;height:44px;background:rgba(255,255,255,.15);}
  @media(max-width:768px){
    .expert-cards-grid{grid-template-columns:1fr;padding:20px;}
    .expert-card-red{grid-template-columns:1fr;}
    .expert-card-purple{grid-template-columns:1fr;}
    .expert-card-purple-image{height:220px;}
    .expert-card-dark{grid-template-columns:1fr;}
    .expert-card-dark-image{display:none;}
    .expert-card-group{min-height:auto;}
    .expert-card-group-text{padding:32px 24px;}
    .gw-selectors{grid-template-columns:1fr;}
    .xp-card-img-red{height:220px;}
    .expert-card-blitz{min-height:auto;padding:48px 24px;}
    .expert-hero{min-height:260px;padding:48px 20px;}
    .xp-blitz-mechanics{flex-direction:column;padding:16px;}
    .xp-mech-divider{width:50px;height:1px;}
    .xp-mech-item{padding:6px 0;}
  }

  /* ── Leaderboard Cards (Ligue 2 style) ──────────────────── */
  .lb-cards{display:flex;flex-direction:column;gap:10px;max-width:820px;}
  .lb-card{position:relative;display:grid;grid-template-columns:110px 28px 80px 1fr 80px;align-items:center;min-height:80px;border-radius:14px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.55);transition:transform .15s;}
  .lb-card:hover{transform:translateX(5px);}
  .lb-card::after{content:'';position:absolute;right:90px;top:0;width:80px;height:100%;background:rgba(255,255,255,.04);transform:skewX(-10deg);pointer-events:none;}
  .lb-card::before{content:'';position:absolute;right:140px;top:0;width:40px;height:100%;background:rgba(255,255,255,.025);transform:skewX(-10deg);pointer-events:none;}
  .lb-card.rank-1{background:linear-gradient(105deg,#a00038 0%,#d40050 40%,#8a0030 100%);min-height:96px;}
  .lb-card.rank-2{background:linear-gradient(105deg,#1c1c4e 0%,#2d2d70 50%,#1c1c4e 100%);}
  .lb-card.rank-3{background:linear-gradient(105deg,#162645 0%,#1e3a6a 50%,#162645 100%);}
  .lb-card.rank-4{background:linear-gradient(105deg,#1a2f4e 0%,#243f65 50%,#1a2f4e 100%);}
  .lb-card.rank-5{background:linear-gradient(105deg,#1e3050 0%,#28415e 50%,#1e3050 100%);}
  .lb-card.rank-rest{background:linear-gradient(105deg,#121e30 0%,#1a2a40 50%,#121e30 100%);}
  .lb-card-pts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px 0 20px;position:relative;z-index:1;}
  .lb-card-pts-val{font-family:'Bebas Neue',sans-serif;font-size:42px;line-height:1;color:#fff;}
  .lb-card.rank-1 .lb-card-pts-val{font-size:50px;color:#ffd700;}
  .lb-card-pts-lbl{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);font-family:'DM Sans',sans-serif;margin-top:2px;}
  .lb-card-icon{font-size:18px;opacity:.55;position:relative;z-index:1;}
  .lb-card-av{width:68px;height:68px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.2);flex-shrink:0;position:relative;z-index:1;}
  .lb-card.rank-1 .lb-card-av{width:78px;height:78px;border-color:rgba(255,215,0,.5);}
  .lb-card-av img{width:100%;height:100%;object-fit:cover;display:block;}
  .lb-card-info{flex:1;min-width:0;padding:0 20px;position:relative;z-index:1;}
  .lb-card-uname{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1;}
  .lb-card.rank-1 .lb-card-uname{font-size:34px;}
  .lb-card-uname.you{color:#00ff87;}
  .lb-card-pinfo{display:block;font-size:10px;color:rgba(255,255,255,.38);font-family:'DM Sans',sans-serif;letter-spacing:.5px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .lb-card-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:20px;position:relative;z-index:1;}
  .lb-card-badge-num{font-family:'Bebas Neue',sans-serif;font-size:24px;color:rgba(255,255,255,.9);line-height:1;}
  .lb-card-badge-suf{font-family:'DM Sans',sans-serif;font-size:9px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;}
  .lb-detail{font-size:11px;color:var(--text3);padding:2px 20px 8px;display:flex;gap:6px;flex-wrap:wrap;}

  /* ── Sidebar leaderboard (home page only) — flexbox, no grid ── */
  .main-right .lb-cards{max-width:100%;}
  .lb-league-toggle{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;}
  .lb-league-btn{padding:10px 24px;border-radius:8px;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;cursor:pointer;transition:all 0.2s;}
  .lb-league-btn.active{background:var(--green);border-color:var(--green);color:#000;}
  .lb-league-btn:hover:not(.active){border-color:var(--green);color:var(--green);}
  @media(max-width:600px){.lb-league-btn{flex:1;text-align:center;}}
  .main-right .lb-card{display:flex;align-items:center;gap:10px;min-height:64px;padding:0 14px 0 12px;grid-template-columns:unset;}
  .main-right .lb-card-icon{display:none;}
  .main-right .lb-card-pts{flex-shrink:0;width:50px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
  .main-right .lb-card-pts-val{font-size:30px;}
  .main-right .lb-card.rank-1 .lb-card-pts-val{font-size:36px;}
  .main-right .lb-card-av{flex-shrink:0;width:48px;height:48px;}
  .main-right .lb-card.rank-1 .lb-card-av{width:56px;height:56px;}
  .main-right .lb-card-info{flex:1;min-width:0;padding:0;}
  .main-right .lb-card-uname{font-size:18px;letter-spacing:1px;}
  .main-right .lb-card.rank-1 .lb-card-uname{font-size:22px;}
  .main-right .lb-card-badge{flex-shrink:0;width:36px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
  .main-right .lb-card-badge-num{font-size:18px;}

  /* ── Mystery Pack Reveal ─────────────────────────────────── */
  /* ── Mystery Pack: Sorare-style ─────────────────────────── */
  .mystery-overlay{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#07001a;}
  .myst-nebula{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 25% 35%,rgba(100,20,160,.75) 0%,transparent 65%),radial-gradient(ellipse 55% 65% at 78% 68%,rgba(20,55,160,.65) 0%,transparent 65%),radial-gradient(ellipse 45% 40% at 58% 18%,rgba(140,20,85,.55) 0%,transparent 58%),radial-gradient(ellipse 80% 80% at 50% 50%,rgba(30,10,60,.85) 0%,transparent 100%);animation:nebulaBreath 7s ease-in-out infinite alternate;}
  @keyframes nebulaBreath{0%{opacity:.85;transform:scale(1)}100%{opacity:1;transform:scale(1.06)}}
  .myst-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
  .myst-star{position:absolute;border-radius:50%;background:#fff;animation:starTwinkle var(--d,2s) var(--del,0s) ease-in-out infinite alternate;}
  @keyframes starTwinkle{0%{opacity:.08;transform:scale(.4)}100%{opacity:.9;transform:scale(1)}}
  /* Phase 1 – sealed */
  .myst-sealed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;}
  .myst-seal-card{width:240px;height:360px;border-radius:20px;background:linear-gradient(160deg,#1a0a2e 0%,#2d1b4e 45%,#12061e 100%);border:2px solid rgba(180,100,255,.55);box-shadow:0 0 40px rgba(150,50,255,.4),0 0 80px rgba(100,20,200,.2),inset 0 0 40px rgba(100,20,200,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;cursor:pointer;position:relative;overflow:hidden;animation:sealAppear .65s cubic-bezier(.34,1.56,.64,1),sealGlow 2.2s ease-in-out infinite alternate;transition:transform .12s;}
  .myst-seal-card:hover{transform:scale(1.02);}
  @keyframes sealAppear{from{transform:scale(.25) rotateY(90deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}
  @keyframes sealGlow{0%{box-shadow:0 0 30px rgba(150,50,255,.3),0 0 60px rgba(100,20,200,.12),inset 0 0 30px rgba(100,20,200,.06)}100%{box-shadow:0 0 70px rgba(190,80,255,.65),0 0 130px rgba(140,30,240,.32),inset 0 0 60px rgba(140,30,240,.14)}}
  .myst-seal-card.opening{animation:sealShake .08s linear infinite,sealOut .45s .28s forwards!important;}
  @keyframes sealShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
  @keyframes sealOut{to{transform:scale(3.5) rotateY(90deg);opacity:0}}
  .myst-seal-shine{position:absolute;inset:0;background:linear-gradient(125deg,transparent 20%,rgba(255,255,255,.07) 50%,transparent 80%);animation:sealShine 2.8s ease-in-out infinite;}
  @keyframes sealShine{0%,100%{transform:translateX(-100%) rotate(8deg)}65%{transform:translateX(210%) rotate(8deg)}}
  .myst-seal-logo{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:5px;color:#fff;text-shadow:0 0 18px rgba(180,100,255,.9);opacity:.85;}
  .myst-seal-icon{font-size:72px;filter:drop-shadow(0 0 18px rgba(200,100,255,.85));animation:iconFloat 3s ease-in-out infinite alternate;}
  @keyframes iconFloat{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}
  .myst-seal-cta{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.55);animation:ctaPulse 1.6s ease-in-out infinite alternate;}
  @keyframes ctaPulse{0%{opacity:.3}100%{opacity:1}}
  /* Phase 2 – reveal */
  .myst-reveal{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;animation:revealIn .55s cubic-bezier(.34,1.36,.64,1);}
  @keyframes revealIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
  .myst-heading{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:3px;color:#fff;align-self:center;}
  .myst-heading span{color:rgba(255,255,255,.45);font-size:20px;}
  .myst-new-label{font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:3px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);padding:3px 12px;border-radius:4px;}
  /* Sorare card */
  .sc-card{width:252px;height:378px;border-radius:18px;position:relative;overflow:hidden;animation:cardFlipIn .65s cubic-bezier(.34,1.36,.64,1);}
  @keyframes cardFlipIn{from{transform:rotateY(90deg) scale(.5);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}
  .sc-card.rarity-COMMON{border:2px solid #888;box-shadow:0 0 18px rgba(136,136,136,.3);}
  .sc-card.rarity-RARE{border:2px solid #4a8fe0;box-shadow:0 0 30px rgba(74,143,224,.55),0 0 60px rgba(74,143,224,.2);}
  .sc-card.rarity-SHINY{border:2px solid transparent;box-shadow:0 0 45px rgba(255,215,0,.65),0 0 90px rgba(255,120,0,.28);}
  .sc-card.rarity-LEGENDARY{border:2px solid #ff6400;box-shadow:0 0 55px rgba(255,100,0,.75),0 0 110px rgba(255,40,0,.4);}
  .sc-card.rarity-SHINY::before,.sc-card.rarity-LEGENDARY::before{content:'';position:absolute;inset:-3px;border-radius:21px;z-index:0;background-size:300% 300%;animation:holoRotate 2.5s linear infinite;}
  .sc-card.rarity-SHINY::before{background:linear-gradient(60deg,#ff0080,#ff8000,#ffff00,#00ff80,#0080ff,#8000ff,#ff0080);}
  .sc-card.rarity-LEGENDARY::before{background:linear-gradient(60deg,#ff4500,#ffd700,#ff6400,#ffd700,#ff4500);}
  @keyframes holoRotate{0%{background-position:0% 50%}100%{background-position:300% 50%}}
  .sc-card-inner{position:absolute;inset:2px;border-radius:16px;overflow:hidden;z-index:1;display:flex;flex-direction:column;background:linear-gradient(160deg,#1a0a38 0%,#2a1055 40%,#0d0820 100%);}
  .sc-card-framed{background:none !important;}
  .sc-framed-img{position:absolute;top:5%;left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;justify-content:center;}
  .sc-framed-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.6) 55%,transparent 100%);padding:8px 12px 10px;z-index:5;}
  .sc-holo{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(125deg,transparent 28%,rgba(255,255,255,.07) 50%,transparent 72%);animation:holoSweep 3.5s ease-in-out infinite;}
  @keyframes holoSweep{0%,100%{transform:translateX(-110%) rotate(6deg)}70%{transform:translateX(210%) rotate(6deg)}}
  .sc-top{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:10px 12px 4px;}
  .sc-league{font-family:'Bebas Neue',sans-serif;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.6);}
  .sc-rarity-badge{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:4px;text-transform:uppercase;}
  .rarity-COMMON .sc-rarity-badge{background:rgba(136,136,136,.25);color:#bbb;border:1px solid rgba(136,136,136,.35);}
  .rarity-RARE .sc-rarity-badge{background:rgba(74,143,224,.25);color:#7ab8ff;border:1px solid rgba(74,143,224,.45);}
  .rarity-SHINY .sc-rarity-badge{background:rgba(255,215,0,.18);color:#ffd700;border:1px solid rgba(255,215,0,.45);}
  .rarity-LEGENDARY .sc-rarity-badge{background:rgba(255,100,0,.25);color:#ff9040;border:1px solid rgba(255,100,0,.55);}
  .sc-galaxy{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse 90% 70% at 50% 30%,rgba(80,20,140,.85) 0%,rgba(20,10,50,.9) 55%,#0d0820 100%);}
  .sc-player-img{position:relative;z-index:3;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .sc-player-img img{width:158px;height:158px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.18);filter:drop-shadow(0 8px 24px rgba(0,0,0,.7));}
  .rarity-RARE .sc-player-img img{border-color:rgba(74,143,224,.6);box-shadow:0 0 20px rgba(74,143,224,.4);}
  .rarity-SHINY .sc-player-img img{border-color:rgba(255,215,0,.7);box-shadow:0 0 28px rgba(255,215,0,.5);}
  .rarity-LEGENDARY .sc-player-img img{border-color:rgba(255,100,0,.85);box-shadow:0 0 40px rgba(255,100,0,.65);}
  .sc-bottom{position:relative;z-index:5;padding:6px 14px 12px;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 100%);}
  .sc-stats{display:flex;align-items:center;gap:10px;margin-bottom:3px;}
  .sc-flag{font-size:15px;}
  .sc-divider{color:rgba(255,255,255,.25);font-size:11px;}
  .sc-pos{font-family:'DM Mono',sans-serif;font-size:10px;color:rgba(255,255,255,.55);letter-spacing:1px;}
  .sc-name{font-family:'Bebas Neue',sans-serif;font-size:20px;line-height:1.1;letter-spacing:1px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.9);}
  .sc-rarity-lbl{display:inline-block;margin-top:5px;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:2px 8px;border-radius:3px;}
  .rarity-COMMON .sc-rarity-lbl{background:rgba(136,136,136,.18);color:#aaa;}
  .rarity-RARE .sc-rarity-lbl{background:rgba(74,143,224,.18);color:#7ab8ff;}
  .rarity-SHINY .sc-rarity-lbl{background:rgba(255,215,0,.14);color:#ffd700;}
  .rarity-LEGENDARY .sc-rarity-lbl{background:rgba(255,100,0,.18);color:#ff9040;}
  .myst-caption{font-size:11px;color:rgba(255,255,255,.35);font-family:'DM Sans',sans-serif;text-align:center;max-width:252px;animation:mystFadeUp .5s .5s both;align-self:center;}
  .myst-accept-btn{align-self:center;background:#00ff87;color:#07001a;border:none;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:14px 48px;cursor:pointer;box-shadow:0 0 24px rgba(0,255,135,.4);animation:mystFadeUp .5s .6s both;transition:transform .12s,box-shadow .12s;}
  .myst-accept-btn:hover{transform:scale(1.05);box-shadow:0 0 44px rgba(0,255,135,.65);}
  .myst-spark{position:fixed;border-radius:50%;pointer-events:none;animation:sparkFly var(--dur,.8s) ease-out forwards;}
  @keyframes sparkFly{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--tx,0px),var(--ty,-80px)) scale(0);opacity:0}}
  @keyframes mystFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

  /* ═══════════════════════════════════════════════════════════
     CARDS PAGE
  ═══════════════════════════════════════════════════════════ */
  .cards-hero{background:url('card-banner.png') center center/cover no-repeat;min-height:220px;padding:56px 48px 36px;text-align:center;position:relative;overflow:hidden;}
  .cards-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.62) 0%,rgba(0,0,0,.78) 100%);pointer-events:none;}
  .cards-hero-title{position:relative;z-index:1;font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,8vw,96px);line-height:.9;letter-spacing:3px;background:linear-gradient(135deg,#FFD600,#fff 50%,#FFD600);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
  .cards-hero-sub{position:relative;z-index:1;color:#00ff87;font-size:13px;letter-spacing:4px;text-transform:uppercase;margin-top:8px;font-weight:700;}
  .cards-hero-meta{position:relative;z-index:1;display:flex;gap:32px;justify-content:center;margin-top:24px;flex-wrap:wrap;}
  .cards-hero-stat{text-align:center;}
  .cards-hero-stat-val{font-family:'Bebas Neue',sans-serif;font-size:32px;color:#FFD600;}
  .cards-hero-stat-lbl{font-size:11px;color:#8fa88f;letter-spacing:2px;text-transform:uppercase;}
  /* Sub-tabs */
  .cards-tabs{display:flex;gap:0;border-bottom:1px solid rgba(0,255,135,.15);padding:0 32px;background:#0a0a12;overflow-x:auto;}
  .cards-tab{background:none;border:none;color:#8fa88f;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:14px 20px;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap;}
  .cards-tab.active{color:#00ff87;border-bottom-color:#00ff87;}
  .cards-tab:hover{color:#e8f5e8;}
  /* Daily Pack */
  .pack-section{padding:40px 48px;text-align:center;}
  .pack-title{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:3px;color:#fff;margin-bottom:6px;}
  .pack-sub{font-size:12px;color:#8fa88f;letter-spacing:2px;text-transform:uppercase;margin-bottom:32px;}
  .pack-wrapper{display:inline-flex;flex-direction:column;align-items:center;gap:16px;position:relative;}
  .pack-wrapper-active{cursor:pointer;}
  .pack-img{width:300px;height:auto;display:block;border-radius:14px;box-shadow:0 0 35px rgba(218,165,32,.38),0 0 80px rgba(110,0,220,.25),0 12px 40px rgba(0,0,0,.55);animation:packImgGlow 2.5s ease-in-out infinite;}
  .pack-img-spent{filter:grayscale(.4) brightness(.6);animation:none;cursor:default;}
  .pack-wrapper-active:hover .pack-img{animation:packImgShake .09s linear infinite,packImgGlowHover 2s ease-in-out infinite;}
  @keyframes packImgGlow{0%,100%{box-shadow:0 0 35px rgba(218,165,32,.38),0 0 80px rgba(110,0,220,.25),0 12px 40px rgba(0,0,0,.55);}50%{box-shadow:0 0 65px rgba(218,165,32,.65),0 0 140px rgba(155,0,255,.5),0 0 220px rgba(100,0,200,.14),0 12px 40px rgba(0,0,0,.55);}}
  @keyframes packImgGlowHover{0%,100%{box-shadow:0 0 60px rgba(218,165,32,.65),0 0 130px rgba(180,0,255,.5),0 12px 40px rgba(0,0,0,.55);}50%{box-shadow:0 0 90px rgba(218,165,32,.85),0 0 200px rgba(200,0,255,.65),0 12px 40px rgba(0,0,0,.55);}}
  @keyframes packImgShake{0%,100%{transform:translateX(0) scale(1.02);}25%{transform:translateX(-5px) scale(1.02);}75%{transform:translateX(5px) scale(1.02);}}
  @keyframes packOpenShake{0%,100%{transform:translateX(0);}15%{transform:translateX(-9px) scale(1.02);}30%{transform:translateX(9px) scale(1.04);}45%{transform:translateX(-7px) scale(1.03) rotate(-.5deg);}60%{transform:translateX(7px) scale(1.05) rotate(.5deg);}80%{transform:translateX(-4px) scale(1.03);}}
  @keyframes packFlash{0%{opacity:0;}20%{opacity:.85;}100%{opacity:0;}}
  .pack-tap-cta{font-family:'DM Sans',sans-serif;font-size:11px;color:rgba(255,215,0,.75);letter-spacing:4px;text-transform:uppercase;animation:packTapPulse 1.6s ease-in-out infinite alternate;}
  /* Packs sub-tab */
  .packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;}
  @media(max-width:600px){.packs-grid{grid-template-columns:repeat(2,1fr);}}
  .pack-tile{cursor:pointer;border-radius:14px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s;background:#0d0820;height:320px;}
  .pack-tile:hover{transform:translateY(-5px) scale(1.02);}
  .pack-tile-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95),transparent);padding:10px 12px;}
  @keyframes packTilePulse{0%,100%{opacity:1;}50%{opacity:.82;}}
  .earn-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}
  .earn-card{background:#0d0820;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;transition:border-color .2s;}
  .progress-bar{height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;margin:4px 0;}
  .progress-fill{height:100%;border-radius:3px;transition:width .4s;}
  .hl-header{text-align:center;margin-bottom:16px;}
  .hl-stat-banner{text-align:center;display:flex;flex-direction:column;gap:2px;margin-bottom:20px;}
  .hl-cards-row{display:flex;gap:24px;justify-content:center;align-items:flex-start;flex-wrap:wrap;}
  .hl-card-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;}
  .hl-card-label{font-family:'DM Mono',monospace;font-size:10px;color:#4a614a;letter-spacing:2px;}
  .hl-stats-table{width:140px;display:flex;flex-direction:column;gap:3px;}
  .hl-stat-row{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;border-radius:4px;background:rgba(255,255,255,.03);}
  .hl-stat-hl{background:rgba(255,214,0,.12);border:1px solid rgba(255,214,0,.25);}
  .hl-stat-lbl{font-family:'DM Mono',monospace;font-size:10px;color:#8fa88f;letter-spacing:.5px;}
  .hl-stat-val{font-family:'Bebas Neue',sans-serif;font-size:16px;color:#e8f5e8;}
  .hl-btns{display:flex;gap:12px;justify-content:center;margin-top:24px;}
  .hl-btn{border:none;border-radius:10px;font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;padding:14px 36px;cursor:pointer;transition:transform .1s,opacity .2s;}
  .hl-btn:disabled{opacity:.4;cursor:not-allowed;transform:none !important;}
  .hl-btn:not(:disabled):hover{transform:translateY(-2px);}
  .hl-btn-higher{background:#00ff87;color:#000;}
  .hl-btn-lower{background:#FF3D3D;color:#fff;}
  .hl-milestone-bar{display:flex;align-items:center;justify-content:center;gap:0;margin-top:10px;}
  .hl-milestone-node{display:flex;flex-direction:column;align-items:center;gap:3px;}
  .hl-milestone-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);transition:all .3s;}
  .hl-milestone-node.reached .hl-milestone-dot{background:#00ff87;border-color:#00ff87;box-shadow:0 0 8px #00ff87;}
  .hl-milestone-node.current .hl-milestone-dot{border-color:#FFD600;animation:hlPulse 1s ease-in-out infinite;}
  .hl-milestone-lbl{font-size:9px;color:#4a614a;font-family:'DM Mono',monospace;}
  .hl-milestone-node.reached .hl-milestone-lbl,.hl-milestone-node.current .hl-milestone-lbl{color:#00ff87;}
  .hl-milestone-line{width:32px;height:2px;background:rgba(255,255,255,.08);margin-bottom:12px;}
  @keyframes hlPulse{0%,100%{box-shadow:0 0 4px #FFD600;}50%{box-shadow:0 0 12px #FFD600;}}
  @keyframes packTapPulse{0%{opacity:.25;letter-spacing:2px;}100%{opacity:.9;letter-spacing:5px;}}
  .pack-open-btn{margin-top:24px;background:linear-gradient(135deg,#FFD600,#ff8c00);color:#000;border:none;padding:12px 32px;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-block;}
  .pack-open-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,214,0,.4);}
  .pack-open-btn:disabled{opacity:.4;cursor:default;transform:none !important;box-shadow:none !important;}
  .pack-countdown{margin-top:16px;font-family:'DM Mono',sans-serif;font-size:28px;color:#00ff87;letter-spacing:3px;}
  .pack-countdown-lbl{font-size:11px;color:#8fa88f;letter-spacing:2px;text-transform:uppercase;margin-top:4px;}
  /* Pack reveal overlay */
  .pack-reveal-overlay{position:fixed;inset:0;z-index:700;background:#07001a;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:20px;}
  .pack-reveal-nebula{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(100,0,200,.3) 0%,transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(0,255,135,.08) 0%,transparent 40%),radial-gradient(ellipse at 80% 20%,rgba(255,214,0,.05) 0%,transparent 35%);animation:nebulaBreath 6s ease-in-out infinite alternate;pointer-events:none;}
  .pack-reveal-cards{display:flex;gap:20px;align-items:center;z-index:2;flex-wrap:wrap;justify-content:center;}
  .pack-reveal-card-wrap{opacity:0;transform:translateY(40px) scale(.85);transition:opacity .6s,transform .6s;}
  .pack-reveal-card-wrap.shown{opacity:1;transform:translateY(0) scale(1);}
  .pack-reveal-done-btn{margin-top:28px;background:#00ff87;color:#37003c;border:none;padding:12px 40px;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;z-index:2;opacity:0;transition:opacity .4s;}
  .pack-reveal-done-btn.visible{opacity:1;}
  /* Rare pack reveal */
  .pack-reveal-overlay-rare{background:#12001a;}
  .pack-reveal-nebula-rare{background:radial-gradient(ellipse at 50% 40%,rgba(160,0,255,.45) 0%,rgba(100,0,200,.2) 40%,rgba(200,100,0,.08) 70%,transparent 100%),radial-gradient(ellipse at 20% 80%,rgba(200,50,255,.1) 0%,transparent 40%),radial-gradient(ellipse at 80% 20%,rgba(255,200,0,.08) 0%,transparent 35%);animation:nebulaBreath 4s ease-in-out infinite alternate;}
  .prv-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;}
  .prv-p{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:hsl(calc(260 + var(--pi)*6),100%,75%);opacity:0;animation:prvPFly calc(2.4s + var(--pi)*.08s) calc(var(--pi)*.12s) ease-out infinite;}
  @keyframes prvPFly{0%{transform:translate(-50%,-50%) scale(0);opacity:.9;}70%{opacity:.6;}100%{transform:translate(calc(-50% + cos(calc(var(--pi)*26.25deg))*160px),calc(-50% + sin(calc(var(--pi)*26.25deg))*160px)) scale(1.5);opacity:0;}}
  /* Collection Album */
  .album-wrap{padding:32px 48px;}
  .album-filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;align-items:center;}
  .album-filter-sel{background:rgba(255,255,255,.06);border:1px solid rgba(0,255,135,.2);color:#e8f5e8;border-radius:8px;padding:7px 12px;font-size:12px;cursor:pointer;}
  .album-toggle{display:flex;background:rgba(255,255,255,.04);border-radius:8px;overflow:hidden;border:1px solid rgba(0,255,135,.2);}
  .album-toggle-btn{padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:none;border:none;color:#8fa88f;cursor:pointer;transition:background .2s,color .2s;}
  .album-toggle-btn.active{background:rgba(0,255,135,.15);color:#00ff87;}
  .album-country-section{margin-bottom:32px;}
  .album-country-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
  .album-country-flag{font-size:20px;}
  .album-country-name{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;color:#fff;}
  .album-country-progress{flex:1;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;}
  .album-country-progress-fill{height:100%;background:#00ff87;border-radius:2px;transition:width .4s;}
  .album-country-progress-lbl{font-size:11px;color:#8fa88f;white-space:nowrap;}
  .album-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;}
  .album-card-slot{position:relative;width:130px;height:195px;border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;justify-self:center;}
  .album-card-slot:hover{transform:translateY(-4px) rotate(.5deg);}
  .album-card-slot.missing{background:rgba(255,255,255,.03);border:2px dashed rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;border-radius:14px;}
  .album-missing-icon{font-size:32px;opacity:.2;color:#fff;}
  .album-missing-name{font-size:10px;color:rgba(255,255,255,.2);letter-spacing:1px;margin-top:6px;text-align:center;padding:0 8px;}
  /* Holographic shimmer */
  @keyframes holoShimmer{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
  .sc-card.holographic::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,0,128,.25),rgba(0,255,128,.25),rgba(0,128,255,.25),rgba(255,255,0,.25),rgba(255,0,255,.25));background-size:400% 400%;animation:holoShimmer 3s ease infinite;mix-blend-mode:overlay;pointer-events:none;z-index:10;}
  /* Card detail modal */
  .card-modal-overlay{position:fixed;inset:0;z-index:800;background:rgba(7,0,26,.92);display:flex;align-items:center;justify-content:center;padding:20px;}
  .card-modal-inner{position:relative;display:flex;gap:36px;align-items:flex-start;flex-wrap:wrap;justify-content:center;max-width:760px;z-index:2;}
  .card-modal-close{position:absolute;top:-36px;right:0;background:none;border:none;color:#8fa88f;font-size:24px;cursor:pointer;line-height:1;}
  .card-modal-stats{flex:1;min-width:240px;}
  .card-modal-stats-title{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#8fa88f;margin-bottom:16px;}
  .stat-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
  .stat-bar-name{font-size:11px;color:#8fa88f;width:80px;letter-spacing:1px;text-transform:uppercase;}
  .stat-bar-track{flex:1;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;}
  .stat-bar-fill{height:100%;border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1);}
  .stat-bar-val{font-family:'DM Mono',sans-serif;font-size:12px;color:#fff;width:28px;text-align:right;}
  /* Battle */
  .battle-wrap{padding:40px 48px;}
  .battle-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin:24px 0;}
  .battle-vs{font-family:'Bebas Neue',sans-serif;font-size:56px;color:#FF3D3D;text-shadow:0 0 30px rgba(255,61,61,.5);text-align:center;}
  .battle-stat-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:20px 0;}
  .battle-stat-btn{background:rgba(255,255,255,.06);border:1px solid rgba(0,255,135,.2);color:#e8f5e8;padding:8px 18px;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s;}
  .battle-stat-btn:hover{background:rgba(0,255,135,.15);border-color:rgba(0,255,135,.5);}
  .battle-result{text-align:center;font-family:'Bebas Neue',sans-serif;font-size:48px;letter-spacing:4px;}
  .battle-result.win{color:#00ff87;}
  .battle-result.lose{color:#FF3D3D;}
  .battle-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px;}
  /* Draft */
  .draft-wrap{padding:40px 48px;}
  .pitch{background:linear-gradient(to bottom,#1a4d1a 0%,#2d6e2d 50%,#1a4d1a 100%);border:3px solid rgba(255,255,255,.1);border-radius:16px;position:relative;width:100%;max-width:560px;aspect-ratio:2/3;margin:0 auto;}
  .formation-slot{position:absolute;transform:translate(-50%,-50%);width:72px;cursor:pointer;text-align:center;}
  .formation-slot.filled .slot-circle{border-style:solid;border-color:#00ff87;}
  .slot-circle{width:52px;height:52px;border-radius:50%;border:2px dashed rgba(255,255,255,.3);margin:0 auto 4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:rgba(255,255,255,.6);letter-spacing:1px;background:rgba(0,0,0,.4);overflow:hidden;}
  .slot-label{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px;}
  .draft-pick-modal{position:fixed;inset:0;z-index:700;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:20px;}
  .draft-pick-inner{background:#0d0018;border:1px solid rgba(0,255,135,.25);border-radius:16px;padding:24px;width:100%;max-width:580px;max-height:80vh;overflow-y:auto;}
  .draft-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:16px;}
  .draft-rating{text-align:center;font-family:'Bebas Neue',sans-serif;font-size:52px;color:#FFD600;line-height:1;}
  /* Trade */
  .trade-wrap{padding:40px 48px;}
  .trade-inbox-item{background:rgba(255,255,255,.03);border:1px solid rgba(0,255,135,.12);border-radius:10px;padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
  .trade-status{padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
  .trade-status.pending{background:rgba(255,165,0,.2);color:#ffa500;}
  .trade-status.accepted{background:rgba(0,255,135,.15);color:#00ff87;}
  .trade-status.declined{background:rgba(255,61,61,.15);color:#FF3D3D;}
  .trade-warning{background:rgba(255,165,0,.08);border:1px solid rgba(255,165,0,.25);border-radius:8px;padding:8px 12px;font-size:12px;color:#ffa500;margin:8px 0;}
  /* Gamble */
  .gamble-wrap{padding:20px 24px;background:#0d0d18;display:flex;flex-direction:column;gap:14px;}
  .gb-img-top-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .gb-img-roulette-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .gb-img-card{position:relative;background-size:cover;background-position:center top;background-repeat:no-repeat;border-radius:16px;overflow:hidden;aspect-ratio:830/965;}
  .gb-img-roulette-card{position:relative;background-size:cover;background-position:center top;background-repeat:no-repeat;border-radius:16px;overflow:hidden;aspect-ratio:830/1627;}
  .gb-img-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:14px 16px;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 30%,transparent 55%);}
  .gb-action-btn{width:100%;padding:12px 16px;border-radius:10px;border:none;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:box-shadow .2s,filter .2s;}
  .gb-btn-coral{background:#FF4D4D;color:#fff;box-shadow:0 4px 18px rgba(255,77,77,.4);}
  .gb-btn-coral:hover{filter:brightness(1.12);box-shadow:0 6px 26px rgba(255,77,77,.55);}
  .gb-btn-gold{background:linear-gradient(135deg,#FFD700,#FF9500);color:#0d0010;font-weight:900;box-shadow:0 4px 18px rgba(255,184,0,.4);}
  .gb-btn-gold:hover{filter:brightness(1.1);box-shadow:0 6px 26px rgba(255,184,0,.55);}
  .gb-btn-locked{background:rgba(15,15,35,.82);border:1px solid rgba(90,90,130,.35);color:#52527a;cursor:default;backdrop-filter:blur(2px);}
  .roulette-wheel{width:180px;height:180px;border-radius:50%;border:4px solid rgba(255,215,0,.35);margin:0 auto 16px;background:conic-gradient(#cd7f32 0% 40%,#c0c0c0 40% 70%,#FFD600 70% 90%,#2a2a3a 90% 100%);transition:transform 4s cubic-bezier(.17,.67,.12,1);}
  @media(max-width:640px){.gb-img-top-row,.gb-img-roulette-row{grid-template-columns:1fr;}}
  /* Seasonal Events */
  .events-wrap{padding:0 48px 48px;}
  .events-banner{background:linear-gradient(90deg,rgba(55,0,60,.8),rgba(0,20,0,.8));border:1px solid rgba(0,255,135,.2);border-radius:12px;padding:20px 24px;margin-bottom:14px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
  .event-badge{background:rgba(255,214,0,.15);border:1px solid rgba(255,214,0,.3);color:#FFD600;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;}
  .event-locked{opacity:.4;filter:grayscale(.8);}
  /* Collector Leaderboard */
  .collector-lb-wrap{padding:40px 48px;}
  .collector-lb-card{background:linear-gradient(135deg,#1a0020 0%,#2d0038 60%,rgba(0,255,135,.04) 100%);border:1px solid rgba(0,255,135,.15);border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:16px;margin-bottom:12px;}
  .collector-lb-card.is-you{border-color:rgba(0,255,135,.4);}
  .collector-rank-badge{font-family:'Bebas Neue',sans-serif;font-size:28px;min-width:44px;text-align:center;}
  .collector-score{font-family:'DM Mono',sans-serif;font-size:20px;color:#FFD600;font-weight:700;white-space:nowrap;}
  @media(max-width:700px){.pack-section{padding:32px 20px;}.album-wrap{padding:20px;}.battle-wrap,.draft-wrap,.trade-wrap,.gamble-wrap,.collector-lb-wrap{padding:24px 16px;}.cards-hero{padding:40px 20px 28px;}.album-cards-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));}.trade-composer{grid-template-columns:1fr;}}
  /* ─── USER PROFILE MODAL ─── */
  .profile-modal-overlay{position:fixed;inset:0;z-index:850;background:rgba(7,0,26,.95);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 20px;}
  .profile-modal-inner{background:linear-gradient(135deg,#0d001a,#1a0030);border:1px solid rgba(0,255,135,.2);border-radius:20px;width:100%;max-width:960px;padding:32px;position:relative;}
  .profile-modal-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#8fa88f;font-size:24px;cursor:pointer;line-height:1;z-index:2;}
  .trade-composer{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;}
  .trade-panel{background:rgba(255,255,255,.03);border:1px solid rgba(0,255,135,.12);border-radius:12px;padding:16px;}
  .trade-panel-title{font-size:11px;letter-spacing:3px;color:#8fa88f;text-transform:uppercase;margin-bottom:12px;font-weight:700;}
  .trade-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;max-height:360px;overflow-y:auto;padding:4px;}
  .trade-card-wrap{cursor:pointer;border-radius:10px;border:2px solid transparent;transition:border-color .15s,transform .15s;position:relative;}
  .trade-card-wrap.selected{border-color:#00ff87;transform:scale(1.04);}
  .trade-card-wrap.selected::after{content:'✓';position:absolute;top:4px;right:4px;background:#00ff87;color:#000;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:5;}
  .trade-submit-btn{background:#00ff87;color:#37003c;border:none;padding:12px 32px;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;width:100%;margin-top:20px;transition:opacity .2s;}
  .trade-submit-btn:disabled{opacity:.35;cursor:default;}

  /* ── V3 ROUNDS TAB ───────────────────────────── */
  #roundsContent {
    background-image: linear-gradient(rgba(0,255,135,0.024) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0,255,135,0.024) 1px, transparent 1px);
    background-size: 32px 32px;
    padding: 0;
  }
  /* ── ROUNDS REDESIGN ──────────────────────────────── */
  .rnd-group-nav {
    position: sticky;
    top: 65px;
    z-index: 40;
    background: #0a0a0a;
    border-bottom: 1px solid rgba(0,255,135,0.12);
    backdrop-filter: blur(8px);
  }
  .rnd-gnav-scroll {
    display: flex;
    gap: 4px;
    padding: 10px 16px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .rnd-gnav-scroll::-webkit-scrollbar { display: none; }
  .rnd-gnav-btn {
    padding: 6px 14px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.45);
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    letter-spacing: 1px;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s;
  }
  .rnd-gnav-btn:hover { background: rgba(0,255,135,0.08); border-color: rgba(0,255,135,0.3); color: #00ff87; }
  .rnd-gnav-btn.active { background: rgba(0,255,135,0.12); border-color: #00ff87; color: #00ff87; }
  .rnd-groups-body {
    padding: 20px max(16px, calc((100% - 900px) / 2));
    box-sizing: border-box;
  }
  .rnd-stats-strip {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: rgba(0,255,135,0.06);
    border: 1px solid rgba(0,255,135,0.12);
    border-radius: 6px;
    margin-bottom: 28px;
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    letter-spacing: 1.5px;
    color: #5d745d;
    text-transform: uppercase;
  }
  .rnd-stats-strip strong { color: #00ff87; }
  .rnd-stats-dot { color: rgba(0,255,135,0.25); font-size: 14px; }
  .rnd-group-section {
    margin-bottom: 48px;
    scroll-margin-top: 120px;
  }
  .rnd-group-header {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0,255,135,0.15);
  }
  .rnd-match-count {
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    letter-spacing: 2px;
    color: #5d745d;
    text-transform: uppercase;
  }
  .rnd-match-list { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; }
  .rnd-match-row {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 10px 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(0,255,135,0.08);
    border-radius: 6px;
    transition: border-color 0.15s;
  }
  .rnd-match-row:hover { border-color: rgba(0,255,135,0.18); }
  .rnd-match-row.featured { border-color: rgba(255,214,0,0.3); background: linear-gradient(135deg,rgba(255,214,0,0.05),transparent); }
  .rnd-match-badge-row { margin-bottom: 6px; }
  .rnd-match-teams-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
  }
  .rnd-match-team { display: flex; align-items: center; gap: 6px; }
  .rnd-match-team-home { justify-content: flex-start; }
  .rnd-match-team-away { justify-content: flex-end; flex-direction: row-reverse; }
  .rnd-team-name { font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 500; color: #e8f5e8; }
  .rnd-match-score { display: flex; align-items: center; gap: 4px; }
  .rnd-match-time { font-family: 'DM Mono', monospace; font-size: 16px; letter-spacing: 1px; color: #5d745d; text-align: center; }
  .rnd-match-predict {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    border-top: 1px solid rgba(0,255,135,0.07);
    padding-top: 8px;
    margin-top: 8px;
  }
  .rnd-subtab-nav {
    position: sticky; top: 65px; z-index: 10;
    background: #0a0f0a; border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 0 12px;
  }
  .rnd-subtab-scroll {
    display: flex; gap: 4px; overflow-x: auto; padding: 10px 0;
    scrollbar-width: none;
  }
  .rnd-subtab-scroll::-webkit-scrollbar { display: none; }
  .rnd-subtab-btn {
    flex-shrink: 0; padding: 7px 14px; border-radius: 6px;
    border: 1px solid rgba(255,255,255,.08); background: transparent;
    color: rgba(255,255,255,.4); font-family: 'DM Sans', sans-serif;
    font-size: 11px; font-weight: 700; letter-spacing: .06em;
    cursor: pointer; white-space: nowrap; transition: all .15s;
  }
  .rnd-subtab-btn:hover { border-color: rgba(0,255,135,.2); color: rgba(255,255,255,.7); }
  .rnd-subtab-btn.active {
    background: rgba(0,255,135,.12); border-color: rgba(0,255,135,.3); color: #00ff87;
  }
  .rnd-ko-body { padding: 16px 12px; }
  .rnd-ko-list {
    display: flex; flex-direction: column; gap: 8px;
    max-width: 560px; margin: 0 auto;
  }
  .rnd-ko-empty {
    padding: 40px; text-align: center;
    color: #4a614a; font-size: 12px;
    letter-spacing: 2px; text-transform: uppercase;
  }
  .rounds-progress {
    display: flex;
    gap: 24px;
    padding: 14px 20px;
    background: rgba(0,255,135,0.06);
    border: 1px solid rgba(0,255,135,0.15);
    margin-bottom: 28px;
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    letter-spacing: 2px;
    color: #5d745d;
    text-transform: uppercase;
  }
  .rounds-progress strong { color: #00ff87; }
  .v3-round-section { margin-bottom: 36px; }
  .v3-round-header {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0,255,135,0.15);
  }
  .v3-round-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 28px;
    letter-spacing: 4px;
    color: #00ff87;
    text-transform: uppercase;
    line-height: 1;
  }
  .v3-round-subtitle {
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    letter-spacing: 2px;
    color: #5d745d;
    text-transform: uppercase;
  }
  .v3-standings {
    width: 100%;
    border: 1px solid rgba(0,255,135,0.1);
    overflow: hidden;
    margin-bottom: 16px;
  }
  .v3-standings-header {
    display: grid;
    grid-template-columns: 28px 1fr 30px 30px 30px 30px 44px 44px;
    padding: 6px 12px;
    background: rgba(0,255,135,0.06);
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 2px;
    color: #5d745d;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0,255,135,0.08);
  }
  .v3-standings-header span, .v3-standings-num { text-align: center; }
  .v3-standings-header span:nth-child(2) { text-align: left; }
  .v3-standings-row {
    display: grid;
    grid-template-columns: 28px 1fr 30px 30px 30px 30px 44px 44px;
    padding: 8px 12px;
    align-items: center;
    border-bottom: 1px solid rgba(0,255,135,0.04);
    transition: background 0.15s;
  }
  .v3-standings-row:last-child { border-bottom: none; }
  .v3-standings-row:hover { background: rgba(0,255,135,0.04); }
  .v3-standings-row.qualified {
    background: linear-gradient(90deg, rgba(0,255,135,0.08), transparent 80%);
    border-left: 3px solid #00ff87;
    padding-left: 9px;
  }
  .v3-standings-rank { font-family: 'DM Mono', monospace; font-size: 11px; color: #5d745d; }
  .v3-standings-team { display: flex; align-items: center; gap: 8px; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 500; color: #e8f5e8; }
  .v3-standings-num { font-family: 'DM Mono', monospace; font-size: 12px; color: #8fa88f; text-align: center; }
  .v3-standings-pts { font-family: 'DM Mono', monospace; font-size: 13px; font-weight: 700; color: #00ff87; text-align: center; }
  .v3-matches-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
  .v3-match-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(0,255,135,0.1);
    padding: 14px 16px;
    position: relative;
  }
  .v3-match-card.featured {
    border-color: rgba(255,214,0,0.333);
    background: linear-gradient(135deg, rgba(255,214,0,0.06), transparent);
  }
  .v3-match-meta { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 2px; color: #5d745d; text-transform: uppercase; margin-bottom: 10px; }
  .v3-match-teams { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
  .v3-team { display: flex; align-items: center; gap: 8px; flex: 1; }
  .v3-team.away { flex-direction: row-reverse; text-align: right; }
  .v3-team-flag { line-height: 1; }
  .v3-team-flag .flag-img { width: 28px; }
  .fpl-card-flag .flag-img { width: 22px; }
  .v3-team-info { display: flex; flex-direction: column; }
  .v3-team-name { font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; color: #e8f5e8; }
  .v3-score-block { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
  .v3-score { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 2px; color: #e8f5e8; min-width: 24px; text-align: center; }
  .v3-score-sep { font-family: 'DM Mono', monospace; font-size: 14px; color: #5d745d; }
  .v3-kickoff-time { font-family: 'DM Mono', monospace; font-size: 18px; letter-spacing: 1px; color: #5d745d; }
  .v3-badge { display: inline-block; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; padding: 3px 8px; margin-bottom: 6px; }
  .v3-badge-featured { background: rgba(255,214,0,0.15); color: #ffd600; }
  .v3-badge-live { background: rgba(255,61,61,0.15); color: #ff3d3d; }
  .v3-badge-finished { background: rgba(0,255,135,0.1); color: #00ff87; }
  .v3-badge-upcoming { background: rgba(255,255,255,0.05); color: #5d745d; }
  .v3-predict-row {
    border-top: 1px solid rgba(0,255,135,0.08);
    padding-top: 10px;
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .v3-predict-label { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 1px; color: #5d745d; text-transform: uppercase; }
  .v3-predict-score { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 2px; color: #00ff87; }
  .v3-knockout-header {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: 6px;
    color: #ffd600;
    text-transform: uppercase;
    margin: 40px 0 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,214,0,0.2);
  }
  .v3-knockout-label { color: #ffd600; }

  /* ── STITCH DASHBOARD HOME ─────────────────────── */
  .s-hero{position:relative;padding:80px 64px 64px;min-height:340px;background:linear-gradient(160deg,var(--s-surface-low) 0%,var(--s-bg) 60%),url('wc2026.jpeg') center/cover no-repeat;background-blend-mode:multiply;border-bottom:1px solid var(--s-outline-var);}
  .s-hero-inner{max-width:1280px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;}
  .s-hero-label{font-family:var(--s-font-ui);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--s-primary);margin-bottom:12px;}
  .s-hero-title{font-family:var(--s-font-display);font-size:48px;font-weight:700;line-height:1.1;letter-spacing:-0.02em;color:var(--s-on-surface);}
  .s-hero-title span{color:var(--s-primary);}
  .s-hero-meta{margin-top:16px;font-family:var(--s-font-ui);font-size:16px;line-height:1.5;color:var(--s-on-surface-2);}
  .s-dashboard{display:grid;grid-template-columns:1fr;max-width:1280px;margin:0 auto;align-items:start;}
  .s-dashboard-main{padding:40px 48px 48px;}
  .s-dashboard-side{display:none;}
  .s-section-label{font-family:var(--s-font-ui);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--s-on-surface-2);margin-bottom:16px;display:flex;align-items:center;gap:12px;}
  .s-section-label::after{content:'';flex:1;height:1px;background:var(--s-outline-var);}
  #page-home .match-card{background:var(--s-surface);border:1px solid var(--s-outline-var);border-radius:8px;padding:50px 40px;min-height:340px;margin-bottom:20px;box-shadow:none;}
  #page-home .match-card.featured{border-color:rgba(0,255,135,0.35);border-top:2px solid var(--s-primary);background:var(--s-surface-high);box-shadow:0 4px 24px rgba(0,0,0,0.4);}
  #page-home .match-group{font-family:var(--s-font-ui);font-size:21px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff;text-align:center;margin-bottom:16px;}
  #page-home .match-badge{display:block;text-align:center;background:transparent;border:none;padding:0;margin-bottom:24px;font-size:17px;color:#cccccc;letter-spacing:1px;font-family:'DM Mono',monospace;}
  #page-home .match-badge.badge-live{color:#ff4444;background:transparent;border:none;}
  #page-home .match-teams{margin-top:4px;margin-bottom:30px;}
  #page-home .team-name{font-family:var(--s-font-display);font-size:30px;letter-spacing:2px;text-transform:uppercase;color:#fff;}
  #page-home .team-flag{margin-bottom:16px;}
  #page-home .team-flag .flag-img{width:64px;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.5));}
  #page-home .predict-row{padding-top:24px;}
  #page-home .team-score{font-family:var(--s-font-display);font-size:36px;}
  #page-home .stats-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;}
  #page-home .stat-chip{background:var(--s-surface-high);border:1px solid var(--s-outline-var);border-radius:8px;padding:16px;box-shadow:none;}
  #page-home .stat-chip::before{display:none;}
  #page-home .stat-chip-label{font-family:var(--s-font-ui);font-size:11px;font-weight:600;letter-spacing:0.08em;color:var(--s-on-surface-2);text-transform:uppercase;margin-bottom:4px;}
  #page-home .stat-chip-val{font-family:var(--s-font-display);font-size:40px;font-weight:700;line-height:1;color:var(--s-on-surface);}
  #page-home .stat-chip-val.gold{color:#ffdb3c;}
  #page-home .lb-cards{max-width:100%;}
  #page-home .lb-card{display:flex;align-items:center;gap:10px;min-height:60px;padding:10px 14px;border-radius:8px;grid-template-columns:unset;margin-bottom:6px;box-shadow:none;}
  #page-home .lb-card-pts-val{font-family:var(--s-font-display);font-size:28px;}
  #page-home .lb-card-uname{font-family:var(--s-font-display);font-size:18px;letter-spacing:0;}
  #page-home .lb-card-icon{display:none;}
  #page-home .lb-card-av{flex-shrink:0;width:44px;height:44px;}
  #page-home .lb-card.rank-1 .lb-card-av{width:52px;height:52px;}
  @media(max-width:960px){
    .s-dashboard{grid-template-columns:1fr;}
    .s-dashboard-main{padding:32px 24px;}
    .s-dashboard-side{display:none;}
    .s-hero{padding:56px 24px 48px;}
    .s-hero-title{font-size:36px;}
    .rounds-grid,.admin-wrap,.expert-cards-grid,#cardsContent,#displayContent{padding-left:24px;padding-right:24px;}
    #cardsContent>.cards-hero{margin-left:-24px;margin-right:-24px;}
    #fullLB{padding-left:24px !important;padding-right:24px !important;}
    .rounds-hero{padding-left:24px;padding-right:24px;}
  }

  /* ── DOUBLE OR NOTHING (MADFUT redesign) ─────── */
  .don-wrap{background:#0b0e14;color:#fff;}
  .don-hero{padding:28px 24px 22px;background:linear-gradient(135deg,rgba(40,20,0,.8) 0%,#0b0e14 100%);border-bottom:1px solid rgba(255,214,0,.1);}
  .don-hero-eyebrow{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,255,255,.3);letter-spacing:3px;text-transform:uppercase;margin-bottom:6px;}
  .don-hero-title{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:3px;color:#fff;line-height:1;margin-bottom:10px;}
  .don-hero-desc{font-family:'DM Sans',sans-serif;font-size:12px;color:rgba(255,255,255,.4);line-height:1.6;max-width:440px;margin-bottom:18px;}
  .don-btn-primary{background:linear-gradient(135deg,#00ff87,#00a859);color:#000;font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1.5px;border-radius:6px;box-shadow:0 4px 15px rgba(0,255,135,.4);border:none;padding:12px 28px;cursor:pointer;text-transform:uppercase;transition:box-shadow .2s,transform .15s;display:inline-block;}
  .don-btn-primary:hover{box-shadow:0 6px 24px rgba(0,255,135,.6);transform:translateY(-2px);}
  .don-btn-locked{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.3);font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:1.5px;padding:12px 28px;border-radius:6px;display:inline-block;}
  .don-won-banner{background:rgba(255,214,0,.08);border:1px solid rgba(255,214,0,.3);border-radius:8px;padding:14px 20px;display:inline-block;}
  .don-won-title{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;color:#ffd600;}
  .don-won-sub{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,.4);margin-top:4px;}
  .don-body{display:grid;grid-template-columns:1fr 280px;gap:24px;padding:20px 24px;}
  .don-main{display:flex;flex-direction:column;gap:16px;}
  .don-side{}
  .don-section-label{font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:2px;color:rgba(255,255,255,.4);margin-bottom:8px;}
  .don-rules-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;}
  .don-rule-row{display:flex;align-items:flex-start;gap:10px;font-family:'DM Sans',sans-serif;font-size:12px;color:rgba(255,255,255,.55);}
  .don-rule-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:12px;flex-shrink:0;}
  .don-rule-neutral{background:rgba(255,255,255,.1);color:rgba(255,255,255,.6);}
  .don-rule-win{background:rgba(0,255,135,.15);color:#00ff87;}
  .don-rule-lose{background:rgba(255,107,107,.15);color:#ff6b6b;}
  .don-rarity-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;}
  .don-rarity-row{display:flex;justify-content:space-between;align-items:center;}
  .don-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;}
  .don-stat-pill{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;text-align:center;}
  .don-stat-pill-val{font-family:'Bebas Neue',sans-serif;font-size:28px;color:#fff;line-height:1;}
  .don-stat-pill-lbl{font-family:'DM Mono',monospace;font-size:8px;color:rgba(255,255,255,.3);letter-spacing:1.5px;margin-top:1px;}
  .don-best-card{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,.4);padding:8px 12px;background:rgba(255,214,0,.04);border:1px solid rgba(255,214,0,.12);border-radius:6px;margin-bottom:12px;}
  .don-feed-card{display:flex;flex-direction:column;gap:4px;}
  .don-feed-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:rgba(255,255,255,.03);border-radius:6px;border-left:3px solid transparent;}
  .don-feed-avatar{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:10px;color:rgba(255,255,255,.6);flex-shrink:0;}
  .don-feed-name{font-family:'DM Sans',sans-serif;font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .don-feed-rarity{font-family:'Bebas Neue',sans-serif;font-size:9px;letter-spacing:1.5px;padding:2px 7px;border-radius:10px;border:1px solid;flex-shrink:0;}
  .don-feed-time{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,255,255,.25);flex-shrink:0;}
  @media(max-width:760px){
    .don-body{grid-template-columns:1fr;}
    .don-hero{padding:20px 16px 16px;}
    .don-hero-title{font-size:28px;}
  }

  /* ── COLLECTOR LEADERBOARD (Stitch Animated) ─── */
  .clb-wrap{padding:0;background:var(--s-bg);}
  .clb-hero{padding:48px 64px 40px;background:linear-gradient(160deg,var(--s-surface-low) 0%,var(--s-bg) 70%);border-bottom:1px solid var(--s-outline-var);}
  .clb-hero-label{font-family:var(--s-font-ui);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--s-on-surface-2);margin-bottom:8px;}
  .clb-hero-title{font-family:var(--s-font-display);font-size:56px;font-weight:700;line-height:1;letter-spacing:-0.02em;color:var(--s-on-surface);margin-bottom:6px;}
  .clb-hero-sub{font-family:var(--s-font-ui);font-size:12px;color:var(--s-outline);letter-spacing:0.04em;}
  .clb-body{max-width:960px;margin:0 auto;padding:40px 64px 64px;}
  .clb-podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:32px;}
  .clb-pod{background:var(--s-surface);border:1px solid var(--s-outline-var);border-radius:8px;padding:24px 20px;text-align:center;position:relative;overflow:hidden;animation:clbFadeUp .4s ease both;}
  .clb-pod-1{border-color:rgba(255,214,0,.35);background:linear-gradient(160deg,var(--s-surface-high) 0%,var(--s-surface) 100%);}
  .clb-pod-2{animation-delay:.08s;}
  .clb-pod-3{animation-delay:.16s;}
  .clb-pod::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}
  .clb-pod-1::before{background:#ffd600;}
  .clb-pod-2::before{background:#c0c0c0;}
  .clb-pod-3::before{background:#cd7f32;}
  .clb-pod-rank{font-family:var(--s-font-display);font-size:14px;font-weight:700;letter-spacing:0.05em;margin-bottom:12px;}
  .clb-pod-av{width:64px;height:64px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:2px solid var(--s-outline-var);}
  .clb-pod-1 .clb-pod-av{width:76px;height:76px;border-color:rgba(255,214,0,.5);}
  .clb-pod-av img{width:100%;height:100%;object-fit:cover;display:block;}
  .clb-pod-name{font-family:var(--s-font-display);font-size:20px;font-weight:600;letter-spacing:-0.01em;color:var(--s-on-surface);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .clb-pod-1 .clb-pod-name{font-size:24px;color:#ffd600;}
  .clb-pod-badge{display:inline-block;font-family:var(--s-font-ui);font-size:9px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:2px 8px;border-radius:4px;margin-bottom:10px;}
  .clb-pod-score{font-family:var(--s-font-display);font-size:36px;font-weight:700;line-height:1;color:var(--s-on-surface);}
  .clb-pod-1 .clb-pod-score{font-size:44px;color:#ffd600;}
  .clb-list{display:flex;flex-direction:column;gap:6px;}
  .clb-row{display:grid;grid-template-columns:48px 44px 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;background:var(--s-surface);border:1px solid var(--s-outline-var);border-radius:8px;animation:clbSlideIn .35s ease both;}
  .clb-row.is-you{border-color:rgba(0,255,135,.35);background:var(--s-surface-high);}
  .clb-row-rank{font-family:var(--s-font-display);font-size:20px;font-weight:700;text-align:center;color:var(--s-outline);}
  .clb-row-av{width:44px;height:44px;border-radius:50%;overflow:hidden;border:1px solid var(--s-outline-var);flex-shrink:0;}
  .clb-row-av img{width:100%;height:100%;object-fit:cover;display:block;}
  .clb-row-name{font-family:var(--s-font-display);font-size:18px;font-weight:600;letter-spacing:-0.01em;color:var(--s-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .clb-row.is-you .clb-row-name{color:var(--s-primary);}
  .clb-row-gap{font-family:var(--s-font-ui);font-size:11px;color:var(--s-outline);text-align:right;white-space:nowrap;}
  .clb-row-score{font-family:var(--s-font-display);font-size:22px;font-weight:700;color:var(--s-on-surface);text-align:right;white-space:nowrap;}
  @keyframes clbFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
  @keyframes clbSlideIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
  @media(max-width:960px){
    .clb-body{padding:32px 24px 48px;}
    .clb-hero{padding:40px 24px 32px;}
    .clb-hero-title{font-size:40px;}
    .clb-podium{grid-template-columns:1fr;}
  }
  @media(max-width:700px){
    .clb-row{grid-template-columns:36px 36px 1fr auto;}
    .clb-row-gap{display:none;}
  }

  /* ── DRAFT TAB ─────────────────────────────────── */
  .draft-wrap{padding:0;background:var(--s-bg);min-height:calc(100vh - 200px);}
  @keyframes rainbowBorder{0%{border-color:#ff0000;}20%{border-color:#ff8800;}40%{border-color:#ffff00;}60%{border-color:#00ff88;}80%{border-color:#0088ff;}100%{border-color:#ff0000;}}
  .card-exclusive{animation:rainbowBorder 2s linear infinite;border-width:2px !important;border-style:solid !important;}
  @media(max-width:900px){
    .draft-wrap{min-height:auto;}
    .draft-wrap>[style*="grid-template-columns:1fr 420px"]{display:block !important;}
    .draft-wrap>[style*="grid-template-columns:1fr 340px"]{display:block !important;}
  }

  .myteam-badge{display:inline-block;padding:4px 12px;background:rgba(74,143,224,.15);border:1px solid rgba(74,143,224,.3);color:#4a8fe0;border-radius:4px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;font-weight:700;}
  @media(max-width:900px){.draft-wrap>[style*="grid-template-columns:1fr 380px"]{display:block !important;}}

  /* ── PACKS TAB (MADFUT redesign) ─────────────────── */
  .pck-wrap{background:#0b0e14;min-height:100vh;color:#fff;}
  .pck-hero{padding:32px 28px 24px;background:linear-gradient(180deg,#0f1420 0%,#0b0e14 100%);border-bottom:1px solid rgba(0,255,135,.08);}
  .pck-hero-eyebrow{font-family:'DM Mono',monospace;font-size:10px;color:rgba(255,255,255,.3);letter-spacing:3px;text-transform:uppercase;margin-bottom:6px;}
  .pck-hero-title{font-family:'Bebas Neue',sans-serif;font-size:42px;color:#fff;letter-spacing:3px;line-height:1;margin-bottom:20px;}
  .pck-hero-stats{display:flex;gap:12px;flex-wrap:wrap;}
  .pck-stat-pill{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 18px;min-width:90px;text-align:center;}
  .pck-stat-pill-val{font-family:'Bebas Neue',sans-serif;font-size:32px;line-height:1;color:#fff;}
  .pck-stat-pill-lbl{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,255,255,.35);letter-spacing:1.5px;margin-top:2px;}
  .pck-body{display:grid;grid-template-columns:1fr 280px;gap:24px;padding:24px 28px;}
  .pck-main{display:flex;flex-direction:column;gap:20px;}
  .pck-side{display:flex;flex-direction:column;gap:12px;}
  .pck-section-label{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;color:rgba(255,255,255,.5);margin-bottom:4px;}
  .pck-vault{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;}
  .pck-tile{background:#0f1420;border:1px solid rgba(0,255,135,.15);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;max-width:200px;width:100%;}
  .pck-tile:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,255,135,.25);}
  .pck-tile-img-wrap{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;}
  .pck-tile-img{width:100%;height:100%;object-fit:cover;display:block;}
  .pck-tile-foil{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 40%,rgba(0,255,135,.08) 70%,transparent 100%);pointer-events:none;}
  .pck-tile-badge{font-family:'Bebas Neue',sans-serif;font-size:10px;letter-spacing:1.5px;padding:4px 8px;margin:6px 6px 0;border-radius:4px;display:inline-block;}
  .pck-tile-overlay{padding:8px 10px 12px;}
  .pck-tile-source{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,255,255,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .pck-tile-date{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,255,255,.25);margin-bottom:6px;}
  .pck-tile-open{font-family:'Bebas Neue',sans-serif;font-size:12px;letter-spacing:1.5px;text-align:center;padding:6px;border-radius:6px;width:100%;}
  .pck-empty-state{display:flex;flex-direction:column;align-items:center;padding:32px 0;grid-column:1/-1;}
  .pck-silhouette-row{display:flex;gap:12px;margin-bottom:20px;}
  .pck-silhouette{width:100px;height:150px;border:2px dashed rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02);}
  .pck-empty-msg{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:3px;color:rgba(255,255,255,.25);}
  .pck-empty-sub{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,.2);margin-top:6px;text-align:center;}
  .pck-promo-card{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);}
  .pck-promo-hl{border-color:rgba(0,255,135,.2);}
  .pck-promo-don{border-color:rgba(255,214,0,.2);}
  .pck-promo-header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,rgba(0,40,25,.9) 0%,rgba(0,20,12,.9) 100%);}
  .pck-promo-don .pck-promo-header{background:linear-gradient(135deg,rgba(40,20,0,.9) 0%,rgba(30,10,0,.9) 100%);}
  .pck-promo-icon{font-size:20px;}
  .pck-promo-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;color:#fff;flex:1;}
  .pck-promo-badge{font-family:'Bebas Neue',sans-serif;font-size:10px;letter-spacing:1px;padding:3px 8px;border-radius:4px;}
  .pck-hl-wrap{padding:16px 18px;background:#0b0e14;}
  .pck-mission{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px;}
  .pck-mission-title{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;margin-bottom:6px;}
  .pck-mission-desc{font-family:'DM Sans',sans-serif;font-size:11px;color:rgba(255,255,255,.4);line-height:1.5;margin-bottom:8px;}
  .pck-mission-odds{font-family:'DM Mono',monospace;font-size:10px;border-radius:6px;padding:5px 8px;margin-top:4px;}
  .pck-progress-row{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:10px;margin-top:6px;margin-bottom:3px;}
  .pck-progress-bar{height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;}
  .pck-progress-fill{height:100%;border-radius:2px;transition:width .4s;}
  .pck-streak-dots{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0;}
  .pck-streak-dot{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:11px;}
  @media(max-width:860px){
    .pck-body{grid-template-columns:1fr;}
    .pck-hero{padding:24px 16px 20px;}
    .pck-hero-title{font-size:32px;}
  }

/* ── MISSIONS TAB — MADFUT Style ─── */
@keyframes msn-pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,255,135,.5)}50%{box-shadow:0 0 0 8px rgba(0,255,135,0)}}
@keyframes msn-pulse-gold{0%,100%{box-shadow:0 0 0 0 rgba(255,214,0,.5)}50%{box-shadow:0 0 0 8px rgba(255,214,0,0)}}
@keyframes msn-ring-glow{0%,100%{box-shadow:0 0 8px rgba(0,255,135,.3)}50%{box-shadow:0 0 20px rgba(0,255,135,.7)}}

/* Page */
.msn-page{padding:20px;display:flex;flex-direction:column;gap:20px;max-width:900px;margin:0 auto;background:#0b0e14;min-height:100%;}

/* Hero */
.msn-hero{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;background:linear-gradient(135deg,rgba(0,40,20,.6) 0%,rgba(255,255,255,.03) 100%);border:1px solid rgba(0,255,135,.15);border-radius:16px;backdrop-filter:blur(12px);}
.msn-hero-title{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:4px;color:#fff;line-height:1;}
.msn-hero-sub{font-family:'DM Mono',monospace;font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;}
.msn-hero-coins{text-align:right;}
.msn-hero-coins-val{font-family:'Bebas Neue',sans-serif;font-size:36px;color:#ffd600;line-height:1;text-shadow:0 0 20px rgba(255,214,0,.4);}
.msn-hero-coins-lbl{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,214,0,.5);letter-spacing:.08em;margin-top:2px;}

/* Section blocks */
.msn-block{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;}
.msn-block-hdr{padding:20px 24px 16px;background:rgba(255,255,255,.04);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);}
.msn-hdr-daily{border-top:3px solid #00ff87;}
.msn-hdr-weekly{border-top:3px solid #ffd600;}
.msn-hdr-achievement{border-top:3px solid #ffd600;}
.msn-block-title{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:3px;color:#fff;}
.msn-block-timer{font-family:'DM Mono',monospace;font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.06em;vertical-align:middle;}
.msn-block-sub{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,255,255,.25);letter-spacing:.1em;margin-top:6px;}

/* Daily — horizontal 3-part tiles */
.msn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;}
.msn-tile{background:rgba(20,24,33,.85);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;display:flex;flex-direction:row;align-items:center;gap:14px;transition:border-color .2s,box-shadow .2s;position:relative;backdrop-filter:blur(10px);}
.msn-tile-icon-ring{width:48px;height:48px;border-radius:50%;background:rgba(0,255,135,.06);border:2px solid rgba(0,255,135,.25);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;transition:box-shadow .3s,border-color .3s;}
.msn-tile-icon-ring-gold{background:rgba(255,214,0,.06);border-color:rgba(255,214,0,.25);}
.msn-tile-center{flex:1;min-width:0;}
.msn-tile-label{font-family:'DM Sans',sans-serif;font-size:13px;color:rgba(255,255,255,.85);line-height:1.4;}
.msn-tile-status-text{font-family:'DM Mono',monospace;font-size:10px;color:rgba(255,255,255,.3);margin-top:3px;letter-spacing:.04em;}
.msn-tile-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;}
.msn-tile-reward{font-family:'Bebas Neue',sans-serif;font-size:14px;color:#ffd600;letter-spacing:.04em;white-space:nowrap;}
.msn-tile-action{margin-top:0;}
/* States */
.msn-tile-done{border-color:rgba(0,255,135,.4);box-shadow:0 0 18px rgba(0,255,135,.12);}
.msn-tile-done .msn-tile-icon-ring{background:rgba(0,255,135,.15);border-color:#00ff87;box-shadow:0 0 14px rgba(0,255,135,.4);animation:msn-ring-glow 1.5s ease-in-out infinite;}
.msn-tile-done .msn-tile-status-text{color:#00ff87;}
.msn-tile-claimed{border-color:rgba(0,255,135,.12);background:rgba(0,255,135,.03);}
.msn-tile-claimed .msn-tile-label{opacity:.55;}
.msn-tile-claimed .msn-tile-icon-ring{opacity:.5;}
.msn-tile-bonus{grid-column:1/-1;background:rgba(0,255,135,.04);border-color:rgba(0,255,135,.15);}
.msn-tile-bonus.msn-tile-done{border-color:rgba(0,255,135,.45);box-shadow:0 0 24px rgba(0,255,135,.18);}

/* Weekly — progress cards */
.msn-weekly-list{display:flex;flex-direction:column;gap:0;padding:0;}
.msn-weekly-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s;}
.msn-weekly-card:last-child{border-bottom:none;}
.msn-weekly-done{background:rgba(255,214,0,.04);}
.msn-weekly-claimed{opacity:.65;}
.msn-weekly-bonus{background:rgba(255,255,255,.02);}
.msn-weekly-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0;}
.msn-weekly-icon{font-size:22px;min-width:28px;text-align:center;}
.msn-weekly-label{font-family:'DM Sans',sans-serif;font-size:13px;color:rgba(255,255,255,.8);}
.msn-weekly-bar-wrap{display:flex;align-items:center;gap:10px;margin-top:7px;}
.msn-weekly-bar{flex:1;max-width:180px;height:8px;background:#1f293d;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.5);}
.msn-weekly-fill{height:100%;border-radius:4px;background:rgba(155,89,182,.5);transition:width .6s cubic-bezier(.4,0,.2,1);}
.msn-fill-done{background:linear-gradient(90deg,#ffd600,#ff8800)!important;box-shadow:0 0 10px rgba(255,214,0,.4);}
.msn-weekly-frac{font-family:'DM Mono',monospace;font-size:10px;color:rgba(255,255,255,.35);white-space:nowrap;letter-spacing:.04em;}
.msn-weekly-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;}
.msn-weekly-reward{font-family:'Bebas Neue',sans-serif;font-size:16px;color:#ffd600;letter-spacing:.04em;}

/* Achievements — 3-col gallery */
.msn-achiev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;}
.msn-achiev-card{background:rgba(20,24,33,.85);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative;transition:border-color .2s,box-shadow .2s;backdrop-filter:blur(10px);}
.msn-achiev-locked{opacity:.4;}
.msn-achiev-lock{position:absolute;top:10px;right:10px;font-size:13px;opacity:.5;}
.msn-achiev-done{border-color:rgba(255,214,0,.4);box-shadow:0 0 20px rgba(255,214,0,.12);}
.msn-achiev-claimed{border-color:rgba(255,214,0,.18);background:rgba(255,214,0,.03);}
.msn-achiev-icon-wrap{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);}
.msn-achiev-halo{background:radial-gradient(circle,rgba(255,214,0,.2) 0%,transparent 70%);box-shadow:0 0 20px rgba(255,214,0,.25);}
.msn-achiev-icon{font-size:26px;line-height:1;}
.msn-achiev-label{font-family:'DM Sans',sans-serif;font-size:11px;color:rgba(255,255,255,.65);line-height:1.4;}
.msn-achiev-reward{font-family:'Bebas Neue',sans-serif;font-size:14px;color:#ffd600;letter-spacing:.04em;}
.msn-achiev-reward-big{font-size:20px;text-shadow:0 0 12px rgba(255,214,0,.5);}

/* Claim button — Bebas Neue, scale hover */
.msn-claim-btn{background:rgba(0,255,135,.15);border:1px solid rgba(0,255,135,.4);color:#00ff87;font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:1.5px;padding:7px 16px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s;width:100%;display:block;text-align:center;}
.msn-claim-btn:hover{background:rgba(0,255,135,.28);transform:scale(1.05);box-shadow:0 4px 14px rgba(0,255,135,.3);}
.msn-claim-btn-gold{background:rgba(255,214,0,.12);border-color:rgba(255,214,0,.4);color:#ffd600;}
.msn-claim-btn-gold:hover{background:rgba(255,214,0,.26);box-shadow:0 4px 14px rgba(255,214,0,.3);}
.msn-claim-pulse{animation:msn-pulse 1.5s ease-in-out infinite;}
.msn-claim-btn-gold.msn-claim-pulse{animation:msn-pulse-gold 1.5s ease-in-out infinite;}

/* Status chips */
.msn-chip{display:inline-block;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.06em;padding:4px 10px;border-radius:6px;white-space:nowrap;}
.msn-chip-claimed{color:#00ff87;background:rgba(0,255,135,.1);border:1px solid rgba(0,255,135,.25);}
.msn-chip-locked{color:rgba(255,255,255,.2);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);}
.msn-chip-gold{color:#ffd600;background:rgba(255,214,0,.1);border-color:rgba(255,214,0,.25);}

/* Responsive */
@media(max-width:700px){
  .msn-page{padding:12px;gap:14px;}
  .msn-grid{grid-template-columns:1fr;}
  .msn-tile-bonus{grid-column:1;}
  .msn-achiev-grid{grid-template-columns:1fr 1fr;}
  .msn-weekly-bar{max-width:120px;}
}
@media(max-width:480px){
  .msn-achiev-grid{grid-template-columns:1fr;}
  .msn-hero{flex-direction:column;align-items:flex-start;gap:12px;}
}

/* ─── SETTINGS DROPDOWN ──────────────────────────────────── */
.settings-trigger{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:5px 10px;border-radius:8px;border:1px solid transparent;transition:all 0.2s;user-select:none;}
.settings-trigger:hover{background:var(--green-dim);border-color:var(--border2);}
.settings-trigger .s-chevron{font-size:10px;color:var(--text2);transition:transform 0.2s;display:inline-block;}
.settings-trigger.open .s-chevron{transform:rotate(180deg);}
.settings-dropdown{display:none;position:fixed;min-width:240px;background:#111c11;border:1px solid var(--border2);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.6);z-index:9999;overflow:hidden;}
.settings-dropdown.open{display:block;}
.settings-dd-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:rgba(0,255,135,0.05);border-bottom:1px solid rgba(255,255,255,0.06);}
.settings-dd-header .s-name{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;color:var(--text);}
.settings-dd-item{display:flex;align-items:center;gap:10px;padding:11px 16px;font-family:'DM Sans',sans-serif;font-size:13px;color:var(--text);cursor:pointer;transition:background 0.15s;border:none;background:transparent;width:100%;text-align:left;}
.settings-dd-item:hover{background:rgba(0,255,135,0.07);}
.settings-dd-item .s-icon{font-size:15px;width:20px;text-align:center;}
.settings-dd-item .s-badge{margin-left:auto;font-size:11px;color:var(--green);}
.settings-dd-divider{height:1px;background:rgba(255,255,255,0.06);margin:4px 0;}
.settings-dd-item.danger{color:var(--red);}
.settings-dd-item.danger:hover{background:rgba(255,61,61,0.1);}

/* ─── SITE FOOTER ─────────────────────────────────────────── */
.site-footer{width:100%;background:#141414;position:relative;z-index:1;}
.site-footer-accent{height:3px;background:#00ff87;width:100%;}
.footer-mission-row{padding:32px 48px 24px;text-align:center;background:#141414;}
.footer-mission{font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-size:15px;color:#b0b0b0;max-width:700px;margin:0 auto;line-height:1.7;}
.footer-links-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 32px 36px;max-width:1280px;margin:0 auto;box-sizing:border-box;}
.footer-col-title{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff;margin-bottom:14px;}
.footer-link{display:block;font-family:'DM Sans',sans-serif;font-size:13px;color:#8fa88f;margin-bottom:8px;cursor:pointer;background:none;border:none;padding:0;text-align:left;transition:color 0.15s;}
.footer-link:hover{color:#00ff87;}
.footer-legal-row{border-top:1px solid rgba(255,255,255,0.06);padding:20px 48px 28px;text-align:center;}
.footer-legal{font-family:'DM Sans',sans-serif;font-size:11px;color:#555;line-height:1.9;margin:0;}
/* Footer modals */
.footer-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;padding:20px;}
.footer-modal{background:#141414;border:1px solid rgba(0,255,135,0.2);border-radius:12px;max-width:560px;width:100%;padding:36px 32px 32px;position:relative;max-height:82vh;overflow-y:auto;}
.footer-modal-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#8fa88f;font-size:22px;cursor:pointer;line-height:1;padding:0;}
.footer-modal-close:hover{color:#e8f5e8;}
.footer-modal h2{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:2px;color:#00ff87;margin-bottom:4px;}
.footer-modal-date{font-size:11px;color:#555;letter-spacing:1px;margin-bottom:24px;}
.footer-modal-section{margin-bottom:18px;}
.footer-modal-section h3{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;color:#e8f5e8;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.footer-modal-section p{font-size:13px;color:#8fa88f;line-height:1.7;margin:0;}
.footer-modal-list{list-style:none;padding:0;margin:0;}
.footer-modal-list li{font-size:13px;color:#8fa88f;line-height:1.7;padding-left:14px;position:relative;}
.footer-modal-list li::before{content:'–';position:absolute;left:0;color:#00ff87;}
@media(max-width:768px){
  .footer-links-row{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 0 28px;}
  .footer-mission-row{padding:24px 0 18px;}
  .footer-legal-row{padding:16px 0 24px;}
}

/* ═══════════════════════════════════════════════════════════
   MOBILE — comprehensive 768px overrides
   (supplements existing 900px / 960px rules above)
═══════════════════════════════════════════════════════════ */
@media(max-width:768px){

  /* ── NAVIGATION ── */
  nav{flex-wrap:wrap;padding:10px 16px 0;gap:0;}
  .nav-logo img{height:32px;}
  .nav-right{gap:6px;flex-shrink:0;}
  /* move tabs to full-width second row */
  .nav-tabs{position:static;transform:none;order:3;width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:6px 0 8px;margin-top:4px;border-top:1px solid rgba(0,255,135,0.08);}
  .nav-tabs::-webkit-scrollbar{display:none;}
  .nav-tab{flex-shrink:0;font-size:12px;padding:6px 10px;white-space:nowrap;}
  /* show avatar + gear only; hide username text */
  #navUser{display:flex;align-items:center;gap:6px;flex-shrink:0;}
  #navUser img{width:28px !important;height:28px !important;flex-shrink:0;}
  #navUser strong{display:none;}
  #navUser>span:not([style*="width:28px"]){display:none;}

  /* ── HERO ── */
  .hero{padding:56px 16px 36px;}
  .hero-title{font-size:36px !important;}  /* override 900px→60px */
  .hero-meta{font-size:12px;}
  .s-hero{padding:20px 0 16px !important;}
  .s-hero-title{font-size:28px !important;}
  .s-hero-inner{flex-direction:column;align-items:flex-start;gap:12px;}

  /* ── GENERAL CONTAINERS ── */
  .main-left,.main-right{padding:20px 16px;}
  .s-dashboard-main{padding:20px 12px !important;}
  .s-dashboard-side{display:none !important;}
  .rounds-grid,.admin-wrap{padding:16px !important;}
  .rounds-hero{padding:20px 16px 14px !important;}
  #fullLB{padding-left:16px !important;padding-right:16px !important;}
  #cardsContent,#displayContent{padding:0 16px !important;}
  #cardsContent>.cards-hero{margin-left:-16px !important;margin-right:-16px !important;}

  /* ── MATCH CARDS ── */
  .match-card{padding:16px;}
  .team-flag .flag-img{width:32px;}
  .team-name{font-size:16px;}
  .team-score{font-size:32px;}
  .vs{font-size:20px;}
  .predict-row{flex-wrap:wrap;gap:10px;}
  .score-input{width:46px;height:46px;font-size:22px;}
  .score-dash{font-size:24px;}
  .matches-grid{grid-template-columns:1fr !important;}

  /* ── STATS ── */
  .stat-chip-val{font-size:36px;}

  /* ── BUTTONS / TOUCH ── */
  .btn{min-height:44px;}
  .toast{right:12px;bottom:12px;max-width:calc(100vw - 24px);}

  /* ── ROUNDS TAB ── */
  .rnd-groups-body{padding:12px 16px !important;}
  .rnd-gnav-btn{font-size:10px;padding:5px 10px;}
  .v3-standings-header,.v3-standings-row{grid-template-columns:20px 1fr 28px 28px 28px 28px 38px 38px;font-size:10px;padding:6px 8px;}
  .v3-matches-grid{grid-template-columns:1fr !important;}
  .v3-match-card{padding:10px 12px;}
  .rounds-progress{flex-direction:column;gap:6px;padding:10px 14px;}

  /* ── EXPERT TAB ── */
  .expert-hero{padding:36px 16px 28px;min-height:200px;}
  .expert-hero-title{font-size:clamp(44px,12vw,72px);}

  /* ── CARDS TAB ── */
  .cards-hero{padding:32px 16px 24px !important;min-height:160px;}
  .cards-hero-title{font-size:clamp(36px,10vw,72px);}
  .cards-tabs{padding:0 16px;}
  .cards-tab{font-size:11px;padding:10px 12px;}
  .album-wrap{padding:16px !important;}
  .pack-section{padding:24px 16px !important;}
  .pack-img{width:200px !important;}
  .battle-wrap,.trade-wrap,.events-wrap{padding:20px 16px !important;}
  .collector-lb-wrap{padding:20px 16px !important;}
  .clb-body{padding:20px 16px 32px !important;}
  .clb-hero{padding:28px 16px 24px !important;}
  .clb-hero-title{font-size:32px !important;}
  .pck-hero{padding:20px 16px 16px !important;}
  .pck-hero-title{font-size:26px !important;}
  .pck-body{padding:16px !important;gap:16px !important;}

  /* ── LEADERBOARD ── */
  .lb-cards{gap:0;}
  .lb-card{display:flex !important;align-items:center;padding:12px 16px;min-height:60px;border-radius:0;background:#1a1f2e !important;box-shadow:none;border-bottom:1px solid rgba(255,255,255,0.07);transition:none;}
  .lb-card.rank-1,.lb-card.rank-2,.lb-card.rank-3,.lb-card.rank-4,.lb-card.rank-5,.lb-card.rank-rest{background:#1a1f2e !important;min-height:60px;}
  .lb-card::before,.lb-card::after{display:none;}
  .lb-card:hover{transform:none;}
  .lb-card-badge{order:0;flex-direction:row;align-items:baseline;gap:1px;padding:0;flex-shrink:0;}
  .lb-card-badge-num{font-size:14px;font-family:'DM Sans',sans-serif;font-weight:700;color:#fff;}
  .lb-card-badge-suf{font-size:9px;font-family:'DM Sans',sans-serif;align-self:flex-start;margin-top:2px;}
  .lb-card-av{order:1;width:32px !important;height:32px !important;margin-left:8px;flex-shrink:0;}
  .lb-card.rank-1 .lb-card-av{width:32px !important;height:32px !important;border-color:rgba(255,255,255,.2);}
  .lb-card-icon{display:none;}
  .lb-card-info{order:2;flex:1;min-width:0;padding:0 10px;}
  .lb-card-pinfo{display:none !important;}
  .lb-card-uname{font-size:16px !important;font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .lb-card.rank-1 .lb-card-uname{font-size:16px !important;}
  .lb-card-pts{order:3;flex-shrink:0;padding:0;align-items:flex-end;}
  .lb-card-pts-val{font-size:20px !important;color:#00ff87 !important;line-height:1;}
  .lb-card.rank-1 .lb-card-pts-val{font-size:20px !important;color:#00ff87 !important;}
  .lb-detail{padding:2px 16px 6px !important;font-size:10px;}
  /* ── HOME MATCH CARDS (mobile) ── */
  #page-home .match-card{min-height:200px !important;padding:16px 12px !important;box-sizing:border-box;max-width:100%;}
  #page-home .team-flag .flag-img{width:40px !important;}
  #page-home .team-name{font-size:18px !important;}

  /* ── MODALS ── */
  .footer-modal-overlay{align-items:flex-end;padding:0;}
  .footer-modal{border-radius:14px 14px 0 0;padding:24px 16px 28px;max-height:88vh;}
  .card-modal-overlay{padding:12px;}
  .profile-modal-inner{padding:20px 16px;border-radius:12px;}
  .draft-pick-inner{padding:16px;}
  /* generic fixed overlays: full-width at bottom */
  .mystery-overlay .myst-reveal{gap:8px;}
  .pack-reveal-overlay{padding:16px;}

  /* ── OVERFLOW GUARD ── */
  img{max-width:100%;}
  .v3-standings-row *,.v3-standings-header *{min-width:0;}
  #page-home,#page-home .s-hero,#page-home .s-dashboard{max-width:100%;width:100%;}
}

/* ─── MATCH CHAT ───────────────────────────────────────────── */
.mc-chat-wrap{border-top:1px solid rgba(0,255,135,0.1);background:rgba(0,0,0,0.15);border-radius:0 0 16px 16px;margin-top:-16px;}
.mc-chat-toggle{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;color:var(--text3);font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:10px 16px;cursor:pointer;transition:color 0.15s;}
.mc-chat-toggle:hover{color:var(--green);}
.mc-chat-body{border-top:1px solid rgba(0,255,135,0.08);}
.mc-chat-msgs{max-height:220px;overflow-y:auto;padding:10px 16px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(0,255,135,0.2) transparent;}
.mc-chat-msgs::-webkit-scrollbar{width:4px;}
.mc-chat-msgs::-webkit-scrollbar-thumb{background:rgba(0,255,135,0.2);border-radius:2px;}
.mc-chat-empty{font-size:12px;color:var(--text3);text-align:center;padding:16px 0;font-style:italic;}
.mc-chat-msg{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.4;}
.mc-chat-username{color:var(--green);font-weight:700;font-size:12px;white-space:nowrap;flex-shrink:0;}
.mc-chat-text{color:var(--text);flex:1;word-break:break-word;}
.mc-chat-time{font-size:10px;color:var(--text3);white-space:nowrap;font-family:'DM Mono',monospace;flex-shrink:0;}
.mc-chat-delete{background:none;border:none;color:var(--text3);cursor:pointer;padding:0 2px;font-size:12px;flex-shrink:0;line-height:1;transition:color 0.15s;}
.mc-chat-delete:hover{color:var(--red);}
.mc-chat-input-row{display:flex;gap:8px;padding:8px 16px 12px;border-top:1px solid rgba(0,255,135,0.08);}
.mc-chat-input{flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 12px;font-family:'DM Sans',sans-serif;font-size:13px;outline:none;transition:border-color 0.2s;}
.mc-chat-input:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(0,255,135,0.08);}
.mc-chat-input::placeholder{color:var(--text3);}
@media(max-width:768px){
  .mc-chat-msgs{max-height:160px;}
  .mc-chat-input{font-size:16px;} /* prevent iOS zoom */
}

/* ─── DISCUSSION BOARD ─────────────────────────────────── */
.disc-page{max-width:860px;margin:0 auto;padding:32px 24px;}
.disc-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px;}
.disc-flair-filters{display:flex;gap:6px;flex-wrap:wrap;}
.disc-flair-btn{padding:5px 14px;border-radius:999px;border:1px solid var(--border2);background:transparent;color:var(--text2);font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s;}
.disc-flair-btn:hover{border-color:var(--green);color:var(--green);}
.disc-flair-btn.active{background:var(--green-dim);border-color:var(--green);color:var(--green);}
.disc-post-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin-bottom:12px;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s;}
.disc-post-card:hover{border-color:var(--border2);box-shadow:0 4px 20px rgba(0,0,0,0.3);}
.disc-post-card.pinned{border-top:3px solid var(--gold);background:linear-gradient(135deg,var(--surface) 0%,rgba(255,214,0,0.04) 100%);}
.disc-post-title{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px;line-height:1.4;}
.disc-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);flex-wrap:wrap;margin-bottom:8px;}
.disc-flair-badge{padding:2px 9px;border-radius:999px;border:1px solid;font-size:11px;font-weight:600;letter-spacing:0.3px;}
.disc-stats{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--text2);}
.disc-stat{display:flex;align-items:center;gap:4px;}
.disc-stat.voted{color:var(--green);font-weight:600;}
.disc-icon-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 4px;opacity:0.6;transition:opacity 0.15s;}
.disc-icon-btn:hover{opacity:1;}
.disc-icon-btn.danger:hover{opacity:1;filter:drop-shadow(0 0 4px var(--red));}
.disc-detail{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;}
.disc-comment{padding:14px 0;border-bottom:1px solid var(--border);overflow:hidden;}
.disc-comment:last-child{border-bottom:none;}
.disc-comments-list{margin-bottom:24px;}
.disc-comment-input{margin-top:8px;}
.disc-upvote-btn{padding:7px 18px;border-radius:999px;border:1px solid var(--border2);background:transparent;color:var(--text2);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.15s;}
.disc-upvote-btn:hover{border-color:var(--green);color:var(--green);background:var(--green-dim);}
.disc-upvote-btn.voted{border-color:var(--green);color:var(--green);background:var(--green-dim);font-weight:600;}
.disc-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;padding:20px;}
.disc-modal{background:var(--surface);border:1px solid var(--border2);border-radius:16px;max-width:540px;width:100%;padding:32px;position:relative;max-height:90vh;overflow-y:auto;}
.disc-modal-close{position:absolute;top:16px;right:20px;background:none;border:none;color:var(--text2);font-size:22px;cursor:pointer;line-height:1;padding:0;}
.disc-modal-close:hover{color:var(--text);}

/* ─── LEAGUE CHAT ─────────────────────────────────────────── */
.league-chat{border:1px solid rgba(16,185,129,.15);border-radius:10px;overflow:hidden;background:#060911;}
.lc-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(16,185,129,.07);border-bottom:1px solid rgba(16,185,129,.1);font-family:'DM Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(16,185,129,.7);}
.lc-messages{height:350px;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(16,185,129,.2) transparent;}
.lc-messages::-webkit-scrollbar{width:4px;}
.lc-messages::-webkit-scrollbar-thumb{background:rgba(16,185,129,.2);border-radius:2px;}
.lc-empty{font-size:12px;color:rgba(16,185,129,.3);text-align:center;padding:24px 0;font-style:italic;font-family:'DM Mono',monospace;}
.lc-msg{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.lc-msg:last-child{border-bottom:none;}
.lc-msg-meta{display:flex;align-items:center;gap:6px;margin-bottom:2px;}
.lc-uname{font-family:'DM Mono',monospace;font-size:11px;font-weight:700;color:rgba(16,185,129,.6);}
.lc-msg-self .lc-uname{color:#6ee7b7;}
.lc-time{font-family:'DM Mono',monospace;font-size:10px;color:rgba(255,255,255,.2);}
.lc-del{background:none;border:none;cursor:pointer;font-size:11px;padding:0 2px;opacity:0;transition:opacity .15s;line-height:1;}
.lc-msg:hover .lc-del{opacity:1;}
.lc-text{font-family:'DM Sans',sans-serif;font-size:13px;color:#d1fae5;line-height:1.45;word-break:break-word;}
.lc-err{font-family:'DM Mono',monospace;font-size:10px;color:#ff6b6b;min-height:14px;padding:0 14px 4px;}
.lc-input-row{display:flex;gap:8px;padding:8px 12px 10px;border-top:1px solid rgba(16,185,129,.1);background:rgba(0,0,0,.2);}
.lc-input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#d1fae5;padding:8px 12px;font-family:'DM Sans',sans-serif;font-size:13px;outline:none;transition:border-color .2s;}
.lc-input:focus{border-color:rgba(16,185,129,.5);box-shadow:0 0 0 2px rgba(16,185,129,.08);}
.lc-input::placeholder{color:rgba(255,255,255,.2);}
.lc-input:disabled{opacity:.5;cursor:not-allowed;}
.lc-send-btn{padding:8px 16px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);border-radius:8px;color:#6ee7b7;font-family:'DM Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;}
.lc-send-btn:hover{background:rgba(16,185,129,.22);border-color:#10b981;}
.lc-send-btn:disabled{opacity:.4;cursor:not-allowed;}
@media(max-width:768px){
  .lc-messages{height:260px;}
  .lc-input{font-size:16px;} /* prevent iOS zoom on focus */
}
.disc-modal-title{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;color:var(--green);margin-bottom:20px;}
.disc-modal-body{}
@media(max-width:600px){
  .disc-page{padding:20px 16px;}
  .disc-detail{padding:18px 16px;}
  .disc-toolbar{flex-direction:column;align-items:flex-start;}
}
.pvp-list-scroll{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:200px;}
.pvp-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.pvp-avatar-initials{width:36px;height:36px;border-radius:50%;background:#151525;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:11px;font-weight:700;color:rgba(255,255,255,.5);flex-shrink:0;}
@keyframes packRayBurst{0%{opacity:0;width:0;}12%{opacity:.9;}70%{opacity:.7;}100%{opacity:0;width:220px;}}
@keyframes packSparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0deg);}20%{opacity:1;transform:translate(-50%,-50%) scale(1.4) rotate(45deg);}65%{opacity:.8;transform:translate(-50%,-50%) scale(1) rotate(90deg);}100%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(180deg);}}
#_translateWrap{background:#0a100a;border-top:1px solid rgba(255,255,255,0.04);padding:8px 0 12px;text-align:center;}
#google_translate_element{display:block;padding:6px 16px;font-size:11px;background:transparent;border:none;position:static;}
#google_translate_element .goog-te-gadget{font-size:11px;color:var(--text2);}
#google_translate_element .goog-te-gadget select{font-size:11px;background:transparent;border:none;color:var(--text);cursor:pointer;outline:none;}
@keyframes tutType{0%,40%{opacity:0;transform:translateY(6px)}60%,100%{opacity:1;transform:none}}
@keyframes tutFlip{0%{transform:rotateY(90deg);opacity:0}100%{transform:rotateY(0);opacity:1}}
@keyframes tutFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#_tutOverlay{position:fixed;inset:0;z-index:9998;background:transparent;cursor:default;}
#_tutDots{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:10002;display:flex;align-items:center;gap:8px;}
#_tutSkip{position:fixed;top:14px;right:20px;z-index:10002;padding:6px 14px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:#8fa88f;border-radius:6px;cursor:pointer;font-size:12px;font-family:'DM Sans',sans-serif;}
#_tutSkip:hover{background:rgba(255,255,255,0.13);color:#e8f5e8;}
#_tutBubble{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;width:min(640px,92vw);max-height:80vh;overflow-y:auto;background:#0f1c0f;border:1px solid rgba(0,255,135,0.22);border-radius:16px;padding:22px 24px;box-shadow:0 8px 48px rgba(0,0,0,0.6);}
.tut-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.18);display:inline-block;transition:background 0.3s,transform 0.3s;}
.tut-dot.active{background:#00ff87;transform:scale(1.3);}
.tut-acc-hdr{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.06);font-size:13px;color:#e8f5e8;user-select:none;}
.tut-acc-hdr:hover{color:#00ff87;}
.tut-acc-chev{font-size:16px;color:#8fa88f;transition:transform 0.2s;}
.tut-acc-body{overflow:hidden;max-height:0;transition:max-height 0.3s ease;font-size:12px;color:#8fa88f;line-height:1.5;padding-left:2px;}
.tut-acc-body.open{max-height:100px;padding-top:6px;}
.tut-flip-card{width:64px;height:90px;border-radius:8px;background:linear-gradient(135deg,#1a231a,#0d160d);border:1.5px solid rgba(0,255,135,0.3);display:inline-flex;align-items:center;justify-content:center;font-size:26px;animation:tutFlip 0.5s ease both;}
.tut-fake-input{width:44px;height:40px;border:2px solid rgba(0,255,135,0.5);border-radius:6px;background:rgba(0,255,135,0.06);display:inline-flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:20px;font-weight:700;color:#00ff87;}

/* ─── PVP Card Picker Grid ───────────────────────────────── */
.pvp-picker-scroll{overflow-y:auto;max-height:calc(100vh - 480px);min-height:180px;}
.pvp-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:2px;}
.pvp-picker-card{background:rgba(10,10,25,.85);border-radius:10px;padding:10px 8px;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;}
.pvp-picker-card:hover{transform:scale(1.04);}
.pvp-picker-card:active{transform:scale(0.97);border-color:#00ff87 !important;}
.pvp-picker-photo{width:60px;height:60px;border-radius:10px;object-fit:cover;object-position:top center;display:block;}
.pvp-picker-initials{display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:22px;background:rgba(255,255,255,.05);}
.pvp-picker-ovr{position:absolute;top:-5px;right:-5px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:11px;font-weight:900;border:1.5px solid rgba(0,0,0,.4);}
.pvp-picker-name{font-family:'DM Sans',sans-serif;font-size:11px;color:#fff;line-height:1.3;width:100%;}
.pvp-picker-meta{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;}
.pvp-picker-pos{padding:2px 5px;border-radius:4px;border:1px solid;font-family:'DM Mono',monospace;font-size:9px;font-weight:700;}
.pvp-picker-search{width:100%;padding:8px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-family:'DM Sans',sans-serif;font-size:13px;outline:none;margin-bottom:8px;box-sizing:border-box;}
.pvp-picker-search::placeholder{color:rgba(255,255,255,.3);}
/* ─── PVP Premium Pitch ──────────────────────────────────── */
.pvp-pitch{position:relative;width:100%;height:480px;background:#071207;border-radius:12px;overflow:hidden;border:1px solid rgba(0,255,135,.08);box-shadow:0 4px 24px rgba(0,0,0,.5);}
.pvp-slot-card{width:54px;height:76px;border-radius:8px;border:1.5px solid rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;position:relative;background:#0d1a0d;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;}
.pvp-slot-card:hover{transform:scale(1.05);}
.pvp-slot-empty{justify-content:center;background:rgba(255,255,255,.03);border-style:dashed;}
.pvp-slot-active{animation:pvpPulse .9s ease-in-out infinite;border-color:#00ff87 !important;border-style:solid !important;}
.pvp-slot-filled{padding:2px 2px 3px;}
.pvp-slot-photo{width:50px;height:46px;object-fit:cover;object-position:top center;border-radius:4px 4px 0 0;display:block;flex-shrink:0;}
.pvp-slot-initials{width:50px;height:46px;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:17px;color:rgba(255,255,255,.55);background:rgba(255,255,255,.05);}
.pvp-slot-ovr{position:absolute;top:2px;left:2px;font-family:'Bebas Neue',sans-serif;font-size:11px;line-height:1;background:rgba(0,0,0,.65);border-radius:3px;padding:1px 3px;z-index:2;}
.pvp-slot-name{font-family:'DM Mono',monospace;font-size:7px;color:rgba(255,255,255,.9);letter-spacing:.04em;padding:2px 2px 0;text-align:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3;flex-shrink:0;}
.pvp-slot-pos-label{font-family:'Bebas Neue',sans-serif;font-size:14px;color:rgba(255,255,255,.45);letter-spacing:1px;}
.pvp-slot-hoverable{transition:transform .2s cubic-bezier(.4,0,.2,1);}
.pvp-slot-hoverable:hover{transform:scale(1.05);}

/* ── PVP CARD DUEL ─────────────────────────────────────────── */
.pvp-duel-board{padding:16px;display:flex;flex-direction:column;gap:12px;}
.pvp-duel-scoreboard{text-align:center;padding:16px;background:rgba(255,255,255,.04);border-radius:12px;}
.pvp-duel-score{font-family:'Bebas Neue',sans-serif;font-size:64px;color:#ffd600;line-height:1;}
.pvp-duel-round-label{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,.4);letter-spacing:.1em;}
.pvp-duel-turn{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;margin-top:4px;}
.pvp-duel-turn.attack{color:#00ff87;}
.pvp-duel-turn.defend{color:#ff6b6b;}
.pvp-duel-turn.wait{color:rgba(255,255,255,.4);}
.pvp-duel-timer-wrap{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;}
.pvp-duel-timer-fill{height:100%;border-radius:3px;transition:width .1s linear,background .5s;}
.pvp-duel-toggle{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid rgba(0,255,135,.2);width:fit-content;}
.pvp-duel-tab{padding:8px 20px;background:rgba(255,255,255,.04);border:none;color:rgba(255,255,255,.5);font-family:'DM Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .15s;}
.pvp-duel-tab.active{background:rgba(0,255,135,.15);color:#00ff87;}
.pvp-duel-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;}
.pvp-duel-card{border-radius:10px;overflow:hidden;position:relative;cursor:pointer;transition:transform .15s,box-shadow .2s;}
.pvp-duel-card:hover:not(.pvp-duel-card-used):not(.pvp-duel-card-unclickable){transform:scale(1.03);}
.pvp-duel-card.pvp-duel-card-used{opacity:.45;cursor:default;}
.pvp-duel-card.pvp-duel-card-unclickable{cursor:default;}
.pvp-duel-card-photo{width:100%;height:70px;object-fit:cover;object-position:top center;display:block;}
.pvp-duel-card-initials{width:100%;height:70px;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:22px;background:rgba(0,0,0,.4);}
.pvp-duel-card-ovr{position:absolute;top:4px;left:4px;background:rgba(0,0,0,.75);border-radius:4px;font-family:'Bebas Neue',sans-serif;font-size:12px;padding:1px 5px;}
.pvp-duel-card-body{padding:4px 6px 6px;background:rgba(0,0,0,.5);}
.pvp-duel-card-name{font-family:'DM Mono',monospace;font-size:9px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:4px;}
.pvp-duel-stat-row{display:flex;align-items:center;gap:4px;margin-bottom:2px;}
.pvp-duel-stat-lbl{font-family:'DM Mono',monospace;font-size:8px;color:rgba(255,255,255,.4);width:22px;}
.pvp-duel-stat-bar{flex:1;height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;}
.pvp-duel-stat-fill{height:100%;border-radius:2px;background:#00ff87;}
.pvp-duel-stat-val{font-family:'DM Mono',monospace;font-size:9px;color:#fff;width:18px;text-align:right;}
.pvp-duel-stat-row.highlight{background:rgba(255,214,0,.12);border-radius:3px;padding:1px 2px;margin:-1px -2px 2px;}
.pvp-duel-stat-row.highlight .pvp-duel-stat-lbl,.pvp-duel-stat-row.highlight .pvp-duel-stat-val{color:#ffd600;}
.pvp-duel-stat-question{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,255,255,.2);}
.pvp-duel-used-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;}
.pvp-duel-used-label{font-family:'Bebas Neue',sans-serif;font-size:13px;color:rgba(255,255,255,.5);letter-spacing:2px;}
.pvp-duel-card.glow-selected{box-shadow:0 0 0 2px #00ff87,0 0 14px rgba(0,255,135,.5);}
.pvp-duel-card.glow-green{animation:duelWin .6s ease both;box-shadow:0 0 0 2px #00ff87,0 0 20px rgba(0,255,135,.6);}
.pvp-duel-card.glow-red{animation:duelLose .5s ease both;box-shadow:0 0 0 2px #ff6b6b,0 0 20px rgba(255,107,107,.6);}
@keyframes duelWin{0%,100%{transform:scale(1)}40%{transform:scale(1.06)}}
@keyframes duelLose{0%,25%,50%,75%{transform:translateX(-4px)}12%,37%,62%{transform:translateX(4px)}100%{transform:translateX(0)}}
.pvp-duel-stat-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:8px 0;}
.pvp-duel-stat-btn{padding:10px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(0,255,135,.25);color:#e8f5e8;border-radius:8px;font-family:'DM Mono',monospace;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;}
.pvp-duel-stat-btn:hover{background:rgba(0,255,135,.15);border-color:rgba(0,255,135,.5);color:#00ff87;}
.pvp-duel-stat-btn .stat-val{color:#ffd600;font-size:14px;}
.pvp-duel-resolution{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:16px;background:rgba(255,255,255,.03);border-radius:12px;}
.pvp-duel-vs-block{text-align:center;font-family:'Bebas Neue',sans-serif;font-size:28px;color:rgba(255,255,255,.2);}
.pvp-duel-res-val{font-family:'Bebas Neue',sans-serif;font-size:42px;text-align:center;}
.pvp-duel-res-win{color:#00ff87;}
.pvp-duel-res-lose{color:#ff6b6b;}

#_tv_ambient{transition:opacity 0.6s ease;will-change:opacity;}
#_tv_ticker_inner{position:absolute;top:0;white-space:nowrap;will-change:transform;}

/* Rules Modal */
.rules-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.82);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 16px 40px;}
.rules-modal{position:relative;width:100%;max-width:700px;background:#0b0e14;border-radius:16px;border:1px solid rgba(0,255,135,0.15);overflow:hidden;}
.rules-close-btn{position:absolute;top:14px;right:16px;z-index:10;background:rgba(255,255,255,0.08);border:none;color:#e8f5e8;font-size:18px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;}
.rules-close-btn:hover{background:rgba(255,255,255,0.16);}
.rules-hero{background:linear-gradient(160deg,rgba(0,255,135,0.12) 0%,transparent 60%),#0b0e14;padding:52px 32px 36px;text-align:center;border-bottom:1px solid rgba(0,255,135,0.1);}
.rules-hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,10vw,80px);color:#e8f5e8;line-height:1;letter-spacing:2px;}
.rules-hero-tag{font-size:14px;color:#00ff87;margin-top:10px;letter-spacing:0.5px;}
.rules-section{padding:32px 32px 8px;}
.rules-h2{font-family:'Bebas Neue',sans-serif;font-size:28px;color:#00ff87;letter-spacing:1px;margin:0 0 20px;}
.rules-sub{font-size:13px;color:#8fa88f;margin:-12px 0 18px;}
.rules-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.rules-step-card{background:#141414;border:1px solid rgba(0,255,135,0.12);border-radius:12px;padding:20px 16px;text-align:center;position:relative;}
.rules-step-num{position:absolute;top:10px;left:12px;font-family:'Bebas Neue',sans-serif;font-size:13px;color:rgba(0,255,135,0.4);}
.rules-step-icon{font-size:28px;margin-bottom:10px;}
.rules-step-title{font-size:13px;font-weight:700;color:#e8f5e8;margin-bottom:8px;}
.rules-step-body{font-size:12px;color:#8fa88f;line-height:1.5;}
.rules-score-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;}
.rules-score-card{background:#141414;border:1px solid rgba(0,255,135,0.12);border-radius:12px;padding:22px 16px;text-align:center;}
.rules-score-pts{font-family:'Bebas Neue',sans-serif;font-size:36px;line-height:1;margin-bottom:6px;}
.rules-score-label{font-size:13px;font-weight:600;color:#e8f5e8;}
.rules-score-sub{font-size:11px;color:#8fa88f;margin-top:3px;}
.rules-bonus{background:rgba(255,214,0,0.08);border:1px solid rgba(255,214,0,0.2);border-radius:10px;padding:12px 16px;font-size:13px;color:#e8f5e8;margin-bottom:8px;}
.rules-tips{display:flex;flex-direction:column;gap:10px;margin-bottom:8px;}
.rules-tip-card{background:#141414;border:1px solid rgba(0,255,135,0.1);border-radius:10px;padding:14px 16px;font-size:13px;color:#8fa88f;line-height:1.5;}
.rules-sandbox{background:#141414;border:1px solid rgba(0,255,135,0.15);border-radius:14px;padding:28px 24px;text-align:center;position:relative;overflow:hidden;margin-bottom:8px;}
.rules-demo-match{font-size:18px;font-weight:700;color:#e8f5e8;margin-bottom:4px;}
.rules-demo-sub{font-size:12px;color:#8fa88f;margin-bottom:20px;}
.rules-demo-inputs{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px;}
.rules-demo-input{width:64px;height:56px;font-size:32px;}
.rules-demo-btn{margin:6px 0;}
.demo-result-banner{border-radius:10px;padding:14px 18px;font-weight:700;font-size:15px;margin:16px 0 8px;}
.demo-result-banner.demo-exact{background:rgba(0,255,135,0.15);border:1px solid rgba(0,255,135,0.4);color:#00ff87;}
.demo-result-banner.demo-correct{background:rgba(255,214,0,0.1);border:1px solid rgba(255,214,0,0.3);color:#FFD600;}
.demo-result-banner.demo-wrong{background:rgba(255,61,61,0.1);border:1px solid rgba(255,61,61,0.3);color:#ff6b6b;}
.demo-result-explain{font-size:13px;color:#8fa88f;margin-bottom:10px;}
@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0deg);opacity:1;}100%{transform:translateY(140px) rotate(360deg);opacity:0;}}
.demo-confetti-piece{position:absolute;top:0;width:8px;height:8px;border-radius:2px;pointer-events:none;animation:confettiFall 1.2s ease-in both;}
.rules-footer-bar{padding:32px;text-align:center;border-top:1px solid rgba(0,255,135,0.1);margin-top:16px;}
.rules-ready{font-size:18px;font-weight:700;color:#e8f5e8;margin-bottom:14px;}
@media(max-width:600px){.rules-steps,.rules-score-cards{grid-template-columns:1fr;}.rules-section{padding:24px 16px 4px;}.rules-footer-bar{padding:24px 16px;}.rules-sandbox{padding:20px 14px;}.rules-modal-overlay{padding:12px 8px 32px;}}
/* Card sandbox demos */
.demo-mini-card{width:90px;height:144px;border-radius:10px;background:#1a1a1a;display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 6px;box-sizing:border-box;position:relative;overflow:hidden;flex-shrink:0;transition:transform 0.3s,box-shadow 0.3s;}
.demo-mini-card.rarity-LEGENDARY{border:2px solid #ffd700;box-shadow:0 0 18px rgba(255,100,0,0.6);}
.demo-mini-card.rarity-SHINY{border:2px solid #ffd700;box-shadow:0 0 14px rgba(255,215,0,0.5);}
.demo-mini-card.rarity-RARE{border:2px solid #4a8fe0;box-shadow:0 0 12px rgba(74,143,224,0.5);}
.demo-mini-card.rarity-COMMON{border:2px solid #888;box-shadow:0 0 6px rgba(136,136,136,0.3);}
.demo-mini-card.card-win{box-shadow:0 0 22px rgba(0,255,135,0.8)!important;border-color:#00ff87!important;transform:scale(1.04);}
.demo-mini-card.card-lose{box-shadow:0 0 22px rgba(255,61,61,0.8)!important;border-color:#ff6b6b!important;}
.demo-mini-card.flip-in{animation:cardFlipIn 0.5s cubic-bezier(.34,1.36,.64,1) both;}
.penalty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:280px;margin:12px auto;}
.penalty-slot{height:52px;border-radius:8px;background:rgba(255,255,255,0.05);border:1.5px solid rgba(255,255,255,0.12);cursor:pointer;transition:background 0.15s,border-color 0.15s;font-size:18px;display:flex;align-items:center;justify-content:center;}
.penalty-slot:not(.done):hover{background:rgba(0,255,135,0.1);border-color:rgba(0,255,135,0.4);}
.penalty-slot.goal{background:rgba(0,255,135,0.25);border-color:#00ff87;}
.penalty-slot.saved{background:rgba(255,61,61,0.25);border-color:#ff6b6b;}
.penalty-slot.gk-zone{background:rgba(255,214,0,0.15);border-color:rgba(255,214,0,0.5);}
.draft-cards-row{display:flex;gap:8px;overflow-x:auto;padding:8px 0;justify-content:center;-ms-overflow-style:none;scrollbar-width:none;}
.draft-cards-row::-webkit-scrollbar{display:none;}
.draft-card-item{transition:transform 0.2s;}
.draft-card-item.roulette-active{border-color:#00ff87!important;box-shadow:0 0 22px rgba(0,255,135,0.7),0 0 8px rgba(0,255,135,0.5)!important;transform:scale(1.08);}
.draft-card-item.roulette-winner{border-color:#FFD600!important;box-shadow:0 0 30px rgba(255,214,0,0.7)!important;transform:scale(1.12);}
@keyframes rouletteSpin{0%,100%{opacity:1}50%{opacity:0.7}}
/* ─── TESTING BANNER ─── */
#testingBanner{display:none;position:fixed;top:0;left:0;right:0;z-index:200;height:40px;background:#FFD700;color:#1a1a00;align-items:center;justify-content:center;padding:0 16px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;gap:12px;}
#testingBanner .tb-text{flex:1;text-align:center;}
#testingBanner .tb-btn{background:rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.2);border-radius:6px;padding:3px 10px;font-size:11px;font-family:'DM Mono',monospace;cursor:pointer;color:#1a1a00;white-space:nowrap;flex-shrink:0;}
.has-testing-banner nav{top:40px;}
.testing-mode-chip{font-family:'DM Mono',monospace;font-size:11px;color:#b8860b;background:rgba(255,215,0,0.12);border:1px solid rgba(255,215,0,0.25);border-radius:6px;padding:5px 12px;margin-bottom:10px;display:inline-block;}
.testing-notice{font-family:'DM Mono',monospace;font-size:11px;color:#b8860b;background:rgba(255,215,0,0.08);border:1px solid rgba(255,215,0,0.2);border-radius:8px;padding:8px 14px;margin-bottom:16px;}
@media(max-width:600px){#testingBanner{font-size:11px;height:44px;padding:0 10px;}#testingBanner .tb-text{font-size:10px;}.has-testing-banner nav{top:44px;}}
/* Fantasy Rules FAQ accordion */
.faq-item{border-bottom:1px solid rgba(0,255,135,0.08);margin-bottom:2px;}
.faq-q{width:100%;background:none;border:none;color:#e8f5e8;font-size:13px;font-weight:600;text-align:left;padding:12px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit;}
.faq-q:hover{color:#00ff87;}
.faq-q .faq-chv{transition:transform 0.2s;font-size:10px;color:#8fa88f;}
.faq-q.open .faq-chv{transform:rotate(180deg);}
.faq-a{font-size:13px;color:#8fa88f;padding:0 0 12px;line-height:1.6;}
/* ─── FEATURED MATCHES GRID ─── */
.feat-cards-grid{display:flex;flex-direction:column;gap:16px;width:100%;}
.feat-card-wrap{flex:1;min-width:0;}
.feat-match-label{font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:2.5px;color:var(--gold);text-align:center;margin-bottom:6px;opacity:0.85;}
.feat-count-2,.feat-count-3{gap:10px;}
#page-home .feat-count-2 .match-card,#page-home .feat-count-3 .match-card{padding:14px 18px;margin-bottom:0;}
#page-home .feat-count-2 .team-flag,#page-home .feat-count-3 .team-flag{margin-bottom:5px;}
#page-home .feat-count-2 .team-flag .flag-img,#page-home .feat-count-3 .team-flag .flag-img{width:32px;}
#page-home .feat-count-2 .team-name,#page-home .feat-count-3 .team-name{font-size:15px;}
#page-home .feat-count-2 .team-score,#page-home .feat-count-3 .team-score{font-size:26px;}
#page-home .feat-count-2 .match-teams,#page-home .feat-count-3 .match-teams{margin-bottom:8px;}
#page-home .feat-count-2 .predict-row,#page-home .feat-count-3 .predict-row{padding-top:10px;}
#page-home .feat-count-2 .match-group,#page-home .feat-count-3 .match-group{margin-bottom:8px;}