:root{--night:#0e120f; --panel:#16352a; --panel-2:#123024; --panel-3:#0f2a20; --border:#2f4a3f;--text:#f7f3e7; --dim:#9dc7b6; --dim-2:#6f8a7e;--accent:#f2ff49; --accent-dim: rgba(242,255,73,0.14);--gold:#f4f6f2; --gold-2:#cdd4cb;--green:#7ee081; --red:#ff6a5f;--live:#ff5b4f;}
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:
      linear-gradient(180deg, #0d120f 0%, var(--night) 40%),
      radial-gradient(ellipse 50% 30% at 15% 0%, rgba(242,255,73,0.08), transparent 60%);
    color:var(--text);font-family:'Inter',sans-serif;min-height:100vh;padding:22px 14px 90px;
    overflow-x:hidden;
  }
  .wrap{max-width:960px;margin:0 auto;}

  header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border);}
  .brand-block{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;}
  .brand-block:hover .brand-mark{filter:brightness(1.1);}
  .brand-mark{width:34px;height:34px;border-radius:4px;background:linear-gradient(135deg,var(--accent),#3a4d0f);display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-weight:700;font-size:17px;color:#f7f3e7;flex-shrink:0;}
  .brand{font-family:'Inter',sans-serif;font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:0.02em;color:#f7f3e7;line-height:1;}
  .brand-sub{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:0.18em;color:var(--dim);text-transform:uppercase;margin-top:2px;}
  .header-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
  .pill-btn{
    font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--dim);letter-spacing:0.03em;
    border:1px solid var(--border);background:var(--panel-2);padding:7px 12px;border-radius:3px;cursor:pointer;
  }
  .pill-btn:hover{border-color:var(--accent);color:var(--accent);}
  .pill-btn.active{border-color:var(--red);color:var(--red);background:rgba(255,68,56,0.08);}
  .header-daily-toggle{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(242,255,73,0.65);border-radius:3px;color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:10px;cursor:pointer;animation:dailyBlink 1.15s ease-in-out infinite;}
  .header-daily-toggle.active{background:rgba(242,255,73,0.16);}
  .header-daily-toggle .switch{width:34px;height:18px;}
  .header-daily-toggle .switch-track{border-radius:9px;background:rgba(242,255,73,0.28);}
  .header-daily-toggle .switch-track::before{width:12px;height:12px;top:3px;left:3px;}
  .header-daily-toggle .switch.daily input:checked + .switch-track{background:var(--accent);}
  .header-daily-toggle .switch input:checked + .switch-track::before{transform:translateX(16px);}
  @keyframes dailyBlink{50%{box-shadow:0 0 0 3px rgba(242,255,73,0.14);border-color:var(--accent);}}
  .header-nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:4px;color:var(--text);width:36px;height:36px;font-size:16px;cursor:pointer;flex-shrink:0;}
  @media(max-width:760px){
    header{flex-wrap:wrap;}
    .header-right{display:none;width:100%;flex-direction:column;align-items:stretch;gap:8px;margin-top:14px;flex-basis:100%;}
    .header-right.open{display:flex;}
    .header-right .pill-btn{width:100%;text-align:center;box-sizing:border-box;}
    .header-right .header-daily-toggle{width:100%;justify-content:space-between;box-sizing:border-box;animation:none;}
    .header-nav-toggle{display:block;}
  }

  .team-loading{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(3,7,14,0.78);opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
  .team-loading.show{opacity:1;pointer-events:auto;}
  .team-loading-card{width:min(280px,calc(100vw - 40px));padding:26px;background:var(--panel);border:1px solid var(--accent);border-radius:6px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,0.5);}
  .team-loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 12px;animation:teamSpin 0.8s linear infinite;}
  @keyframes teamSpin{to{transform:rotate(360deg);}}
  #campaignPanel{transition:opacity 0.35s ease,transform 0.35s ease;}
  .skip-fade{opacity:0.22;transform:scale(0.985);transition:opacity 3s ease,transform 3s ease !important;}
  .leg-transition{opacity:0.15;transform:scale(0.985);transition:opacity 0.26s ease,transform 0.26s ease !important;}
  .agg-tag{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:1px 5px;margin-left:4px;vertical-align:2px;}
  .pill-btn.reset{color:var(--gold);border-color:rgba(244,246,242,0.4);}

  /* ============================================================
     VOLUME CONTROL (replaces the old mute-only Sound button)
     ============================================================ */
  .volume-control{display:flex;align-items:center;gap:8px;cursor:default;}
  .volume-icon-btn{background:none;border:none;color:inherit;font-size:13px;cursor:pointer;padding:0;line-height:1;flex-shrink:0;}
  .volume-slider{-webkit-appearance:none;appearance:none;width:56px;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer;vertical-align:middle;}
  .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;}
  .volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;}
  .volume-slider::-moz-range-track{background:var(--border);height:4px;border-radius:2px;}
  @media(max-width:760px){
    .header-right .volume-control{justify-content:space-between;}
    .header-right .volume-slider{flex:1;width:auto;margin-left:8px;}
  }
  .pill-btn.reset:hover{border-color:var(--gold);color:var(--gold);background:rgba(244,246,242,0.08);}

  .progress-track{height:3px;background:var(--panel-2);border-radius:0;overflow:hidden;margin-bottom:18px;}
  .progress-fill-top{height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width 0.5s ease;}

  .screen{display:none;}
  .screen.active{display:block;animation:fadeUp 0.3s ease;}
  @keyframes fadeUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

  .panel{
    background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:24px;
    box-shadow:0 20px 50px -30px rgba(0,0,0,0.8);position:relative;
  }
  .panel::before{
    content:'';position:absolute;top:0;left:0;width:56px;height:3px;background:linear-gradient(90deg,var(--accent),transparent);
  }

  .kicker{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--accent);letter-spacing:0.16em;text-transform:uppercase;margin-bottom:6px;font-weight:600;}
  .title{font-family:'Inter',sans-serif;font-weight:700;font-size:27px;text-transform:uppercase;letter-spacing:0.01em;color:#f7f3e7;line-height:1.1;margin-bottom:10px;}
  .desc{font-size:13px;color:var(--dim);line-height:1.65;margin-bottom:18px;}
  .team-name-row{margin-bottom:18px;}
  .team-name-row label{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-bottom:6px;}
  .team-name-required{text-transform:none;letter-spacing:0;color:var(--red);}
  #teamNameInput{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:4px;background:#0b100d;color:#f7f3e7;font-size:14px;font-family:'Inter',sans-serif;outline:none;}
  #teamNameInput:focus{border-color:var(--accent);}
  #teamNameInput.invalid{border-color:var(--red);}
  .team-name-error{display:none;color:var(--red);font-size:11.5px;margin-top:6px;}
  .team-name-error.show{display:block;}
  .desc b{color:var(--text);}

  /* ============ MODAL (tutorial) ============ */
  .modal-overlay{display:none;position:fixed;inset:0;background:rgba(2,4,8,0.8);align-items:center;justify-content:center;padding:20px;z-index:80;}
  .modal-overlay.show{display:flex;}
  .modal{background:var(--panel);border:1px solid var(--border);border-radius:6px;max-width:480px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 30px 70px -20px rgba(0,0,0,0.8);}
  .modal-head{padding:20px 22px 4px;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:16px;}
  .modal-body{padding:0 22px 24px;}
  .rule-row{display:flex;gap:12px;margin-bottom:14px;align-items:flex-start;}
  .rule-num{
    width:22px;height:22px;border-radius:3px;background:var(--accent-dim);color:var(--accent);
    display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;flex-shrink:0;
  }
  .rule-text{font-size:13px;line-height:1.55;color:var(--text);}
  .rule-text b{color:var(--gold);}
  .rule-group-title{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:0.1em;margin:16px 0 8px;}
  .modal-cta{
    display:block;width:100%;padding:14px;border-radius:4px;border:none;margin-top:8px;
    background:var(--accent);color:#0e120f;font-family:'Inter',sans-serif;
    font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:0.03em;cursor:pointer;
  }

  /* ============ FORMATION PICK ============ */
  .formation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
  .formation-card{
    background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:12px 10px;cursor:pointer;
    text-align:center;transition:border-color 0.15s;
  }
  .formation-card:hover{border-color:var(--accent);}
  .formation-card .f-name{font-family:'Inter',sans-serif;font-size:17px;font-weight:600;color:#f7f3e7;line-height:1.15;}
  .formation-card .f-desc{font-size:10px;color:var(--dim);margin-top:4px;line-height:1.3;min-height:26px;}
  .formation-mini{position:relative;width:100%;height:64px;margin:8px auto 0;background:rgba(242,255,73,0.04);border-radius:3px;border:1px solid var(--border);}
  .formation-mini .dot{position:absolute;width:6px;height:6px;border-radius:1px;background:var(--accent);transform:translate(-50%,-50%);}
  @media(max-width:640px){.formation-grid{grid-template-columns:1fr 1fr;}.formation-card{padding:14px;}.formation-card .f-name{font-size:21px;}.formation-mini{height:84px;}}

  .hardmode-row{
    display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:14px 16px;
    background:var(--panel-2);border:1px solid var(--border);border-radius:4px;
  }
  .hardmode-label{font-size:12.5px;color:var(--text);}
  .hardmode-label b{color:var(--red);}
  .hardmode-sub{font-size:10.5px;color:var(--dim);margin-top:2px;}
  .switch{position:relative;width:42px;height:22px;flex-shrink:0;}
  .switch input{opacity:0;width:0;height:0;}
  .switch-track{position:absolute;inset:0;background:var(--border);border-radius:11px;cursor:pointer;transition:background 0.2s;}
  .switch-track::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#f7f3e7;border-radius:50%;transition:transform 0.2s;}
  .switch input:checked + .switch-track{background:var(--red);}
  .switch input:checked + .switch-track::before{transform:translateX(20px);}
  /* positive/"on" variant - reads green when enabled instead of red */
  .switch.pos input:checked + .switch-track{background:var(--green);}
  .rec-toggle-row{
    display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 12px;
    background:var(--panel-2);border:1px solid var(--border);border-radius:4px;
  }
  .rec-toggle-label{font-size:12px;color:var(--text);font-weight:600;}
  .rec-toggle-sub{font-size:10px;color:var(--dim);margin-top:2px;line-height:1.35;}

  /* ============ SPIN SCREEN ============ */
  .spin-stage{text-align:center;padding:20px 10px;}
  .spin-display{font-family:'Inter',sans-serif;font-weight:700;font-size:32px;color:var(--accent);min-height:42px;letter-spacing:0.01em;}
  .spin-display.settled{color:var(--gold);animation:settle 0.35s ease;}
  @keyframes settle{0%{transform:scale(1.12);}100%{transform:scale(1);}}
  .spin-sub{color:var(--dim);font-size:11.5px;margin-top:6px;min-height:16px;}
  .spin-btn{
    display:block;width:100%;padding:15px;border-radius:4px;border:none;margin-top:18px;
    background:var(--accent);color:#0e120f;font-family:'Inter',sans-serif;
    font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:0.03em;cursor:pointer;
  }
  .spin-btn:hover{filter:brightness(1.08);}
  .spin-btn:disabled{opacity:0.4;cursor:default;}
  .formation-chip{
    display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--gold);
    border:1px solid rgba(244,246,242,0.35);background:rgba(244,246,242,0.06);padding:4px 12px;border-radius:3px;margin-bottom:14px;
  }

  /* ============ CONSTRAINTS BAR ============ */
  .constraints-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px;}
  .constraint-box{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:9px 6px;text-align:center;}
  .constraint-box.daily-rule{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;border-color:rgba(242,255,73,0.42);}
  .constraint-box.daily-rule .constraint-val{font-size:11px;color:var(--accent);}
  .constraint-box.warn{border-color:var(--gold);}
  .constraint-box.blocked{border-color:var(--red);}
  .constraint-val{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;color:#f7f3e7;}
  .constraint-lbl{font-size:8.5px;color:var(--dim);text-transform:uppercase;letter-spacing:0.04em;margin-top:1px;}

  /* ============ CHAIN BUILD SCREEN ============ */
  .progress-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
  .progress-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim);}
  .progress-label b{color:var(--gold);}

  .mini-pitch{
    position:relative;width:100%;aspect-ratio:3/4;max-width:300px;margin:0 auto 18px;
    background: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px) 0 0/100% 12.5%, #0c110e;
    border:1px solid var(--border);border-radius:4px;overflow:hidden;
  }
  .mini-pitch::before{content:'';position:absolute;inset:5%;border:1px solid rgba(255,255,255,0.06);}
  .mini-pitch .pslot{
    position:absolute;transform:translate(-50%,-50%);width:23%;min-height:15%;border-radius:3px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Inter',sans-serif;
    font-size:7.5px;font-weight:600;text-align:center;border:1px dashed var(--border);color:var(--dim);
    background:rgba(255,255,255,0.015);padding:2px;line-height:1.15;
  }
  .mini-pitch .pslot .role-lbl{font-family:'JetBrains Mono',monospace;font-size:7px;color:var(--dim);}
  .mini-pitch .pslot.filled{border-style:solid;border-color:var(--gold);background:rgba(244,246,242,0.1);color:#f7f3e7;}
  .mini-pitch .pslot.filled .role-lbl{color:var(--gold);}

  .chain-title{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;}
  .chain{display:flex;flex-direction:column;gap:0;margin-bottom:14px;max-height:210px;overflow-y:auto;}
  .chain-link{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:9px 12px;}
  .chain-link.origin{border-color:var(--gold);}
  .chain-link .idx{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--dim);width:16px;flex-shrink:0;}
  .chain-link .info{flex:1;}
  .chain-link .name{font-family:'Inter',sans-serif;font-size:15px;font-weight:600;color:#f7f3e7;}
  .chain-link .sub{font-size:10px;color:var(--dim);}
  .chain-link .role-tag{font-family:'JetBrains Mono',monospace;font-size:8.5px;background:var(--accent);color:#0e120f;padding:2px 6px;border-radius:3px;font-weight:700;flex-shrink:0;}
  .chain-link .rating-tag{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gold);font-weight:700;flex-shrink:0;}
  .link-connector{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 0;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--dim);}
  .link-badge{padding:2px 8px;border-radius:3px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;}
  .link-badge.nation{background:rgba(242,255,73,0.16);color:var(--accent);}
  .link-badge.club{background:rgba(126,224,129,0.16);color:var(--green);}
  .link-badge.position{background:rgba(244,246,242,0.16);color:var(--gold);}

  .input-row{display:flex;gap:8px;margin-bottom:6px;position:relative;}
  .input-wrap{flex:1;position:relative;}
  #playerInput{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:4px;font-size:13.5px;font-family:'Inter',sans-serif;outline:none;background:#0b100d;color:#f7f3e7;}
  #playerInput:focus{border-color:var(--accent);}
  .submit-btn{font-family:'Inter',sans-serif;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:0.02em;padding:12px 20px;border-radius:4px;border:none;background:var(--gold);color:#241206;cursor:pointer;}
  .submit-btn:hover{filter:brightness(1.08);}
  .submit-btn:disabled{opacity:0.4;cursor:default;}
  .autocomplete-btn{font-family:'Inter',sans-serif;font-weight:600;font-size:12px;padding:12px 14px;border-radius:4px;border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);cursor:pointer;white-space:nowrap;}
  .autocomplete-btn:hover{background:rgba(242,255,73,0.26);}
  .autocomplete-btn:disabled{opacity:0.4;cursor:default;}
  .undo-btn{position:relative;font-family:'Inter',sans-serif;font-weight:600;font-size:12px;padding:12px 14px;border-radius:4px;border:1px solid var(--border);background:var(--panel-2);color:var(--dim);cursor:pointer;white-space:nowrap;}
  .undo-btn:hover{border-color:var(--gold);color:var(--gold);}
  .undo-btn:disabled{opacity:0.4;cursor:not-allowed;}
  .instant-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);width:200px;background:#0e120f;color:#f7f3e7;border:1px solid var(--gold);border-radius:6px;padding:8px 10px;font-size:11px;font-weight:500;line-height:1.4;text-align:center;white-space:normal;box-shadow:0 8px 22px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .1s;pointer-events:none;z-index:20;}
  .instant-tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--gold);}
  .undo-btn:hover .instant-tip,.undo-btn:focus .instant-tip{opacity:1;visibility:visible;}
  @media(max-width:520px){
    .input-row{flex-wrap:wrap;}
    .input-wrap{flex:1 1 100%;}
    .submit-btn,.autocomplete-btn,.undo-btn{flex:1;}
  }

  .suggest-list{
    display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;
    background:var(--panel-3);border:1px solid var(--border);border-radius:4px;
    max-height:280px;overflow-y:auto;box-shadow:0 20px 40px -20px rgba(0,0,0,0.7);
  }
  .suggest-list.show{display:block;}
  .suggest-section-lbl{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:0.08em;padding:8px 12px 4px;}
  .suggest-row{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;border-top:1px solid rgba(255,255,255,0.03);}
  .suggest-row:hover{background:rgba(242,255,73,0.08);}
  .suggest-row.invalid{opacity:0.55;cursor:default;}
  .suggest-row.invalid:hover{background:none;}
  .suggest-row .sg-rating{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--gold);width:28px;flex-shrink:0;text-align:center;}
  .suggest-row .sg-info{flex:1;min-width:0;}
  .suggest-row .sg-name{font-family:'Inter',sans-serif;font-size:15px;font-weight:600;color:#f7f3e7;}
  .suggest-row .sg-sub{font-size:10px;color:var(--dim);}
  .suggest-row .sg-role{font-family:'JetBrains Mono',monospace;font-size:8.5px;background:var(--accent);color:#0e120f;padding:2px 6px;border-radius:3px;font-weight:700;flex-shrink:0;}
  .suggest-row .sg-reason{font-size:9.5px;color:var(--red);flex-shrink:0;max-width:90px;text-align:right;line-height:1.3;}
  .suggest-empty{padding:16px 12px;text-align:center;font-size:12px;color:var(--dim-2);}
  .suggest-row.best{background:rgba(242,255,73,0.10);}
  .suggest-row.best:hover{background:rgba(242,255,73,0.16);}
  .suggest-row .sg-tag{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:0.06em;text-transform:uppercase;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(242,255,73,0.4);padding:2px 5px;border-radius:3px;flex-shrink:0;align-self:center;}

  .hint-row{font-size:11px;color:var(--dim);margin-bottom:6px;line-height:1.5;}
  .hint-row b{color:var(--accent);}
  .constraint-row{font-size:10.5px;color:var(--gold);margin-bottom:8px;}
  .constraint-row b{color:var(--gold);}

  .error-msg{display:none;font-size:12px;color:var(--red);padding:8px 12px;background:rgba(255,68,56,0.08);border-radius:4px;margin-top:8px;border-left:2px solid var(--red);}
  .error-msg.show{display:block;}
  .match-note{display:none;font-size:12px;color:var(--green);padding:8px 12px;background:rgba(126,224,129,0.09);border-radius:4px;margin-top:8px;border-left:2px solid var(--green);}
  .match-note.show{display:block;}
  .match-note b{color:var(--text);}

  /* clickable "did you mean?" suggestions */
  .dym{display:none;margin-top:8px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-left:2px solid var(--gold);border-radius:4px;}
  .dym.show{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
  .dym-lbl{font-size:11.5px;color:var(--dim);width:100%;}
  .dym-chip{display:inline-flex;align-items:center;gap:6px;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;color:var(--text);background:var(--panel-3);border:1px solid var(--border);border-radius:20px;padding:6px 12px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;}
  .dym-chip:hover{border-color:var(--accent);background:rgba(242,255,73,0.10);color:#f7f3e7;}
  .dym-chip .dym-rating{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:var(--gold);}

  /* feature wishlist modal */
  .wish-close{background:none;border:1px solid var(--border);color:var(--dim);width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:13px;flex-shrink:0;line-height:1;}
  .wish-close:hover{border-color:var(--red);color:var(--red);}
  .wish-add{display:flex;gap:8px;margin-bottom:10px;}
  #wishInput{flex:1;min-width:0;padding:11px 13px;border:1px solid var(--border);border-radius:4px;background:#0b100d;color:#f7f3e7;font-size:13px;font-family:'Inter',sans-serif;outline:none;}
  #wishInput:focus{border-color:var(--accent);}
  .wish-add-btn{font-family:'Inter',sans-serif;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.02em;padding:0 18px;border-radius:4px;border:none;background:var(--accent);color:#0e120f;cursor:pointer;flex-shrink:0;}
  .wish-add-btn:hover{filter:brightness(1.08);}
  .wish-note{font-size:11px;color:var(--dim);line-height:1.5;margin-bottom:14px;}
  .wish-list{display:flex;flex-direction:column;gap:8px;}
  .wish-empty{font-size:12px;color:var(--dim-2);text-align:center;padding:14px;}
  .wish-row{display:flex;align-items:stretch;gap:10px;}
  .wish-votes{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:46px;padding:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;}
  .wish-vote-btn{background:none;border:none;color:var(--dim);cursor:pointer;font-size:10px;line-height:1;padding:3px 8px;transition:color .15s;}
  .wish-vote-btn.up:hover{color:var(--accent);}
  .wish-vote-btn.down:hover{color:var(--red);}
  .wish-vote-btn.up.active{color:var(--accent);}
  .wish-vote-btn.down.active{color:var(--red);}
  .wish-count{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;}
  .wish-text{flex:1;display:flex;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--text);line-height:1.4;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:8px 12px;}
  .wish-tag{font-family:'JetBrains Mono',monospace;font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);border:1px solid rgba(244,246,242,.4);border-radius:3px;padding:2px 5px;margin-left:8px;}
  .wish-top5-label{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:8px;}
  .wish-top5-box{display:flex;flex-direction:column;gap:8px;padding:10px;margin-bottom:16px;border:2px solid var(--accent);border-radius:8px;box-shadow:0 0 0 3px var(--accent-dim), 0 0 18px rgba(242,255,73,0.35);}

  .wish-dev-toggle{background:none;border:none;color:var(--dim-2);cursor:pointer;font-size:11px;padding:0 0 0 6px;vertical-align:middle;}
  .wish-dev-toggle:hover{color:var(--accent);}
  .wish-dev-panel{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;margin:6px 0 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--dim);}
  .wish-dev-panel input{font-family:'Inter',sans-serif;font-size:12px;padding:6px 8px;border:1px solid var(--border);border-radius:3px;background:#0b100d;color:#f7f3e7;outline:none;min-width:0;flex:1 1 110px;}
  .wish-dev-panel input:focus{border-color:var(--accent);}
  .wish-dev-btn{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--dim);border:1px solid var(--border);background:var(--panel-3);padding:6px 10px;border-radius:3px;cursor:pointer;flex-shrink:0;}
  .wish-dev-btn:hover{border-color:var(--accent);color:var(--accent);}
  .wish-dev-error{color:var(--red);font-size:10.5px;flex-basis:100%;}
  .wish-dev-signed-out{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;}
  .wish-dev-signed-in{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .wish-dev-signed-in #wishDevEmailLabel{color:var(--accent);font-family:'JetBrains Mono',monospace;}

  .wish-status{display:inline-flex;align-items:center;gap:3px;margin-left:8px;font-size:12px;cursor:default;}
  .wish-status-controls{display:flex;gap:4px;margin-left:8px;}
  .wish-status-btn{background:none;border:1px solid var(--border);border-radius:3px;color:var(--dim-2);cursor:pointer;font-size:11px;padding:2px 5px;line-height:1.4;}
  .wish-status-btn:hover{border-color:var(--accent);color:var(--accent);}
  .wish-status-btn.picked.set{border-color:var(--green);color:var(--green);}
  .wish-status-btn.review.set{border-color:var(--gold);color:var(--gold);}
  .wish-status-btn.no.set{border-color:var(--red);color:var(--red);}

  /* ============ FRIENDS LEAGUE MODAL ============ */
  .league-signin-note{font-size:13px;color:var(--dim);line-height:1.6;margin-bottom:14px;}
  .auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;padding:12px;border-radius:6px;border:1px solid var(--border);cursor:pointer;margin-bottom:10px;}
  .auth-btn.google{background:#fff;color:#1f1f1f;border-color:#fff;}
  .auth-btn.google:hover{filter:brightness(0.96);}
  .auth-btn.email{background:var(--accent);color:#0e120f;border-color:var(--accent);flex:1;}
  .auth-btn.email:hover{filter:brightness(1.08);}
  .auth-btn.email.ghost{background:var(--panel-2);color:var(--text);border-color:var(--border);}
  .auth-btn.email.ghost:hover{border-color:var(--gold);color:var(--gold);}
  .auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--dim-2);font-size:11px;text-transform:uppercase;letter-spacing:.06em;}
  .auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border);}
  .auth-email-form{display:flex;gap:8px;flex-wrap:wrap;}
  .auth-email-form input{flex:1;min-width:0;padding:11px 13px;border:1px solid var(--border);border-radius:4px;background:#0b100d;color:#f7f3e7;font-size:13.5px;font-family:'Inter',sans-serif;outline:none;margin-bottom:9px;}
  .auth-email-form input:focus{border-color:var(--accent);}
  .auth-error{color:var(--live);font-size:12px;min-height:16px;margin-top:2px;}

  .league-section-title{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:8px;}
  .league-divider{text-align:center;color:var(--dim-2);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:18px 0;}
  .league-error{color:var(--red);font-size:12px;min-height:16px;margin-top:6px;}
  .league-active-name{font-size:19px;font-weight:800;color:var(--gold);margin-bottom:8px;}
  .league-code-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);margin-bottom:14px;}
  .league-code{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:var(--accent);letter-spacing:.1em;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:4px 10px;}
  .league-cta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px;}
  .league-start-btn{flex:1;min-width:120px;}
  .league-lb-title{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:18px 0 8px;}
  .league-leave-btn{margin-top:16px;border-color:var(--red);color:var(--red);}
  .league-leave-btn:hover{background:rgba(255,68,56,0.08);border-color:var(--red);color:var(--red);}
  .league-you-row{background:var(--accent-dim);}
  .lb-team.placeholder{color:var(--dim-2);font-weight:400;font-style:italic;}

  .lb-table-wrap{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;overflow:hidden;}
  table.lb-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;}
  .lb-table thead th{text-align:left;font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim-2);padding:10px 14px;border-bottom:1px solid var(--border);}
  .lb-table th:first-child,.lb-table td:first-child{width:26px;}
  .lb-table th:nth-child(3),.lb-table td:nth-child(3){width:56px;}
  .lb-table th:last-child,.lb-table td:last-child{width:64px;padding-right:12px;}
  .lb-table td{padding:10px 10px;border-bottom:1px solid rgba(47,74,63,0.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .lb-table tr:last-child td{border-bottom:none;}
  .lb-rank{font-family:'JetBrains Mono',monospace;font-weight:800;color:var(--dim);}
  .lb-rank.top1{color:var(--accent);}
  .lb-rank.top2{color:var(--gold-2);}
  .lb-rank.top3{color:#cd9a5b;}
  .lb-team{font-weight:700;}
  .lb-rating{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--accent);}

  .gameover{margin-top:16px;padding:16px;border-radius:4px;text-align:center;background:rgba(255,68,56,0.08);border:1px solid rgba(255,68,56,0.35);}
  .go-title{font-family:'Inter',sans-serif;font-size:19px;font-weight:700;color:var(--red);text-transform:uppercase;}
  .go-sub{font-size:12.5px;color:var(--dim);margin-top:6px;line-height:1.6;}

  .result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:center;}
  .action-btn{font-family:'Inter',sans-serif;font-weight:600;font-size:12px;padding:9px 15px;border-radius:4px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;}
  .action-btn:hover{border-color:var(--gold);color:var(--gold);}
  .action-btn.whatsapp-btn{border-color:#25D366;color:#25D366;background:rgba(37,211,102,0.08);display:inline-flex;align-items:center;gap:6px;}
  .action-btn.whatsapp-btn:hover{background:rgba(37,211,102,0.2);border-color:#25D366;color:#f7f3e7;}
  .social-share-wrap{position:relative;display:inline-block;}
  .social-share-menu{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);gap:6px;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 22px rgba(0,0,0,.5);z-index:10;white-space:nowrap;}
  .social-share-menu.show{display:flex;}
  .social-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--panel-2);cursor:pointer;padding:0;}
  .social-icon-btn:hover{border-color:var(--gold);}
  .social-icon-btn svg{display:block;}

  /* ============ SQUAD REVEAL ============ */
  .reveal-stage{
    position:relative;border-radius:6px;overflow:hidden;padding:0;
    background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(242,255,73,0.14), transparent 60%), #0a0f0c;
    border:1px solid var(--border);
  }
  .reveal-header{text-align:center;padding:22px 20px 4px;position:relative;z-index:2;}
  .reveal-kicker{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent);letter-spacing:0.25em;text-transform:uppercase;}
  .reveal-title{font-family:'Inter',sans-serif;font-weight:700;font-size:32px;text-transform:uppercase;letter-spacing:0.02em;color:#f7f3e7;margin-top:2px;}
  .reveal-formation{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gold);letter-spacing:0.06em;margin-top:4px;}
  .reveal-overall{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim);margin-top:4px;}

  .pitch-stage{position:relative;width:100%;aspect-ratio:3/4;max-width:380px;margin:14px auto;z-index:2;}
  .pitch-stage::before{content:'';position:absolute;inset:6%;border:1px solid rgba(255,255,255,0.1);border-radius:3px;}
  .pitch-stage::after{content:'';position:absolute;left:50%;top:6%;bottom:6%;width:1px;background:rgba(255,255,255,0.08);transform:translateX(-50%);}
  .player-chip{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;opacity:0;animation:chipIn 0.45s ease forwards;width:66px;}
  @keyframes chipIn{from{opacity:0;transform:translate(-50%,14px) scale(0.8);}to{opacity:1;transform:translate(-50%,-50%) scale(1);}}
  .player-chip .puck{
    width:29px;height:29px;border-radius:3px;background:linear-gradient(135deg,var(--accent),#3a4d0f);
    border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;
    font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:700;color:#f7f3e7;flex-shrink:0;
  }
  .player-chip .chip-name{font-family:'Inter',sans-serif;font-size:9px;font-weight:600;color:#f7f3e7;margin-top:3px;text-align:center;line-height:1.15;text-shadow:0 1px 4px rgba(0,0,0,0.9);max-width:66px;}
  .share-card-block{position:relative;z-index:2;text-align:center;margin:14px 0;}
  #shareCardImg{display:none;max-width:240px;width:100%;border-radius:8px;border:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,0.4);}
  #shareCardImg.show{display:inline-block;}
  #scoreCardImg{display:none;max-width:240px;width:100%;border-radius:8px;border:1px solid var(--accent);box-shadow:0 8px 24px rgba(0,0,0,0.4);}
  #scoreCardImg.show{display:inline-block;}
  .download-scorecard-btn{display:none;margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:0.03em;color:var(--night);background:var(--accent);border:none;border-radius:4px;padding:8px 16px;cursor:pointer;text-decoration:none;}
  .download-scorecard-btn.show{display:inline-block;}
  .download-scorecard-btn:hover{filter:brightness(1.08);}
  .reveal-footer{position:relative;z-index:2;padding:6px 20px 22px;text-align:center;}
  .reveal-cta{display:block;width:100%;padding:15px;border-radius:4px;border:none;margin-top:6px;background:var(--gold);color:#241206;font-family:'Inter',sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:0.03em;cursor:pointer;}

  /* ============ CAMPAIGN SCREENS ============ */
  .fixture-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;}
  .fixture-row{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:9px 12px;}
  .fixture-row .ha{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;width:14px;flex-shrink:0;}
  .fixture-row .ha.h{color:var(--green);}
  .fixture-row .ha.a{color:var(--accent);}
  .crest{width:24px;height:24px;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;color:#f7f3e7;}
  .fixture-row .fname{font-size:12px;color:var(--text);}

  .record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
  .record-stat{font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--gold);font-weight:700;}

  .league-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;margin-bottom:16px;}
  .gw-row{background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--dim-2);border-radius:4px;padding:10px 14px;}
  .gw-row.win{border-left-color:var(--green);}
  .gw-row.draw{border-left-color:var(--gold);}
  .gw-row.loss{border-left-color:var(--red);}
  .gw-top{display:flex;align-items:center;gap:10px;}
  .gw-num{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--dim);width:30px;flex-shrink:0;}
  .gw-badge{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:3px;flex-shrink:0;}
  .gw-badge.win{background:rgba(126,224,129,0.2);color:var(--green);}
  .gw-badge.draw{background:rgba(244,246,242,0.2);color:var(--gold);}
  .gw-badge.loss{background:rgba(255,68,56,0.2);color:var(--red);}
  .gw-opp{flex:1;font-family:'Inter',sans-serif;font-size:15.5px;font-weight:600;color:#f7f3e7;}
  .gw-opp .ha-tag{font-size:10px;color:var(--dim);font-family:'Inter',sans-serif;margin-left:4px;}
  .gw-score{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;}
  .gw-score.win{color:var(--green);}
  .gw-score.draw{color:var(--gold);}
  .gw-score.loss{color:var(--red);}
  .gw-events{font-size:10.5px;color:var(--dim);margin-top:5px;padding-left:40px;line-height:1.6;}

  .standings-table{width:100%;border-collapse:collapse;margin-bottom:14px;font-size:12px;}
  .standings-table th{text-align:left;font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--dim);text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--border);}
  .standings-table td{padding:8px;border-bottom:1px solid rgba(47,74,63,0.5);}
  .standings-table tr.you{background:rgba(244,246,242,0.06);}
  .standings-table tr.you td{font-weight:700;color:#f7f3e7;}
  .standings-table .rank-cell{font-family:'JetBrains Mono',monospace;color:var(--dim);}
  .standings-table .team-cell{display:flex;align-items:center;gap:8px;}
  .num-cell{font-family:'JetBrains Mono',monospace;text-align:center;}
  .legend-row{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--dim);margin-bottom:16px;}
  .legend-dot{width:7px;height:7px;border-radius:1px;display:inline-block;margin-right:4px;}

  /* ============================================================
     CAMPAIGN LOADING SCREEN - see renderCampaignLoadingScreen()
     ============================================================ */
  .sim-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;}
  .sim-loading-ring-wrap{position:relative;width:140px;height:140px;margin-bottom:24px;}
  .sim-loading-ring{width:100%;height:100%;transform:rotate(-90deg);}
  .sim-ring-bg{fill:none;stroke:var(--panel-3);stroke-width:6;}
  .sim-ring-progress{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 3.3s linear;}
  .sim-loading-ball{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;animation:simBallPulse 1.2s ease-in-out infinite;}
  @keyframes simBallPulse{0%,100%{transform:translate(-50%,-50%) scale(1);}50%{transform:translate(-50%,-50%) scale(1.12);}}
  .sim-loading-title{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
  .sim-loading-sub{font-size:13px;color:var(--dim);}

  .road-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
  .road-row{display:flex;align-items:center;gap:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:12px 14px;}
  .road-row.final{border-color:rgba(244,246,242,0.4);}
  .road-stage{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--dim);text-transform:uppercase;width:76px;flex-shrink:0;line-height:1.3;}
  .road-opp{font-family:'Inter',sans-serif;font-size:16px;font-weight:600;color:#f7f3e7;display:flex;align-items:center;gap:8px;}
  .road-opp.tbd{color:var(--dim);font-family:'Inter',sans-serif;font-size:12.5px;font-weight:400;}

  /* ============ LIVE MATCH ENGINE ============ */
  .live-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
  .live-stage-lbl{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:0.05em;}
  .live-indicator{display:flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--live);font-weight:700;}
  .live-dot{width:7px;height:7px;border-radius:50%;background:var(--live);animation:livePulse 1s ease-in-out infinite;}
  @keyframes livePulse{0%,100%{opacity:1;}50%{opacity:0.3;}}

  .live-grid{display:grid;grid-template-columns:1fr;gap:14px;}

  .live-scorecard{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:18px 14px;text-align:center;}
  .you-row{background:rgba(242,255,73,0.1);border:1px solid rgba(242,255,73,0.4);border-radius:4px;padding:4px 8px;}
  .you-tag{font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:700;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:1px 5px;flex-shrink:0;}
  .live-clock{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--live);margin-bottom:8px;}
  .live-scoreline{font-family:'Inter',sans-serif;font-size:19px;font-weight:700;color:#f7f3e7;letter-spacing:0.01em;line-height:1.4;}
  .live-fulltime{display:none;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gold);margin-top:8px;text-transform:uppercase;letter-spacing:0.08em;}
  .live-fulltime.show{display:block;}

  .live-feed{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:12px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:6px;}
  .feed-empty{font-size:11px;color:var(--dim-2);text-align:center;padding:20px 10px;}
  .feed-event{
    padding:7px 10px;border-radius:3px;font-size:11.5px;line-height:1.5;background:rgba(255,255,255,0.02);
    border-left:2px solid var(--border);opacity:0;animation:feedIn 0.3s ease forwards;
  }
  .feed-event.goal{border-left-color:var(--gold);background:rgba(244,246,242,0.06);}
  .feed-event .fmin{font-family:'JetBrains Mono',monospace;color:var(--dim);margin-right:6px;font-weight:600;}
  @keyframes feedIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}

  .continue-btn{display:none;width:100%;padding:15px;border-radius:4px;border:none;margin-top:16px;background:var(--accent);color:#0e120f;font-family:'Inter',sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:0.03em;cursor:pointer;}
  .continue-btn.show{display:block;animation:fadeUp 0.3s ease;}
  .continue-btn:hover{filter:brightness(1.08);}
  .continue-btn.gold{background:var(--gold);}
  .continue-btn.secondary{background:none;border:1px solid var(--border);color:var(--dim);}
  .continue-btn.secondary:hover{border-color:var(--accent);color:var(--accent);filter:none;}
  .league-results-collapse{margin-top:16px;}

  /* Skip controls - visible during a live match so you can jump ahead */
  .skip-row{display:flex;gap:8px;margin-top:12px;}
  .skip-btn{
    flex:1;padding:11px 10px;border-radius:4px;cursor:pointer;
    font-family:'Inter',sans-serif;font-weight:600;font-size:12px;
    background:var(--panel-2);border:1px solid var(--border);color:var(--text);
    transition:border-color 0.15s, background 0.15s;
  }
  .skip-btn:hover{border-color:var(--accent);background:rgba(242,255,73,0.06);}
  .skip-btn.ghost{color:var(--dim);}
  .skip-btn.ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(244,246,242,0.06);}
  .skip-row.hide{display:none;}

  .agg-banner{background:rgba(126,224,129,0.08);border:1px solid var(--green);border-radius:4px;padding:18px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;}
  .agg-banner.out{background:rgba(255,68,56,0.08);border-color:var(--red);}
  .agg-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--dim);text-transform:uppercase;}
  .agg-score{font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:700;color:#f7f3e7;}
  .agg-status{font-family:'Inter',sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;color:var(--green);}
  .agg-status.out{color:var(--red);}
  .flavor-line{font-size:12.5px;font-style:italic;color:var(--dim);margin-bottom:16px;line-height:1.6;}

  .trophy-stage{text-align:center;padding:26px 10px 10px;}
  .trophy-emoji{font-size:48px;line-height:1;margin-bottom:10px;}
  .trophy-title{font-family:'Inter',sans-serif;font-weight:700;font-size:36px;text-transform:uppercase;color:var(--gold);letter-spacing:0.02em;}
  .trophy-sub{font-size:13px;color:var(--dim);margin:8px 0 18px;line-height:1.6;}

  .score-breakdown{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:16px 18px;margin:0 0 18px;text-align:left;font-size:12px;color:var(--dim);}
  .score-breakdown-overall{font-family:'Inter',sans-serif;font-size:16px;font-weight:700;color:var(--gold);text-align:center;margin-bottom:12px;}
  .score-breakdown-overall b{color:var(--accent);}
  .score-breakdown-guest-note{font-size:11px;font-weight:500;color:var(--dim-2);text-transform:none;letter-spacing:0;}
  .score-breakdown-grid{display:grid;grid-template-columns:1fr auto;gap:6px 14px;font-family:'JetBrains Mono',monospace;font-size:11px;}
  .score-breakdown-grid span:nth-child(odd){color:var(--dim-2);}
  .score-breakdown-grid span:nth-child(even){color:var(--text);font-weight:700;text-align:right;}

  .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--panel);border:1px solid var(--gold);color:#f7f3e7;padding:10px 18px;border-radius:4px;font-size:12.5px;opacity:0;pointer-events:none;transition:opacity 0.25s, transform 0.25s;z-index:60;}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

  /* ============ FRIENDS LEAGUE ============ */
  .league-section{margin-bottom:20px;}
  .league-section-title{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;}
  .code-box{
    display:flex;gap:8px;align-items:stretch;
  }
  #myTeamCodeArea{
    flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:4px;background:#0b100d;color:var(--dim);
    font-family:'JetBrains Mono',monospace;font-size:10.5px;resize:none;height:56px;
  }
  .code-copy-btn{
    flex-shrink:0;font-family:'Inter',sans-serif;font-weight:600;font-size:12px;padding:0 16px;border-radius:4px;
    border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);cursor:pointer;
  }
  .no-squad-note{font-size:12.5px;color:var(--dim);line-height:1.6;padding:12px 14px;background:var(--panel-2);border-radius:4px;border:1px solid var(--border);}
  .no-squad-note button{margin-top:8px;}

  .add-team-row{display:flex;gap:8px;margin-bottom:8px;}
  #friendCodeInput{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:4px;font-size:12.5px;font-family:'JetBrains Mono',monospace;outline:none;background:#0b100d;color:#f7f3e7;}
  #friendCodeInput:focus{border-color:var(--accent);}

  .roster-list{display:flex;flex-direction:column;gap:6px;margin:10px 0 16px;}
  .roster-row{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:9px 12px;}
  .roster-row .r-name{font-family:'Inter',sans-serif;font-size:15px;font-weight:600;color:#f7f3e7;flex:1;}
  .roster-row .r-meta{font-size:10px;color:var(--dim);}
  .roster-row .r-overall{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--gold);}
  .roster-remove{background:none;border:none;color:var(--red);cursor:pointer;font-size:14px;padding:2px 6px;}
  .roster-empty{font-size:12px;color:var(--dim-2);text-align:center;padding:14px;}

  .league-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:12px;}
  .league-table th{text-align:left;font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--dim);text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--border);}
  .league-table td{padding:7px 8px;border-bottom:1px solid rgba(47,74,63,0.5);}
  .league-table tr.me{background:rgba(244,246,242,0.06);}
  .league-table tr.me td{font-weight:700;color:#f7f3e7;}
  .league-table .lp-rank{font-family:'JetBrains Mono',monospace;color:var(--dim);width:20px;}
  .league-table .lp-num{font-family:'JetBrains Mono',monospace;text-align:center;}

  .matchlog-toggle{
    font-family:'Inter',sans-serif;font-weight:600;font-size:12px;color:var(--accent);background:none;border:none;
    cursor:pointer;padding:6px 0;margin-bottom:8px;text-decoration:underline;
  }
  .matchlog-list{display:none;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto;margin-bottom:16px;}
  .matchlog-list.show{display:flex;}
  .matchday-hdr{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--dim);text-transform:uppercase;margin:6px 0 2px;}
  .matchlog-row{display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);border-radius:3px;padding:6px 10px;font-size:11.5px;}
  .matchlog-row .ml-teams{color:var(--text);}
  .matchlog-row .ml-score{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--gold);}

  .league-btn-row{display:flex;gap:8px;flex-wrap:wrap;}

  footer{text-align:center;color:var(--dim-2);font-size:10.5px;margin-top:20px;line-height:1.6;}

  /* ===== THEME C · Terrace Fanzine signatures (Inter) ===== */
  body{background:#0e120f;}
  body::before{content:'';position:fixed;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.4px);background-size:7px 7px;pointer-events:none;z-index:0;}
  .wrap{position:relative;z-index:1;}
  .brand-mark{background:#f2ff49;color:#0e120f;transform:rotate(-3deg);border-radius:3px;font-weight:900;}
  .brand{background:#f2ff49;color:#0e120f;padding:0 6px;display:inline-block;transform:rotate(-1deg);font-weight:900;letter-spacing:-.01em;}
  .brand-sub{color:#f2ff49;}

  /* Inter display weights so headings still punch without Anton */
  .title,.reveal-title,.trophy-title,.spin-display,.f-name,.gw-opp,.road-opp,.live-scoreline,.agg-status,.r-name,.go-title,.chain-link .name,.suggest-row .sg-name,.reveal-cta,.spin-btn,.modal-cta,.submit-btn,.continue-btn,.wish-add-btn,.constraint-val,.trophy-title{font-weight:800;letter-spacing:-.01em;}
  .reveal-title,.trophy-title,.title{font-weight:900;}

  /* chalk tactics board panels */
  .panel{background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 30px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 30px),#16352a;border:2px solid #0a1c15;border-radius:6px;}
  .panel::before{background:#f2ff49;height:4px;width:64px;}
  .kicker{color:#f2ff49;}

  /* paper input fields */
  #playerInput,#wishInput,#friendCodeInput,#myTeamCodeArea{background:#f7f3e7;color:#0e120f;border:1px solid #0a1c15;}
  #playerInput::placeholder,#wishInput::placeholder{color:#8a9086;}
  #playerInput:focus,#wishInput:focus,#friendCodeInput:focus{border-color:#0a1c15;box-shadow:0 0 0 2px #f2ff49;}
  #playerInput{transform:rotate(-.4deg);}

  /* chain rows as chalk entries */
  .chain-link{background:rgba(0,0,0,.16);border:1px dashed rgba(247,243,231,.28);border-radius:5px;color:#f7f3e7;}
  .chain-link.origin{border-style:solid;border-color:#f2ff49;border-width:1px 1px 1px 4px;}
  .chain-link .name{color:#f7f3e7;}
  .chain-link .sub{color:#9dc7b6;}
  .chain-link .rating-tag{color:#f2ff49;}
  .chain-link .role-tag{background:#f7f3e7;color:#0e120f;transform:rotate(-2deg);}
  .link-connector{color:#9dc7b6;}
  .link-badge{background:none!important;padding:0 1px;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;text-decoration:underline;text-underline-offset:2px;letter-spacing:.02em;}
  .link-badge.nation{color:#f4f6f2;}
  .link-badge.club{color:#f2ff49;}

  /* ===== realistic HUD pitch (chain + reveal) ===== */
  .mini-pitch,.pitch-stage{background:#0a0e0a url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgNDAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48ZmlsdGVyIGlkPSJ0ZiIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuOSIgbnVtT2N0YXZlcz0iMiIgc2VlZD0iNiIgc3RpdGNoVGlsZXM9InN0aXRjaCIgcmVzdWx0PSJuIi8+PGZlQ29sb3JNYXRyaXggaW49Im4iIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMDYgMCAwIDAgMCAwLjEwIDAgMCAwIDAgMC4wNyAwIDAgMCAwLjU1IDAiLz48L2ZpbHRlcj48cmFkaWFsR3JhZGllbnQgaWQ9InZnIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI3MiUiPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjMwMCIgaGVpZ2h0PSI0MDAiIGZpbGw9IiMwYTBlMGEiLz48cmVjdCB4PSI4IiB5PSI4IiB3aWR0aD0iMjg0IiBoZWlnaHQ9IjM4NCIgcng9IjQiIGZpbGw9IiMxYzNhMjciLz48cmVjdCB4PSIzNi40IiB5PSI4IiB3aWR0aD0iMjguNCIgaGVpZ2h0PSIzODQiIGZpbGw9IiMyMTQzMmUiLz48cmVjdCB4PSI5My4yIiB5PSI4IiB3aWR0aD0iMjguNCIgaGVpZ2h0PSIzODQiIGZpbGw9IiMyMTQzMmUiLz48cmVjdCB4PSIxNTAuMCIgeT0iOCIgd2lkdGg9IjI4LjQiIGhlaWdodD0iMzg0IiBmaWxsPSIjMjE0MzJlIi8+PHJlY3QgeD0iMjA2LjgiIHk9IjgiIHdpZHRoPSIyOC40IiBoZWlnaHQ9IjM4NCIgZmlsbD0iIzIxNDMyZSIvPjxyZWN0IHg9IjI2My42IiB5PSI4IiB3aWR0aD0iMjguNCIgaGVpZ2h0PSIzODQiIGZpbGw9IiMyMTQzMmUiLz48cmVjdCB4PSI4IiB5PSI4IiB3aWR0aD0iMjg0IiBoZWlnaHQ9IjM4NCIgZmlsdGVyPSJ1cmwoI3RmKSIgb3BhY2l0eT0iMC40NSIvPjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSIyODQiIGhlaWdodD0iMzg0IiByeD0iNCIgZmlsbD0idXJsKCN2ZykiLz48ZyBzdHJva2U9IiNiZmUzYzAiIHN0cm9rZS13aWR0aD0iMC42IiBzdHJva2UtZGFzaGFycmF5PSIyIDUiIG9wYWNpdHk9IjAuMTYiPjxsaW5lIHgxPSI1Ny4wIiB5MT0iMjYiIHgyPSI1Ny4wIiB5Mj0iMzc0Ii8+PGxpbmUgeDE9Ijg4LjAiIHkxPSIyNiIgeDI9Ijg4LjAiIHkyPSIzNzQiLz48bGluZSB4MT0iMTE5LjAiIHkxPSIyNiIgeDI9IjExOS4wIiB5Mj0iMzc0Ii8+PGxpbmUgeDE9IjE1MC4wIiB5MT0iMjYiIHgyPSIxNTAuMCIgeTI9IjM3NCIvPjxsaW5lIHgxPSIxODEuMCIgeTE9IjI2IiB4Mj0iMTgxLjAiIHkyPSIzNzQiLz48bGluZSB4MT0iMjEyLjAiIHkxPSIyNiIgeDI9IjIxMi4wIiB5Mj0iMzc0Ii8+PGxpbmUgeDE9IjI0My4wIiB5MT0iMjYiIHgyPSIyNDMuMCIgeTI9IjM3NCIvPjxsaW5lIHgxPSIyNiIgeTE9IjY5LjUiIHgyPSIyNzQiIHkyPSI2OS41Ii8+PGxpbmUgeDE9IjI2IiB5MT0iMTEzLjAiIHgyPSIyNzQiIHkyPSIxMTMuMCIvPjxsaW5lIHgxPSIyNiIgeTE9IjE1Ni41IiB4Mj0iMjc0IiB5Mj0iMTU2LjUiLz48bGluZSB4MT0iMjYiIHkxPSIyMDAuMCIgeDI9IjI3NCIgeTI9IjIwMC4wIi8+PGxpbmUgeDE9IjI2IiB5MT0iMjQzLjUiIHgyPSIyNzQiIHkyPSIyNDMuNSIvPjxsaW5lIHgxPSIyNiIgeTE9IjI4Ny4wIiB4Mj0iMjc0IiB5Mj0iMjg3LjAiLz48bGluZSB4MT0iMjYiIHkxPSIzMzAuNSIgeDI9IjI3NCIgeTI9IjMzMC41Ii8+PC9nPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VlZjNlOCIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjgyIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxyZWN0IHg9IjI2IiB5PSIyNiIgd2lkdGg9IjI0OCIgaGVpZ2h0PSIzNDgiIHJ4PSIxIi8+PGxpbmUgeDE9IjI2IiB5MT0iMjAwIiB4Mj0iMjc0IiB5Mj0iMjAwIi8+PGNpcmNsZSBjeD0iMTUwIiBjeT0iMjAwIiByPSI0MiIvPjxyZWN0IHg9Ijc2IiB5PSIyNiIgd2lkdGg9IjE0OCIgaGVpZ2h0PSI1NCIvPjxyZWN0IHg9Ijc2IiB5PSIzMjAiIHdpZHRoPSIxNDgiIGhlaWdodD0iNTQiLz48cmVjdCB4PSIxMTciIHk9IjI2IiB3aWR0aD0iNjYiIGhlaWdodD0iMTgiLz48cmVjdCB4PSIxMTciIHk9IjM1NiIgd2lkdGg9IjY2IiBoZWlnaHQ9IjE4Ii8+PHBhdGggZD0iTTEyMy41IDgwIEEzMiAzMiAwIDAgMCAxNzYuNSA4MCIvPjxwYXRoIGQ9Ik0xMjMuNSAzMjAgQTMyIDMyIDAgMCAxIDE3Ni41IDMyMCIvPjxwYXRoIGQ9Ik0zMiAyNiBBNiA2IDAgMCAxIDI2IDMyIi8+PHBhdGggZD0iTTI3NCAzMiBBNiA2IDAgMCAxIDI2OCAyNiIvPjxwYXRoIGQ9Ik0yNjggMzc0IEE2IDYgMCAwIDEgMjc0IDM2OCIvPjxwYXRoIGQ9Ik0yNiAzNjggQTYgNiAwIDAgMSAzMiAzNzQiLz48L2c+PGcgZmlsbD0iI2VlZjNlOCI+PGNpcmNsZSBjeD0iMTUwIiBjeT0iMjAwIiByPSIxLjgiLz48Y2lyY2xlIGN4PSIxNTAiIGN5PSI2MiIgcj0iMS44Ii8+PGNpcmNsZSBjeD0iMTUwIiBjeT0iMzM4IiByPSIxLjgiLz48L2c+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjJmZjQ5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDU2IEwxMiAyMCBMNDggMjAiLz48cGF0aCBkPSJNMjg4IDU2IEwyODggMjAgTDI1MiAyMCIvPjxwYXRoIGQ9Ik0xMiAzNDQgTDEyIDM4MCBMNDggMzgwIi8+PHBhdGggZD0iTTI4OCAzNDQgTDI4OCAzODAgTDI1MiAzODAiLz48L2c+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjJmZjQ5IiBzdHJva2Utd2lkdGg9IjEuNCIgb3BhY2l0eT0iMC45IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0yMiAzMCBMMjIgMjYgTDMwIDI2Ii8+PHBhdGggZD0iTTI3OCAzMCBMMjc4IDI2IEwyNzAgMjYiLz48cGF0aCBkPSJNMjIgMzcwIEwyMiAzNzQgTDMwIDM3NCIvPjxwYXRoIGQ9Ik0yNzggMzcwIEwyNzggMzc0IEwyNzAgMzc0Ii8+PC9nPjxnIGZpbGw9IiNmMmZmNDkiPjxwYXRoIGQ9Ik0xNTAgNCBMMTU2IDEwIEwxNTAgMTYgTDE0NCAxMCBaIi8+PHBhdGggZD0iTTE1MCAzODQgTDE1NiAzOTAgTDE1MCAzOTYgTDE0NCAzOTAgWiIvPjxwYXRoIGQ9Ik02IDIwMCBMMTIgMTk0IEwxOCAyMDAgTDEyIDIwNiBaIi8+PHBhdGggZD0iTTI5NCAyMDAgTDI4OCAxOTQgTDI4MiAyMDAgTDI4OCAyMDYgWiIvPjwvZz48ZyBzdHJva2U9IiNmMmZmNDkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBvcGFjaXR5PSIwLjg1Ij48cGF0aCBkPSJNMTI4IDEwIEwxMzYgMTAiLz48cGF0aCBkPSJNMTY0IDEwIEwxNzIgMTAiLz48cGF0aCBkPSJNMTI4IDM5MCBMMTM2IDM5MCIvPjxwYXRoIGQ9Ik0xNjQgMzkwIEwxNzIgMzkwIi8+PHBhdGggZD0iTTEyIDE3OCBMMTIgMTg2Ii8+PHBhdGggZD0iTTEyIDIxNCBMMTIgMjIyIi8+PHBhdGggZD0iTTI4OCAxNzggTDI4OCAxODYiLz48cGF0aCBkPSJNMjg4IDIxNCBMMjg4IDIyMiIvPjwvZz48L3N2Zz4=") center/100% 100% no-repeat !important;border:none !important;}
  .mini-pitch::before,.pitch-stage::before,.pitch-stage::after{content:none !important;display:none !important;}
  /* bigger pitch + clean lineup tokens: emoji + position disc + name, no box */
  .mini-pitch{max-width:340px;}
  .mini-pitch .pslot,.mini-pitch .pslot.filled{width:auto;min-height:0;background:none !important;border:none !important;padding:0;flex-direction:column;gap:2px;color:#fff;}
  .mini-pitch .pslot-emoji{font-size:15px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85));}
  .mini-pitch .pslot-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.02em;flex-shrink:0;}
  .mini-pitch .pslot-dot.empty{background:rgba(10,16,12,.52);border:1px dashed rgba(247,243,231,.45);color:#dcefe4;}
  .mini-pitch .pslot.filled .pslot-dot{background:#f2ff49;border:1px solid #f7ffb0;color:#0e120f;box-shadow:0 2px 8px rgba(0,0,0,.6);}
  .mini-pitch .pslot.star .pslot-dot{background:linear-gradient(150deg,#ffe58f,#e6b23c);border:1px solid #fff1c2;color:#3a2a06;box-shadow:0 2px 9px rgba(230,178,60,.45);}
  .mini-pitch .pslot.star .pslot-name{color:#ffdf85;}
  .mini-pitch .pslot-name{font-family:'Inter',sans-serif;font-size:10px;font-weight:800;letter-spacing:-.01em;color:#fff;text-align:center;line-height:1.04;max-width:74px;text-shadow:0 0 2px #0e120f,0 1px 2px rgba(0,0,0,.95),0 0 5px rgba(0,0,0,.7);}
  /* match the crisper name treatment on the reveal pitch */
  .player-chip .chip-name{font-size:10px;font-weight:800;letter-spacing:-.01em;text-shadow:0 0 2px #0e120f,0 1px 2px rgba(0,0,0,.95);}

  /* reveal pucks as taped stickers */
  .player-chip .puck{background:#f7f3e7;color:#0e120f;border:1px solid #0e120f;border-radius:3px;transform:rotate(-3deg);font-weight:700;}
  .player-chip .chip-name{color:#f7f3e7;}

  /* GO button hi-vis, position stickers rotate */
  .submit-btn{background:#f2ff49;color:#0e120f;transform:rotate(1.5deg);}
  .sg-role{transform:rotate(-2deg);}
  .constraint-box{transform:rotate(-.3deg);}
  .formation-chip{transform:rotate(-1.5deg);}
  .crest{color:#0e120f;font-weight:700;}

  /* ===== move players between slots ===== */
  .mini-pitch .pslot.filled,.mini-pitch .pslot.movable,.mini-pitch .pslot.swap-target{cursor:pointer;}
  .mini-pitch .pslot.movable .pslot-dot{border:1px solid #f2ff49 !important;background:rgba(242,255,73,.30) !important;color:#0e120f;animation:slotBlink .85s ease-in-out infinite;}
  .mini-pitch .pslot.moving .pslot-dot{outline:2px solid #fff;outline-offset:2px;animation:slotBlink .85s ease-in-out infinite;}
  .mini-pitch .pslot.swap-target .pslot-dot{box-shadow:0 0 0 2px rgba(255,255,255,.55),0 2px 8px rgba(0,0,0,.6);}
  @keyframes slotBlink{0%,100%{box-shadow:0 0 0 0 rgba(242,255,73,.6);}50%{box-shadow:0 0 0 7px rgba(242,255,73,0);}}
  #pitchMoveHint{max-width:340px;margin:-6px auto 14px;padding:8px 12px;background:rgba(242,255,73,.12);border:1px solid rgba(242,255,73,.42);border-radius:6px;color:#f2ff49;font-size:12px;font-weight:600;text-align:center;line-height:1.4;}
  #pitchMoveHint b{color:#fff;}
  .chain-move-btn{flex-shrink:0;font-family:'Inter',sans-serif;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:5px 9px;border-radius:4px;border:1px solid #2f4a3f;background:#0e120f;color:#f2ff49;cursor:pointer;white-space:nowrap;}
  .chain-move-btn:hover{background:#f2ff49;color:#0e120f;border-color:#f2ff49;}
  .chain-link.card-moving{outline:2px solid #f2ff49;outline-offset:1px;}
  .chain-link.card-moving .chain-move-btn{background:#f2ff49;color:#0e120f;border-color:#f2ff49;}

  /* ===== penalty shootout board ===== */
  .pen-board{margin:16px 0 6px;display:flex;flex-direction:column;gap:12px;}
  .pen-row{display:flex;align-items:center;gap:10px;}
  .pen-team{flex:1;display:flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;color:#f7f3e7;min-width:0;}
  .pen-marks{display:flex;gap:5px;flex-shrink:0;}
  .pen-marks .pip{width:22px;height:22px;border-radius:50%;border:1px dashed rgba(247,243,231,.4);display:flex;align-items:center;justify-content:center;font-size:11px;background:rgba(10,16,12,.4);transition:transform .15s;}
  .pen-marks .pip.scored{background:#7ee081;border-style:solid;border-color:#7ee081;color:#0e120f;transform:scale(1.08);}
  .pen-marks .pip.missed{background:rgba(255,68,56,.22);border-style:solid;border-color:#ff4438;color:#ff6a5f;}
  .pen-tally{font-family:'Inter',sans-serif;font-weight:800;font-size:19px;min-width:20px;text-align:center;color:#f2ff49;flex-shrink:0;}
  .pen-status{text-align:center;font-size:13px;color:#9dc7b6;margin:10px 0 4px;line-height:1.4;}
  .pen-status b{color:#f2ff49;}

  /* ===== roster-rule info tooltip in the guessing panel ===== */
  #playerInput{padding-right:42px;}
  .rule-info{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:1px solid #0a1c15;background:#0e120f;color:#f2ff49;font-family:'Inter',sans-serif;font-weight:800;font-size:12px;font-style:italic;line-height:1;display:flex;align-items:center;justify-content:center;cursor:help;padding:0;z-index:6;}
  .rule-info:hover,.rule-info:focus{background:#f2ff49;color:#0e120f;outline:none;}
  .rule-info .rule-tip{position:absolute;bottom:calc(100% + 9px);right:-6px;width:232px;background:#0e120f;color:#f7f3e7;border:1px solid #f2ff49;border-radius:6px;padding:9px 11px;font-size:11.5px;font-weight:500;font-style:normal;line-height:1.45;text-align:left;letter-spacing:0;text-transform:none;box-shadow:0 8px 22px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .15s;pointer-events:none;}
  .rule-info .rule-tip::after{content:'';position:absolute;top:100%;right:9px;border:6px solid transparent;border-top-color:#f2ff49;}
  .rule-info:hover .rule-tip,.rule-info:focus .rule-tip{opacity:1;visibility:visible;}

  /* ============================================================
     GUIDED TOUR - spotlight walkthrough (tour.js)
     ============================================================ */
  .tour-dim{position:fixed;inset:0;z-index:9997;background:transparent;}
  .tour-mask-svg{position:fixed;inset:0;width:100%;height:100%;z-index:9998;pointer-events:none;}
  .tour-card{position:fixed;z-index:9999;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px 18px;width:320px;max-width:calc(100vw - 24px);box-shadow:0 20px 50px -15px rgba(0,0,0,0.75);transition:top .25s ease,left .25s ease;}
  .tour-card.wide{width:480px;}
  .tour-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;}
  .tour-card-title{font-weight:700;font-size:15px;color:var(--text);}
  .tour-card-step{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--dim);background:var(--panel-3);border:1px solid var(--border);border-radius:20px;padding:2px 8px;white-space:nowrap;flex-shrink:0;}
  .tour-card-text{font-size:13px;line-height:1.55;color:var(--dim);margin-bottom:14px;white-space:pre-line;}
  .tour-card .score-chip-grid{margin-bottom:14px;}
  .tour-card-actions{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;}
  .tour-nav-btns{display:flex;align-items:center;gap:8px;flex-shrink:0;}
  .tour-skip{background:none;border:none;color:var(--dim-2);font-size:12px;cursor:pointer;text-decoration:underline;padding:4px 0;text-align:left;}
  .tour-skip:hover{color:var(--red);}
  .tour-back{background:none;border:1px solid var(--border);color:var(--dim);border-radius:6px;padding:8px 12px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;}
  .tour-back:hover:not(:disabled){border-color:var(--accent);color:var(--accent);}
  .tour-back:disabled{opacity:.35;cursor:default;}
  .tour-next{background:var(--accent);color:var(--night);border:none;border-radius:6px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;}
  .tour-next:hover{opacity:.88;}

  /* ============================================================
     IDLE HINT BLINK - nudges Auto + Recommendations when a player
     goes quiet on the chain screen (see scheduleIdleBlink() in game.js)
     ============================================================ */
  .blink-hint{animation:idleBlinkPulse 2.4s ease-in-out infinite;border-radius:6px;}
  @keyframes idleBlinkPulse{0%,100%{box-shadow:0 0 0 0 rgba(242,255,73,.5);}50%{box-shadow:0 0 0 6px rgba(242,255,73,0);}}

  /* ============================================================
     SCORING INFO POPOVER (tour.js renders chips into #scoreChipGrid)
     ============================================================ */
  .score-chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  @media(max-width:480px){.score-chip-grid{grid-template-columns:1fr;}}
  .score-chip{background:var(--panel-3);border:1px solid var(--border);border-radius:8px;padding:12px;}
  .score-chip-icon{font-size:19px;margin-bottom:6px;}
  .score-chip-label{font-weight:700;font-size:13px;color:var(--text);margin-bottom:4px;}
  .score-chip-sub{font-size:11.5px;line-height:1.4;color:var(--dim);}
  .score-chip-footer{margin-top:14px;font-size:11.5px;color:var(--dim-2);text-align:center;}
  

  /* ============ COOKIE CONSENT BANNER ============ */
  .cookie-consent-banner{position:fixed;left:0;right:0;bottom:-100px;z-index:9000;background:var(--panel);border-top:1px solid var(--accent);padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;transition:bottom .3s ease;box-shadow:0 -8px 24px rgba(0,0,0,0.4);}
  .cookie-consent-banner.show{bottom:0;}
  .cookie-consent-text{font-size:12.5px;line-height:1.5;color:var(--dim);max-width:640px;}
  .cookie-consent-text a{color:var(--accent);text-decoration:underline;}
  .cookie-consent-actions{display:flex;gap:10px;flex-shrink:0;}
  .cookie-consent-decline{background:none;border:1px solid var(--border);color:var(--dim);border-radius:4px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;}
  .cookie-consent-decline:hover{border-color:var(--dim);color:var(--text);}
  .cookie-consent-accept{background:var(--accent);color:var(--night);border:none;border-radius:4px;padding:8px 18px;font-size:12px;font-weight:700;cursor:pointer;}
  .cookie-consent-accept:hover{filter:brightness(1.08);}
  @media(max-width:600px){.cookie-consent-banner{flex-direction:column;align-items:stretch;text-align:center;}.cookie-consent-actions{justify-content:center;}}