:root {

    color-scheme: dark;

    --panel: rgba(9, 17, 24, .94);

    --line: rgba(185, 220, 232, .25);

    --text: #eaf6fb;

    --muted: #93aab4;

    --accent: #9df36d;

    --accent2: #ffdd5f;

  }

  * { box-sizing: border-box; }

  html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: #155b37; }

  body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif; }

  /* Live canvas content must not be re-blurred by every overlaid control. */
  html.multiplayerLive * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  html.multiplayerLive .hudButton { background-color: rgba(5,11,15,.94); }
  html.multiplayerLive #networkBadge { background-color: rgba(5,22,27,.96); }

  #shell { position: fixed; inset: 0; background: #155b37; }

  canvas { display: block; width: 100%; height: 100%; }

  #topButtons {

    position: absolute; top: 14px; right: 14px; z-index: 20;

    display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; max-width: min(760px, calc(100vw - 28px));

  }

  .hudButton {

    min-width: 42px; height: 38px; padding: 0 12px;

    border: 1px solid rgba(255,255,255,.25); border-radius: 8px;

    color: #fff; background: rgba(5,11,15,.78); backdrop-filter: blur(8px);

    font: 800 12px/1 system-ui, sans-serif; letter-spacing: .04em; cursor: pointer;

    box-shadow: 0 4px 16px rgba(0,0,0,.28);

  }

  .hudButton:hover { background: rgba(27,52,64,.94); border-color: rgba(255,255,255,.45); }

  .hudButton:disabled { opacity: .42; cursor: default; transform: none; }

  #replayBar {

    position:absolute;left:50%;bottom:18px;z-index:27;transform:translateX(-50%);

    display:none;width:min(920px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:10px;gap:8px;

    border:1px solid rgba(126,232,255,.38);border-radius:14px;background:rgba(4,13,18,.42);

    box-shadow:0 12px 30px rgba(0,0,0,.30);backdrop-filter:blur(3px);overflow:hidden;

  }

  #replayBar.open{display:grid;grid-template-rows:auto auto auto;}

  .replayHeaderRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px) 38px;gap:8px;align-items:center;min-width:0;}

  #replayMeta{min-width:0;display:grid;gap:3px;}

  #replayBar .replayLabel{color:#ffdd5f;font:950 11px/1.15 system-ui;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  #replayDetail{color:#a9c5cf;font:750 9px/1.25 system-ui;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  #replayBar button{height:34px;min-width:0;padding:0 8px;border:1px solid rgba(255,255,255,.27);border-radius:8px;background:rgba(10,31,40,.68);color:#fff;font:850 10px system-ui;cursor:pointer;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.75);}

  #replayBar button:hover{background:rgba(27,58,71,.86);}#replayBar button:disabled{opacity:.32;cursor:default;}

  #replaySourceSelect{width:100%;min-width:0;max-width:none;height:34px;padding:0 28px 0 9px;border:1px solid rgba(126,232,255,.34);border-radius:8px;background:rgba(7,30,39,.72);color:#e9fbff;font:850 10px system-ui;text-shadow:0 1px 2px rgba(0,0,0,.8);}

  .replayTransportRow{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;min-width:0;}

  .replayTimelineRow{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:9px;align-items:center;min-width:0;padding:1px 2px 0;}

  #replaySlowMotion.active{border-color:rgba(255,224,95,.68);color:#ffe67a;background:#493c15;}

  #replaySeek{min-width:0;width:100%;margin:0;}

  #replayTime{min-width:0;color:#cce2ea;text-align:right;font:850 10px ui-monospace,monospace;white-space:nowrap;}

  #replayClose{width:38px;min-width:38px!important;padding:0!important;}

  .toggleControl { min-height: 42px; display: flex; align-items: center; gap: 10px; padding: 9px 11px; border: 1px solid rgba(205,235,245,.28); border-radius: 8px; background: #0a151b; color: #fff; font: 800 12px/1.3 system-ui; cursor: pointer; }

  .toggleControl input { width: 18px; height: 18px; accent-color: var(--accent); flex: 0 0 auto; }

  .toggleControl span { display: block; }

  #settingsOverlay {

    position: absolute; inset: 0; z-index: 30; display: none; place-items: center;

    padding: 22px; background: rgba(2,7,10,.76); backdrop-filter: blur(8px);

  }

  #settingsOverlay.open { display: grid; }

  .panel {

    width: min(760px, 96vw); max-height: min(800px, 92vh); overflow: auto;

    border: 1px solid rgba(184,220,234,.3); border-radius: 18px;

    background: linear-gradient(180deg, rgba(16,29,37,.98), rgba(7,15,20,.98));

    color: var(--text); padding: 24px; box-shadow: 0 28px 90px rgba(0,0,0,.6);

  }

  .panel h2 { margin: 0 0 5px; font-size: 28px; letter-spacing: -.02em; }

  .panel .sub { margin: 0 0 22px; color: var(--muted); font-size: 13px; line-height: 1.5; }

  .settingsGrid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }

  .settingBox { padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }

  .settingBox label { display: block; margin-bottom: 8px; color: #cfe1e8; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }

  select, .bind {

    width: 100%; height: 42px; border: 1px solid rgba(205,235,245,.28); border-radius: 8px;

    background: #0a151b; color: #fff; padding: 0 11px; font: 800 13px system-ui, sans-serif;

  }

  .rangeRow { display: grid; grid-template-columns: minmax(0,1fr) 78px; align-items: center; gap: 12px; }

  input[type="range"] { width: 100%; accent-color: var(--accent); cursor: pointer; }

  .rangeValue {

    display: grid; place-items: center; height: 38px; border: 1px solid rgba(205,235,245,.28);

    border-radius: 8px; background: #0a151b; color: var(--accent2); font: 900 13px ui-monospace, monospace;

  }

  .settingHint { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }

  .settingBox.settingDisabled { opacity:.48; }

  .apiAISettings{grid-column:1/-1;display:none}.apiAISettings.open{display:block}.apiAIHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.apiAIStatus{font:900 10px system-ui;padding:5px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#a9c1c9;background:rgba(255,255,255,.035)}.apiAIStatus.ready{color:#7effbf;border-color:rgba(126,255,191,.35)}.apiAIStatus.error{color:#ff9e9e;border-color:rgba(255,126,126,.35)}.apiAIStatus.live{color:#7ee8ff;border-color:rgba(126,232,255,.38)}.apiAIGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.apiAIGrid .wide{grid-column:1/-1}.apiAIGrid input,.apiAIGrid select{width:100%;box-sizing:border-box}.apiAIActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.apiAIActions button{border:1px solid rgba(126,232,255,.28);background:rgba(126,232,255,.06);color:#dff8ff;border-radius:9px;padding:8px 10px;font:850 10px system-ui;cursor:pointer}.apiAISecurity{margin-top:9px;padding:8px 10px;border:1px solid rgba(255,224,106,.18);border-radius:9px;background:rgba(255,224,106,.035);font:700 9px/1.45 system-ui;color:#b8a86e}

  .settingBox.settingDisabled select { cursor:not-allowed; }

  .bind { cursor: pointer; color: var(--accent2); }

  .bind.waiting { color: #fff; background: #6a2b22; border-color: #ffbf73; }

  .keyGrid { margin-top: 15px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }

  .actions { margin-top: 20px; display: flex; justify-content: flex-end; gap: 10px; }

  .actions button {

    border: 1px solid rgba(255,255,255,.25); border-radius: 9px; padding: 10px 16px;

    background: #182a34; color: white; font-weight: 900; cursor: pointer;

  }

  .actions .primary { background: #31794b; border-color: #76ce8e; }

  #toast {

    position: absolute; left: 50%; bottom: 16px; z-index: 15; transform: translateX(-50%);

    padding: 7px 12px; border-radius: 999px; background: rgba(4,10,14,.72); color: rgba(236,248,252,.72);

    font-size: 11px; letter-spacing: .03em; pointer-events: none; white-space: nowrap;

  }

  #statsOverlay {

    position: absolute; inset: 0; z-index: 34; display: none; place-items: center;

    padding: 18px; background: rgba(2,7,10,.79); backdrop-filter: blur(9px);

  }

  #statsOverlay.open { display: grid; }

  .statsPanel { width: min(1500px, 99vw); max-height: 96vh; padding: 14px; overflow-y:auto; overflow-x:hidden; }

  .statsTop { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; }

  .statsTop h2 { margin: 0; font-size: clamp(20px,2.5vw,30px); }

  .statsTabs { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0 10px; }

  .goalSummary{margin:0 0 10px;padding:9px 11px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(5,20,26,.74)}.goalSummaryHead{font:950 10px ui-monospace,monospace;color:#dff8ff;margin-bottom:6px}.goalSummaryGrid{display:flex;gap:6px;flex-wrap:wrap}.goalSummaryItem{padding:6px 8px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.035);font:850 9px system-ui;color:#eef9fc}.goalSummaryItem b{color:#ffe06a}.goalSummaryEmpty{font:750 9px system-ui;color:#7897a1}

  .statsTab {

    border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 7px 13px;

    background: #10212a; color: #dcebf0; font-weight: 900; cursor: pointer;

  }

  .statsTab.active { background: #2d6d47; border-color: #86d29b; color: white; }

  .teamCADrawer{display:none;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(126,232,255,.22);border-radius:12px;background:rgba(7,28,35,.86)}.teamCADrawer.open{display:block}.teamCAHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.teamCAHead b{font-size:11px;color:#dff8ff}.teamCAAvg{font:950 13px system-ui;color:#ffe06a}.teamCAGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.teamCAPlayer{display:flex;justify-content:space-between;gap:8px;padding:6px 7px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.035);font:800 9px system-ui;color:#bdd3d9}.teamCAPlayer strong{color:#fff}.teamCAHint{font:750 9px system-ui;color:#7897a1}.teamTotalRow{cursor:pointer}.teamTotalRow:hover td{background:rgba(36,79,90,.82)}@media(max-width:760px){.teamCAGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.apiAIGrid{grid-template-columns:1fr}.apiAIGrid .wide{grid-column:auto}}

  .statsTableWrap { overflow: visible; border: 1px solid var(--line); border-radius: 12px; }

  .playerStatsTable { width: 100%; border-collapse: collapse; min-width:0; table-layout: fixed; background: rgba(5,13,18,.82); }

  .playerStatsTable th, .playerStatsTable td {

    padding: 5px 3px; border-bottom: 1px solid rgba(220,241,247,.10);

    text-align: center; font: 750 clamp(7.5px,.72vw,9.5px)/1.12 ui-monospace, monospace; white-space: nowrap;

  }

  .playerStatsTable th {

    position: sticky; top: 0; z-index: 2; background: #12252e; color: #a9c5cf;

    font-size: clamp(7px,.68vw,9px); letter-spacing: .018em; text-transform: uppercase; white-space: normal; vertical-align: middle;

    height: 46px; overflow: hidden;

  }

  .statsHeader { display:grid; gap:2px; justify-items:center; line-height:1.08; min-width:0; }

  .statsHeader.mainLeft { justify-items:start; }

  .statsHeaderMain { color:#c2d7de; font-weight:950; white-space:normal; overflow-wrap:anywhere; }

  .statsHeaderSub { color:#7596a2; font:800 clamp(6.4px,.57vw,7.7px)/1.1 ui-monospace,monospace; letter-spacing:0; white-space:normal; overflow-wrap:anywhere; }

  .teamTotalRow td { background:rgba(27,55,66,.72); border-bottom-color:rgba(126,232,255,.20); font-weight:900; }

  .teamTotalRow td:first-child { background:#10252d !important; }

  .teamTotalRow + .teamTotalRow td { border-bottom:2px solid rgba(126,232,255,.28); }

  .teamTotalIdentity b { color:#9fe6f7; }

  .teamTotalIdentity span { color:#6f99a6; }

  .playerStatsTable td:first-child, .playerStatsTable th:first-child { text-align: left; padding-left: 8px; }

  .playerStatsTable tr:hover td { background: rgba(255,255,255,.035); }

  .playerStatsTable tr.statsPlayerSelected td { background:rgba(255,227,107,.075); }

  .playerStatsTable tr.statsPlayerSelected td:first-child { box-shadow: inset 3px 0 0 rgba(255,227,107,.78); }

  .playerStatsTable tr.statsYellow { opacity:1; } .disciplineStats { color:#ffe18a !important; white-space:normal; line-height:1.45; font-size:10px; font-weight:800; }

  .playerStatsTable tr.statsSentOff { opacity:.35; }

  .playerStatsTable tr.statsYellow td:first-child, .playerStatsTable tr.statsSentOff td:first-child { box-shadow: inset 3px 0 0 rgba(245,197,66,.85); }

  .cardPill { display:inline-block; margin-left:6px; padding:1px 6px; border-radius:8px; font-size:9px; font-weight:800; letter-spacing:.04em; }

  .cardPill.y { background:#f5c542; color:#3a2c00; }

  .cardPill.r { background:#d63b3b; color:#fff; }

  .playerStatsTable th:nth-child(1), .playerStatsTable td:nth-child(1) { width:15%; }

  .playerStatsTable th:nth-child(2), .playerStatsTable td:nth-child(2) { width:5%; }

  .playerStatsTable th:nth-child(3), .playerStatsTable td:nth-child(3),

  .playerStatsTable th:nth-child(4), .playerStatsTable td:nth-child(4) { width:3.5%; }

  .playerStatsTable th:nth-child(5), .playerStatsTable td:nth-child(5) { width:5%; }

  .playerStatsTable th:nth-child(6), .playerStatsTable td:nth-child(6) { width:9%; }

  .playerStatsTable th:nth-child(7), .playerStatsTable td:nth-child(7) { width:10%; }

  .playerStatsTable th:nth-child(8), .playerStatsTable td:nth-child(8) { width:10%; }

  .playerStatsTable th:nth-child(9), .playerStatsTable td:nth-child(9),

  .playerStatsTable th:nth-child(10), .playerStatsTable td:nth-child(10) { width:5%; }

  .playerStatsTable th:nth-child(11), .playerStatsTable td:nth-child(11),

  .playerStatsTable th:nth-child(12), .playerStatsTable td:nth-child(12) { width:6%; }

  .playerStatsTable th:nth-child(13), .playerStatsTable td:nth-child(13) { width:8%; }

  .playerStatsTable th:nth-child(14), .playerStatsTable td:nth-child(14) { width:9%; }

  .playerStatsTable th:first-child, .playerStatsTable td:first-child {

    position: sticky; left: 0; z-index: 1; background: #09171d;

    box-shadow: 1px 0 0 rgba(220,241,247,.10);

  }

  .playerStatsTable th:first-child { z-index: 4; background: #12252e; }

  .ratingPill {

    display: inline-grid; place-items: center; min-width: 34px; height: 23px; padding: 0 5px;

    border-radius: 999px; background: #233b45; color: white; font-weight: 1000;

  }

  .ratingPill.good { background: #2f764b; }

  .ratingPill.great { background: #8b6b20; color: #fff4b0; }

  .ratingPill.poor { background: #71363b; }

  .playerIdentity { display: grid; gap: 2px; min-width:0; }

  .playerIdentity b { color: #edf7fa; font: 850 clamp(9px,.82vw,11px)/1.06 system-ui; white-space:normal; overflow-wrap:anywhere; max-height:2.2em; overflow:hidden; }

  .playerIdentity span { color: #89a4ae; font: 700 clamp(7px,.68vw,9px)/1.05 system-ui; white-space:normal; }

  .statsKpi { padding:8px 9px; border:1px solid rgba(220,241,247,.12); border-radius:10px; background:rgba(7,20,26,.78); display:grid; gap:2px; }

  .statsKpi b { font:900 15px/1 ui-monospace,monospace; color:#eefaff; }

  .statsKpi span { font:750 9px/1.2 system-ui; color:#8daab4; text-transform:uppercase; letter-spacing:.06em; }

  .ratingCell { display:grid; place-items:center; }

  .statTriple { font-weight:850; letter-spacing:-.035em; white-space:normal; line-height:1.15; }

  @media (max-height:680px){.statsPanel{padding:10px}.statsTop{margin-bottom:6px}.statsTabs{margin:5px 0 7px}.playerStatsTable th,.playerStatsTable td{padding:3px 4px;font-size:9px}.playerIdentity b{font-size:10px}.playerIdentity span{font-size:8px}}

  .tacticsEditorWrap { margin-top:14px; display:grid; grid-template-columns:minmax(300px,1.35fr) minmax(220px,.65fr); gap:12px; align-items:stretch; }

  .tacticsPitchCard,.tacticsInfoCard { border:1px solid rgba(220,241,247,.13); border-radius:13px; background:rgba(4,15,20,.70); padding:12px; }

  .tacticsTeamTabs { display:flex; gap:7px; margin-bottom:9px; }

  .tacticsTeamTab { flex:1; border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:7px 8px; background:#10212a; color:#cfe2e8; font-weight:900; cursor:pointer; }

  .tacticsTeamTab.active { background:#2d6d47; border-color:#86d29b; color:#fff; }

  .tacticsPitch { position:relative; aspect-ratio:1.56/1; min-height:270px; overflow:hidden; border:2px solid rgba(224,247,239,.48); border-radius:10px; background:linear-gradient(90deg,rgba(34,105,69,.94),rgba(29,91,61,.94)); touch-action:none; user-select:none; }

  .tacticsPitch::before { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 49.65%,rgba(255,255,255,.38) 49.65%,rgba(255,255,255,.38) 50.35%,transparent 50.35%); }

  .tacticsPitch::after { content:''; position:absolute; width:17.43%; aspect-ratio:1; border:1px solid rgba(255,255,255,.43); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); pointer-events:none; }

  .tacticsBox { position:absolute; left:0; top:21%; width:16%; height:58%; border:1px solid rgba(255,255,255,.42); border-left:0; pointer-events:none; }

  .tacticsSix { position:absolute; left:0; top:35%; width:6%; height:30%; border:1px solid rgba(255,255,255,.32); border-left:0; pointer-events:none; }

  .tacticsPlayers { position:absolute; inset:0; }

  .tacticsPlayer { position:absolute; width:38px; height:38px; transform:translate(-50%,-50%); border-radius:50%; display:grid; place-items:center; border:2px solid rgba(255,255,255,.86); box-shadow:0 3px 10px rgba(0,0,0,.34); cursor:grab; font:950 10px/1 system-ui; color:white; touch-action:none; }

  .tacticsPlayer:active { cursor:grabbing; transform:translate(-50%,-50%) scale(1.08); }

  .tacticsPlayer.teamA { background:#1859a8; }.tacticsPlayer.teamB { background:#a33a3a; }.tacticsPlayer.gk { outline:2px solid rgba(255,221,95,.78); }

  .tacticsPlayer small { position:absolute; top:40px; left:50%; transform:translateX(-50%); max-width:112px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#eaf6f8; text-shadow:0 1px 3px #000; font:800 9px/1.15 system-ui; pointer-events:none; }
  .tacticsPlayer .tacticsPlayerName { position:absolute; top:52px; left:50%; transform:translateX(-50%); width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#f2fff1; text-shadow:0 1px 4px #00190c,0 2px 5px #00190c; font:800 9px/1.2 system-ui; pointer-events:none; }
  .tacticsFormationPicker { display:grid; gap:7px; margin:0 0 12px; }
  .tacticsFormationPicker label { color:#cbe1d7; font:850 11px/1.2 system-ui; }
  .tacticsFormationPicker select { width:100%; min-height:40px; }

  .tacticsInfoCard { display:flex; flex-direction:column; justify-content:space-between; gap:10px; }

  .tacticsStatus { color:#b9d0d8; font-size:12px; line-height:1.45; }

  .tacticsStatus b { color:#fff; }.tacticsHint { color:#7f9aa4; font-size:10px; line-height:1.45; }

  .tacticsReset { border:1px solid rgba(255,255,255,.22); border-radius:9px; padding:9px 12px; background:#182a34; color:#fff; font-weight:900; cursor:pointer; }

  @media (max-width: 720px) {

    #topButtons { top: 86px; right: 8px; gap: 5px; }

    .hudButton { height: 34px; padding: 0 9px; }

    .settingsGrid, .keyGrid { grid-template-columns: 1fr; }

    .panel { padding: 17px; }

    .statsPanel { padding: 12px; width: 99vw; max-height: 94vh; }

    .statsTop { display: block; margin-bottom: 10px; }

    #statsCloseButton { width: 100%; margin-top: 10px; }

    .tacticsEditorWrap { grid-template-columns:1fr; }.tacticsPitch { min-height:240px; }

    .actions { position: static; margin: 18px 0 0; padding: 0; background: none; }

    #toast { bottom: 8px; display: block; font-size: 9px; }

    #replayBar{bottom:8px;width:calc(100vw - 12px);max-width:calc(100vw - 12px);padding:8px;gap:6px;}

    .replayHeaderRow{grid-template-columns:minmax(0,1fr) 38px;}

    #replayMeta{grid-column:1/-1;text-align:left;}

    #replaySourceSelect{grid-column:1/2;}

    #replayBar .replayLabel{font-size:9px;}#replayDetail{font-size:8px;}

    .replayTransportRow{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;}

    #replayBar button{font-size:9px;padding:0 5px;}

    .replayTimelineRow{grid-template-columns:minmax(0,1fr) 74px;}

  }

  /* canonical interface layer */

  :root {

    --glass: rgba(4, 13, 18, .88);

    --glass-strong: rgba(5, 16, 22, .96);

    --cyan: #7ee8ff;

    --gold: #ffdd5f;

  }

  body { touch-action: none; }

  #shell::after {

    content: ""; position: absolute; inset: 0; z-index: 6; pointer-events: none;

    background: radial-gradient(circle at 50% 46%, transparent 48%, rgba(0,0,0,.15) 78%, rgba(0,0,0,.35) 100%);

    mix-blend-mode: multiply;

  }

  #topButtons, #toast, #settingsOverlay, #statsOverlay, #leagueOverlay, #replayBar { isolation: isolate; }

  #shell.titleMode #telemetryButton,

  #shell.titleMode #statsButton { display: none !important; }

  #shell.titleMode #topButtons { gap: 7px; }

  .hudButton { transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease; }

  .hudButton:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,.34); }

  .hudButton:focus-visible, .bind:focus-visible, select:focus-visible, input:focus-visible {

    outline: 2px solid var(--cyan); outline-offset: 2px;

  }

  #toast {

    max-width: min(980px, calc(100vw - 32px)); white-space: normal; text-align: center;

    line-height: 1.35; border: 1px solid rgba(195,232,243,.12); backdrop-filter: blur(10px);

  }

  .sectionHeading {

    display: flex; align-items: baseline; justify-content: space-between; gap: 12px;

    margin: 20px 0 10px; padding: 0 2px 8px; border-bottom: 1px solid rgba(188,225,236,.16);

  }

  .sectionHeading span { color: #f1fbff; font: 950 11px/1 system-ui; letter-spacing: .11em; }

  .sectionHeading small { color: var(--muted); font: 650 10px/1.3 system-ui; text-align: right; }

  .controlsHeading { margin-top: 22px; }

  .panel { scrollbar-color: rgba(126,232,255,.38) transparent; scrollbar-width: thin; }

  .panel::-webkit-scrollbar { width: 9px; }

  .panel::-webkit-scrollbar-thumb { background: rgba(126,232,255,.28); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }

  .actions {

    position: sticky; bottom: -24px; z-index: 3; margin: 22px -24px -24px; padding: 14px 24px 20px;

    background: linear-gradient(180deg, rgba(7,15,20,0), rgba(7,15,20,.96) 34%);

  }

  .settingBox { transition: border-color .16s ease, background .16s ease; }

  .settingBox:focus-within { border-color: rgba(126,232,255,.42); background: rgba(126,232,255,.035); }

  @media (max-width: 1100px) {

    #toast { font-size: 10px; max-width: calc(100vw - 24px); }

  }

  @media (max-width: 720px) {

    #settingsOverlay { padding: 12px; }

    .panel { width: 100%; max-width: 100%; padding: 16px; border-radius: 14px; }

    .sectionHeading { display: block; }

    .sectionHeading small { display: block; margin-top: 5px; text-align: left; }

    .actions { bottom: auto; margin: 18px 0 0; padding: 0; }

    #shell.titleMode #topButtons { top: 10px; right: 10px; }

  }

  @media (max-height: 560px) {

    #toast { bottom: 5px; display: block !important; max-width: calc(100vw - 16px); padding: 5px 9px; font-size: 8px; }

    #topButtons {

      top: 70px; right: 8px; display: grid !important; grid-template-columns: repeat(2, max-content); gap: 4px;

    }

    #shell.titleMode #topButtons { top: 8px; display: flex !important; }

    .hudButton { height: 30px; padding: 0 8px; font-size: 10px; border-radius: 7px; }

    #settingsOverlay, #statsOverlay { padding: 8px; }

    .panel { max-height: 96vh; padding: 14px; border-radius: 12px; }

    .panel h2 { font-size: 21px; }

    .panel .sub { margin-bottom: 12px; font-size: 11px; }

    .sectionHeading { margin-top: 12px; }

    .actions { bottom: auto; margin: 14px 0 0; padding: 0; }

  }

  @media (max-height: 560px) and (max-width: 900px) {

    #topButtons { top: 64px; }

  }

  #toast { display:none !important; }

  #toast:empty { display: none !important; }

  /* Minimal live chrome: tam saha görünümü önceliklidir. */

  #topButtons { top:8px; right:8px; gap:5px; max-width:calc(100vw - 16px); }

  .hudButton { min-width:32px; height:30px; padding:0 8px; border-radius:7px; font-size:10px; letter-spacing:.025em; background:rgba(4,10,13,.70); }

  #statsButton { min-width:96px; padding-inline:11px; white-space:nowrap; overflow:visible; }

  #highlightsButton { min-width:68px; padding:5px 9px; white-space:normal; flex-direction:column; align-items:center; justify-content:center; gap:0; line-height:1.02; }

  #highlightsButton .importantMain { display:block; font:950 9px/1 system-ui; letter-spacing:.055em; color:#dff8ff; }

  #highlightsButton .importantSub { display:block; margin-top:2px; font:900 9px/1 system-ui; color:#ffe778; white-space:nowrap; }

  .statsSpatialCard { margin-top:16px; padding:12px; border:1px solid rgba(220,241,247,.12); border-radius:12px; background:rgba(5,16,21,.86); }

  .statsSpatialHeader { display:flex; justify-content:space-between; gap:10px; align-items:end; margin-bottom:8px; }

  .statsSpatialHeader b { color:#eaf8fc; font:950 12px/1.1 system-ui; letter-spacing:.03em; }

  .statsSpatialHeader span { color:#819da7; font:750 9px/1.25 system-ui; text-align:right; }

  .statsAnalysisControls { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 9px; }

  .statsAnalysisFilter { border:1px solid rgba(205,235,245,.22); border-radius:999px; padding:6px 10px; background:#0d2028; color:#bdd3da; font:850 9px/1 system-ui; cursor:pointer; }

  .statsAnalysisFilter.active { background:#315f48; border-color:#8fdaa6; color:#fff; }

  #statsSpatialCanvas { display:block; width:100%; height:clamp(320px,43vh,470px); border-radius:10px; background:#17603b; cursor:pointer; }

  @media (max-height:680px){#statsSpatialCanvas{height:300px}.statsSpatialCard{padding:8px;margin-top:10px}}

  .statsViewTabs{display:flex;gap:6px;margin:0 0 10px;padding:4px;border:1px solid rgba(220,241,247,.11);border-radius:11px;background:rgba(4,15,20,.64);}

  .statsViewTab{flex:1;border:0;border-radius:8px;padding:8px 12px;background:transparent;color:#89a8b2;font:900 10px/1 system-ui;letter-spacing:.04em;cursor:pointer;}

  .statsViewTab.active{background:#183743;color:#f3fbfd;box-shadow:inset 0 0 0 1px rgba(126,232,255,.18);}

  .statsViewPanel{display:none}.statsViewPanel.active{display:block}

  .statsSpatialCard{margin-top:0;padding:0;border:0;background:transparent;}

  .statsSpatialHeader{padding:10px 12px;margin:0;border:1px solid rgba(220,241,247,.12);border-bottom:0;border-radius:12px 12px 0 0;background:rgba(7,20,26,.92);align-items:center;}

  .statsAnalysisControls{padding:9px 10px;margin:0;border-left:1px solid rgba(220,241,247,.12);border-right:1px solid rgba(220,241,247,.12);background:rgba(7,20,26,.72);}

  .statsSpatialLayout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:10px;align-items:stretch;}

  .statsPitchShell{min-width:0;border:1px solid rgba(220,241,247,.12);border-radius:0 0 12px 12px;background:rgba(4,15,20,.72);padding:10px;}

  #statsSpatialCanvas{height:clamp(390px,56vh,610px);border-radius:9px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.18);}

  .statsSpatialSidebar{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;min-height:0;}

  .statsSpatialSideCard{border:1px solid rgba(220,241,247,.12);border-radius:11px;background:rgba(7,20,26,.78);padding:10px;}

  .statsSpatialSideCard b{display:block;color:#dff3f8;font:900 10px/1.2 system-ui;letter-spacing:.035em;margin-bottom:6px;}

  #statsSpatialSummary{color:#9bb5be;font:750 9px/1.45 system-ui;}

  .statsSpatialLegend{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;color:#8ca8b2;font:750 8px/1.25 system-ui;}

  .statsSpatialLegend span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:-1px;background:#61dfa0}.statsSpatialLegend .keyTackle::before{background:#ff73d1}.statsSpatialLegend .key::before{background:#ffe06a}.statsSpatialLegend .intercept::before{background:#70ddff}.statsSpatialLegend .attackCarry::before{background:#7dff9e}.statsSpatialLegend .attackDribble::before{background:#ffd77d;border-radius:2px;transform:rotate(45deg)}

  #statsSpatialPlayerList{display:grid;gap:4px;max-height:100%;overflow:auto;padding-right:2px;}

  .statsPlayerPick{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;border:1px solid rgba(220,241,247,.10);border-radius:8px;padding:6px 7px;background:#0b1d24;color:#cbe0e6;cursor:pointer;text-align:left;}

  .statsPlayerPick:hover{background:#102832}.statsPlayerPick.active{border-color:rgba(255,224,106,.55);background:rgba(96,75,21,.34)}

  .statsPlayerPick .num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#214f65;color:white;font:900 9px system-ui}.statsPlayerPick .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:850 9px system-ui}.statsPlayerPick .mini{color:#7f9ca6;font:800 8px ui-monospace,monospace}

  .statsSpatialCard[data-action-mode="true"] .statsSpatialSidebar{grid-template-rows:auto auto minmax(0,1fr);}

  #statsSpatialCanvas{touch-action:manipulation;}

  @media (max-width:900px){.statsSpatialLayout{grid-template-columns:1fr}.statsSpatialSidebar{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.statsSpatialSidebar .statsSpatialSideCard:last-child{grid-column:1/-1}#statsSpatialPlayerList{grid-template-columns:repeat(2,minmax(0,1fr));max-height:170px}#statsSpatialCanvas{height:360px}}

  @media (max-width:900px){.playerStatsTable th,.playerStatsTable td{padding:4px 2px;font-size:7.2px}.statsHeaderSub{font-size:6px}.playerIdentity b{font-size:8px}.playerIdentity span{font-size:6.8px}.ratingPill{min-width:29px;height:21px;padding:0 3px}.statsAnalysisFilter{font-size:8px;padding:5px 7px}}

  .teamStylePanel{display:grid;gap:10px;padding:12px;border:1px solid rgba(126,232,255,.18);border-radius:13px;background:rgba(6,21,27,.72)}

  .teamStylePanel[hidden]{display:none}

  .teamStyleHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.teamStyleHeader b{color:#effbff;font:950 12px/1.2 system-ui}.teamStyleHeader small{color:#7f9ba5;font:750 8px/1.3 system-ui;text-align:right}

  .teamStyleGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.teamStyleControl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center}.teamStyleControl label{color:#bcd2d9;font:850 9px/1.1 system-ui}.teamStyleControl output{min-width:58px;color:#ffe879;font:900 8px/1 ui-monospace,monospace;text-align:right}.teamStyleControl input{grid-column:1/-1;width:100%;accent-color:#63d7ac}

  .teamStyleRoster{display:grid;gap:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}.teamStyleRosterHead{display:flex;justify-content:space-between;gap:8px;color:#8ca8b2;font:800 8px/1.2 system-ui}.abilityRoster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:150px;overflow:auto}.abilityRoster button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:6px 7px;background:#0b1e26;color:#dcedf1;text-align:left;cursor:pointer}.abilityRoster button:hover{border-color:rgba(126,232,255,.42);background:#102b35}.abilityRoster b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:850 8px/1.2 system-ui}.abilityRoster small{color:#ffe879;font:900 8px/1.2 ui-monospace,monospace}

  #abilityProfileOverlay{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:18px;background:rgba(2,8,11,.91);backdrop-filter:blur(9px)}#abilityProfileOverlay[hidden]{display:none}.abilityCard{width:min(680px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(126,232,255,.26);border-radius:20px;padding:20px;background:linear-gradient(145deg,#0a252e,#06161c);box-shadow:0 28px 80px rgba(0,0,0,.58)}.abilityCardHeader{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.abilityCardHeader h2{margin:5px 0 4px;color:#fff;font:950 clamp(24px,5vw,38px)/1 system-ui}.abilityMeta{color:#90acb5;font:750 9px/1.45 system-ui}.abilityPower{color:#ffe879;font:950 20px/1 ui-monospace,monospace}.abilityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:16px}.abilityGroupTitle{grid-column:1/-1;margin-top:6px;padding:8px 10px 6px;border-bottom:1px solid rgba(126,232,255,.15);color:#7ee8ff;font:950 10px/1.2 system-ui;letter-spacing:.08em}.abilityGroupTitle small{display:block;margin-top:4px;color:#88a3ac;font:750 8px/1.35 system-ui;letter-spacing:0}.abilityStat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.025)}.abilityStat span{color:#a9c0c7;font:850 9px/1.1 system-ui}.abilityStat b{color:#f3fbfd;font:950 11px/1 ui-monospace,monospace}.abilityClose{border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:8px 11px;background:#17323c;color:#fff;font:900 9px system-ui;cursor:pointer}

  @media(max-width:600px){.teamStyleGrid,.abilityGrid,.abilityRoster{grid-template-columns:1fr}}

  #playerPortal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 34%,rgba(31,95,74,.40),rgba(2,10,14,.94) 62%);backdrop-filter:blur(9px)}

  #playerPortal[hidden]{display:none}

  .portalCard{width:min(720px,96vw);max-height:min(780px,94vh);overflow:auto;border:1px solid rgba(159,235,255,.22);border-radius:24px;padding:clamp(20px,4vw,36px);background:linear-gradient(145deg,rgba(8,28,36,.98),rgba(5,18,24,.98));box-shadow:0 30px 90px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.05);position:relative}

  .portalCard::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,#37d3a1,#5bc9ff 45%,#ffd77d 90%);opacity:.85;pointer-events:none}

  .portalControlsHint{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}

  .portalControlsHint span{border:1px solid rgba(159,235,255,.20);background:rgba(10,32,42,.72);color:#bfe3ee;border-radius:999px;padding:5px 10px;font:800 10px/1 system-ui;letter-spacing:.02em}

  .portalStatusRail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 10px}.portalStatusRail span{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 10px;border:1px solid rgba(126,232,255,.14);border-radius:11px;background:rgba(6,20,27,.72);color:#9eb9c2;font:850 8px/1.25 system-ui}.portalStatusRail i{width:7px;height:7px;border-radius:50%;background:#58e6ae;box-shadow:0 0 12px rgba(88,230,174,.72);flex:0 0 auto}

  .portalButton{transition:transform .12s ease,filter .12s ease}

  .portalButton.primary:hover,.modeButton:hover{filter:brightness(1.1);transform:translateY(-1px)}

  .portalEyebrow{color:#74d8ee;font:900 10px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}

  .portalVersionTitle{margin:0 0 20px!important;color:#f4fbfd;font:950 clamp(25px,5vw,42px)/1 system-ui!important;letter-spacing:-.035em!important}

  .portalCard h1{margin:12px 0 7px;color:#f4fbfd;font:950 clamp(28px,6vw,52px)/.98 system-ui;letter-spacing:-.045em}

  .portalLead{margin:0 0 24px;color:#91acb6;font:700 12px/1.55 system-ui}

  .portalStep{display:grid;gap:14px}.portalStep[hidden]{display:none}

  .portalLabel{color:#d8e8ed;font:900 10px/1 system-ui;letter-spacing:.1em;text-transform:uppercase}

  #usernameInput{width:100%;height:56px;border:1px solid rgba(150,222,238,.28);border-radius:14px;padding:0 16px;background:#06161d;color:#fff;outline:none;font:850 17px/1 system-ui}

  #usernameInput:focus{border-color:#74d8ee;box-shadow:0 0 0 3px rgba(116,216,238,.11)}

  .portalButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}

  .portalButton{min-height:52px;border:1px solid rgba(181,228,239,.20);border-radius:14px;padding:10px 14px;background:#102a34;color:#edf9fc;font:900 12px/1.2 system-ui;cursor:pointer;transition:.16s ease}

  .portalButton:hover{transform:translateY(-1px);border-color:rgba(139,225,245,.54);background:#163947}

  .portalButton.primary{background:linear-gradient(135deg,#18835e,#0f664b);border-color:#64d6aa;color:#fff}.portalButton.warn{background:#503120;border-color:#b97b52}.portalButton.ghost{background:transparent}

  .modeButton{min-height:100px;text-align:left;display:grid;align-content:center;gap:6px}.modeButton b{font:950 17px/1 system-ui}.modeButton span{color:#9db7c0;font:700 10px/1.35 system-ui}

  .modeTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}

  .modeTab{min-height:43px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#0b2028;color:#9eb7c0;font:900 10px/1.2 system-ui;cursor:pointer}

  .modeTab.active{border-color:#7ee8ff;background:#143b49;color:#fff;box-shadow:inset 0 -2px 0 #7ee8ff}

  .modeIntro{padding:11px 13px;border:1px solid rgba(126,232,255,.16);border-radius:12px;background:rgba(126,232,255,.035);color:#9fb8c1;font:750 10px/1.45 system-ui}

  .modeIntro b{display:block;margin-bottom:4px;color:#effbff;font:950 13px/1.2 system-ui}

  .teamPicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;padding-right:4px}

  .teamChoiceWrap{position:relative;min-width:0}.teamChoice{position:relative;width:100%;min-height:54px;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:9px 38px 8px 13px;background:#0b2028;color:#d9edf2;font:900 10px/1.15 system-ui;cursor:pointer;text-align:left}

  .teamChoice::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--club,#7ee8ff)}

  .teamChoice.active{border-color:#ffe06a;background:rgba(107,85,18,.34);box-shadow:inset 0 0 0 1px rgba(255,224,106,.3)}.teamChoice small{display:block;margin-top:5px;color:#91a9b1;font:750 9px system-ui}

  #teamInfoOverlay{position:fixed;inset:0;z-index:94;display:grid;place-items:center;padding:16px;background:rgba(2,8,11,.90);backdrop-filter:blur(8px)}#teamInfoOverlay[hidden]{display:none}.teamInfoCard{width:min(760px,96vw);max-height:90vh;overflow:auto;border:1px solid rgba(126,232,255,.28);border-radius:18px;padding:18px;background:#0a222b;color:#edf8fa;box-shadow:0 24px 70px rgba(0,0,0,.55)}.teamInfoHeader{display:flex;justify-content:space-between;gap:14px;align-items:start}.teamInfoHeader h2{margin:5px 0;color:#fff;font:950 clamp(20px,4vw,32px)/1.1 system-ui}.teamInfoHeader small,.teamInfoHeader span,.teamInfoCard p{color:#9fb9c1;font:750 10px/1.4 system-ui}.teamInfoHeader>div:last-child{display:grid;justify-items:end;gap:8px}.teamInfoHeader b{color:#ffe879;font:950 24px/1 ui-monospace,monospace}.teamInfoHeader button{border:1px solid #5b8c98;border-radius:7px;padding:6px 10px;background:#123441;color:#fff;cursor:pointer}.teamInfoRoster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.teamInfoRoster button{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;background:#102e38;color:#eaf7f8;text-align:left;cursor:pointer}.teamInfoRoster button:hover{border-color:#7ee8ff}.teamInfoRoster b{display:block;font:850 10px/1.2 system-ui}.teamInfoRoster small{display:block;color:#93aeb6;font:700 8px/1.3 system-ui}.teamInfoRoster strong{color:#ffe879;font:950 13px/1 ui-monospace,monospace}.teamPowerMini{position:absolute;right:36px;top:50%;transform:translateY(-50%);font:900 10px/1 ui-monospace,monospace;color:#ffe879}.leagueClubPower{margin-left:5px;color:#ffe879;font:900 9px/1 ui-monospace,monospace}.leagueClubInfo{margin-left:5px;border:1px solid #668b95;border-radius:4px;background:#153943;color:#e7f7f9;font:850 9px/1 system-ui;cursor:pointer}@media(max-width:600px){.teamInfoRoster{grid-template-columns:1fr}}
  .teamInfoButton{position:absolute;z-index:2;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(126,232,255,.32);border-radius:50%;background:#14313b;color:#8fe9ff;font:950 12px/1 ui-serif,serif;cursor:pointer}.teamInfoButton:hover{border-color:#ffe06a;color:#ffe06a;background:#203944}

  .portalUser{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#091a21}.portalUser b{color:#eefaff;font:900 13px system-ui}.portalUser small{color:#7897a2;font:750 9px system-ui}

  #waitingList{display:grid;gap:7px;max-height:260px;overflow:auto}.waitingEmpty{padding:22px;border:1px dashed rgba(163,213,225,.2);border-radius:13px;color:#7897a2;text-align:center;font:750 11px/1.45 system-ui}

  .inviteBox{display:grid;gap:10px;padding:15px;border:1px solid rgba(255,224,106,.38);border-radius:15px;background:rgba(88,68,17,.27)}.inviteBox b{color:#ffe778;font:950 13px system-ui}.inviteBox span{color:#c9d9de;font:750 10px/1.4 system-ui}

  .aiTestOption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;padding:13px 14px;border:1px solid rgba(185,255,106,.34);border-radius:13px;background:rgba(67,92,24,.18);cursor:pointer}.aiTestOption[hidden]{display:none}.aiTestOption input{width:19px;height:19px;accent-color:#b9ff6a}.aiTestOption b{display:block;color:#eaffc9;font:950 12px/1.2 system-ui}.aiTestOption span{display:block;margin-top:4px;color:#9fb8a3;font:750 9px/1.4 system-ui}

  #portalError{min-height:16px;color:#ff9f92;font:800 10px/1.4 system-ui}

  #networkBadge{position:fixed;z-index:35;left:12px;top:12px;display:none;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(121,224,194,.28);border-radius:999px;background:rgba(5,22,27,.86);color:#dffaf2;font:850 9px/1 system-ui;backdrop-filter:blur(8px)}

  #networkBadge.online{display:flex}#onlineCount{letter-spacing:.04em}#networkBadge .netDot{width:7px;height:7px;border-radius:50%;background:#5ee4ad;box-shadow:0 0 12px #5ee4ad}

  #networkBadge.degraded{border-color:rgba(255,199,91,.42);color:#fff1c4}#networkBadge.degraded .netDot{background:#ffc75b;box-shadow:0 0 12px #ffc75b}

  #localPauseOverlay{position:fixed;inset:0;z-index:115;display:none;align-items:center;justify-content:center;background:rgba(4,10,16,.62)}#localPauseOverlay.open{display:flex}.localPauseCard{min-width:250px;max-width:86vw;background:#141d2b;border:1px solid #2a3850;border-radius:14px;padding:18px 20px;box-shadow:0 18px 40px #0008;text-align:center;color:#eef3fb}.localPauseTitle{font:950 13px/1.2 system-ui;letter-spacing:.08em;color:#dfeaf3;margin-bottom:12px}.localPauseButtons{display:grid;gap:8px}.localPauseButtons button{font:900 12px system-ui;padding:9px 12px;border-radius:9px;border:1px solid #2a3850;background:#1b2940;color:#eef3fb;cursor:pointer}.localPauseButtons button:hover{background:#24395c}
#telemetryReplayOverlay{position:fixed;inset:0;z-index:120;display:none;background:#07100e}#telemetryReplayOverlay.open{display:block}#telemetryReplayFrame{width:100%;height:100%;border:0;background:#07100e}.telemetryReplayClose{position:absolute;z-index:2;right:18px;top:15px;min-width:92px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(7,22,19,.94);color:#fff;font:900 10px system-ui;cursor:pointer}.telemetryReplayStatus{position:absolute;z-index:2;left:18px;top:15px;max-width:min(70vw,760px);padding:9px 12px;border:1px solid rgba(185,255,106,.22);border-radius:10px;background:rgba(7,22,19,.94);color:#b9ff6a;font:850 9px/1.3 system-ui}

  .opponentRow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}

  .opponentRow[hidden],.modeAction[hidden]{display:none}

  #leagueOverlay{position:absolute;inset:0;z-index:42;display:none;place-items:center;padding:18px;background:rgba(2,7,10,.82);backdrop-filter:blur(10px)}

  #leagueOverlay.open{display:grid}.leaguePanel{width:min(1180px,98vw);max-height:95vh;overflow:auto;padding:18px}

  .leagueHero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}.leagueHero h2{margin:2px 0 4px}.leagueHero p{margin:0;color:#89a6b0;font:750 11px/1.4 system-ui}

  .leagueTabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.leagueTab{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;background:#10212a;color:#a9c2ca;font:900 9px system-ui;cursor:pointer}.leagueTab.active{background:#2d6d47;border-color:#86d29b;color:#fff}

  .leagueKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.leagueKpi{padding:12px;border:1px solid rgba(220,241,247,.12);border-radius:11px;background:#091a21}.leagueKpi b{display:block;color:#fff;font:950 18px/1 system-ui}.leagueKpi span{display:block;margin-top:5px;color:#819da7;font:800 8px/1.2 system-ui;letter-spacing:.06em;text-transform:uppercase}

  .leagueNext{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;margin:10px 0;border:1px solid rgba(255,224,106,.25);border-radius:13px;background:rgba(88,68,17,.18)}.leagueNext b{display:block;color:#fff;font:950 16px/1.2 system-ui}.leagueNext span{display:block;margin-top:5px;color:#b6c9cf;font:750 10px/1.35 system-ui}.leagueActions{display:flex;gap:7px;flex-wrap:wrap}.leagueActions .portalButton{min-height:42px}

  .leagueView{display:none}.leagueView.active{display:block}.leagueTableWrap{overflow:auto;border:1px solid rgba(220,241,247,.12);border-radius:12px;background:#061218}.leagueTable{width:100%;border-collapse:collapse;min-width:720px}.leagueTable th,.leagueTable td{padding:9px 8px;border-bottom:1px solid rgba(220,241,247,.08);text-align:center;font:800 10px/1.2 ui-monospace,monospace}.leagueTable th{position:sticky;top:0;background:#112730;color:#8eadb7;font-size:8px;letter-spacing:.05em}.leagueTable td:nth-child(2),.leagueTable th:nth-child(2){text-align:left}.leagueTable tr.userClub td{background:rgba(126,232,255,.07);color:#e8fbff}.leagueClub{display:flex;align-items:center;gap:8px}.clubMark{width:9px;height:24px;border-radius:4px;background:var(--club,#7ee8ff);flex:0 0 auto}.leagueEmpty{padding:26px;text-align:center;color:#7897a2;font:750 11px/1.5 system-ui}

  .pingSetting{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border-color:rgba(126,232,255,.34);background:linear-gradient(135deg,rgba(17,65,78,.42),rgba(8,26,34,.44))}.pingValue{color:#7ee8ff;font:1000 24px/1 ui-monospace,monospace}.pingDot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#9df36d;box-shadow:0 0 10px rgba(157,243,109,.75)}

  @media(max-width:760px){.portalButtons,.modeTabs,.teamPicker{grid-template-columns:1fr 1fr}.portalStatusRail{grid-template-columns:1fr}.modeButton{min-height:78px}.portalCard{padding:20px;border-radius:18px}.leagueKpis{grid-template-columns:1fr 1fr}.leagueNext{grid-template-columns:1fr}.leagueHero{display:block}.leagueHero .hudButton{width:100%;margin-top:10px}}

  @media(max-width:460px){.teamPicker,.portalButtons{grid-template-columns:1fr}.modeTabs{grid-template-columns:1fr}.leagueKpis{grid-template-columns:1fr 1fr}}

  #serverTabPanel{margin-top:8px;padding:12px;border:1px solid rgba(126,232,255,.18);border-radius:13px;background:rgba(6,21,27,.72);}

  #serverTabPanel .srvGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0;}

  #serverTabPanel .srvMetric{padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);}

  #serverTabPanel .srvMetric strong{display:block;color:#fff;font:950 13px/1.2 ui-monospace,monospace;}

  #serverTabPanel .srvMetric small{color:#7899a4;font:750 9px/1.3 system-ui;}

  @media(max-width:760px){#serverTabPanel .srvGrid{grid-template-columns:1fr 1fr}}

  #challengeBanner{display:none;position:fixed;z-index:87;left:50%;top:12px;transform:translateX(-50%);padding:8px 14px;border:1px solid rgba(185,255,106,.4);border-radius:12px;background:rgba(5,20,15,.92);color:#eafff0;font:900 12px/1.5 system-ui;text-align:center;}

  #challengeBanner[data-challenge-visible="true"]{display:block;}

  #challengeBanner button{margin-left:10px;border:1px solid #3a4b68;background:#202d42;color:#fff;border-radius:7px;padding:4px 10px;cursor:pointer;font:inherit;}

  #vpsOpsPanel{display:none;position:fixed;z-index:86;right:12px;top:12px;width:min(620px,calc(100vw - 24px));padding:10px 11px;border:1px solid rgba(126,232,255,.25);border-radius:14px;background:rgba(5,20,27,.92);box-shadow:0 14px 42px rgba(0,0,0,.34);color:#e7f8fb;font-family:system-ui,sans-serif;}

  #vpsOpsPanel[data-ops-visible="true"]{display:block;}

  #vpsOpsPanel .workloadHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;}

  #vpsOpsPanel .workloadHead b{font:950 9px/1 system-ui;letter-spacing:.08em;color:#8fe9ff;}

  #vpsOpsPanel .workloadHead span{font:800 7.5px/1.2 system-ui;color:#7899a4;text-align:right;}

  #vpsOpsPanel .workloadGrid{display:grid;grid-template-columns:.72fr .9fr 1.05fr 1.75fr;gap:6px;}

  #vpsOpsPanel .workloadMetric{min-width:0;padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);}

  #vpsOpsPanel .workloadMetric strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font:950 12px/1.1 ui-monospace,monospace;}

  #vpsOpsPanel .workloadMetric small{display:block;margin-top:4px;color:#82a1ab;font:800 7px/1.2 system-ui;letter-spacing:.04em;}

  #vpsOpsPanel .workloadFoot{display:block;margin-top:6px;color:#66838d;font:750 7px/1.3 system-ui;}

  @media(max-width:560px){#vpsOpsPanel{top:7px;right:7px;width:calc(100vw - 14px);padding:8px;}#vpsOpsPanel .workloadGrid{grid-template-columns:repeat(2,minmax(0,1fr));}}

  

  /* releaseFeatureStateA Challenge workbench: all three local entry points share one view. */

  .challengeLaunchCard{display:flex;align-items:center;gap:16px;width:100%;padding:17px 18px;border:1px solid #799b55;border-radius:16px;background:linear-gradient(115deg,#233e26,#0c2427);color:#f2ffd9;cursor:pointer;text-align:left;transition:filter .15s,transform .15s}.challengeLaunchCard:hover{filter:brightness(1.12);transform:translateY(-1px)}.challengeLaunchCard:disabled{opacity:.5;cursor:not-allowed;transform:none}.challengeLaunchIcon{display:grid;place-items:center;flex:none;width:45px;height:45px;border:1px solid #b9f16a66;border-radius:13px;background:#b9f16a12;color:#c6fa7e;font-size:25px}.challengeLaunchCopy{flex:1;display:grid;gap:5px}.challengeLaunchCopy small{color:#bedb97;font:850 9px/1 system-ui;letter-spacing:.13em}.challengeLaunchCopy b{font:950 20px/1.05 system-ui;letter-spacing:-.025em}.challengeLaunchCopy span{color:#b0c7ba;font:650 11px/1.45 system-ui}.challengeLaunchArrow{color:#c6fa7e;font:700 24px system-ui}

  #challengeWorkbenchButton{border-color:#b9f16a80;color:#d9ffa7;background:#244029}#challengeWorkbenchButton:disabled{opacity:.45;cursor:not-allowed}.challengeSettingsEntry{margin:12px 0;width:100%;padding:12px 15px;text-align:left;background:#203a2d;border:1px solid #769b62;border-radius:11px;color:#e3ffd1;font:850 12px/1.4 system-ui;cursor:pointer}.challengeSettingsEntry span{display:block;color:#adc4b6;font:650 10px/1.4 system-ui;margin-top:3px}

  #tt11ChPanel{position:fixed;inset:0;z-index:125;display:grid;place-items:center;padding:clamp(10px,2vw,24px);background:rgba(2,10,12,.86);backdrop-filter:blur(12px);color:#edf7f1;font-family:system-ui,sans-serif}#tt11ChPanel[hidden]{display:none!important}.chWorkbench{width:min(1120px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#091a1c;border:1px solid #4b7265;border-radius:23px;box-shadow:0 30px 100px #0009}.chHeader{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:25px 28px 20px;border-bottom:1px solid #254137;background:radial-gradient(ellipse at 10% 0%,#2b4739 0%,transparent 75%)}.chEyebrow{display:block;color:#c3f184;font:850 10px/1.3 ui-monospace,monospace;letter-spacing:.16em}.chHeader h2{margin:8px 0 6px;color:#f4fff8;font:850 clamp(22px,3.4vw,34px)/1.06 system-ui;letter-spacing:-.035em}.chHeader p{margin:0;color:#a4beb1;font:500 12px/1.5 system-ui;max-width:640px}.chClose{border:1px solid #557065;border-radius:10px;min-height:38px;padding:8px 12px;background:#132e26;color:#ddf2e6;cursor:pointer;font:800 11px system-ui;white-space:nowrap}.chClose:hover{background:#244839}

  .chTabs{display:flex;gap:6px;padding:12px 28px 0;background:#091a1c}.chTab{flex:1;min-height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:#88a69a;font:800 12px system-ui;cursor:pointer}.chTab[aria-selected="true"]{color:#e6ffd0;background:#243d2e;border-color:#709652}.chTab span{margin-right:7px;color:#6d9280;font:750 10px ui-monospace,monospace}.chTab[aria-selected="true"] span{color:#c3f184}.chContent{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(305px,.85fr);gap:22px;padding:22px 28px}.chPreviewColumn{min-width:0}.chPreviewHeading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.chPreviewHeading b{color:#d8eee2;font:850 11px system-ui;letter-spacing:.06em}.chPill{color:#a3c5af;background:#142c24;border:1px solid #355448;border-radius:99px;padding:5px 9px;font:700 9px system-ui}.chPitch{position:relative;overflow:hidden;border:1px solid #416450;border-radius:15px;background:repeating-linear-gradient(90deg,#164932 0%,#164932 12.5%,#184e36 12.5%,#184e36 25%)}#tt11ChPreview{display:block;width:100%;height:auto;aspect-ratio:1.556;background:transparent}.chPreviewEmpty{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;pointer-events:none;padding:25px}.chPreviewEmpty strong{font:750 18px/1.2 system-ui;color:#e5f9d8}.chPreviewEmpty span{font:500 12px/1.6 system-ui;color:#a4c6b0;max-width:270px}.chPreviewEmpty[hidden]{display:none}.chSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.chStep{color:#91aa9f;font:600 10px/1.5 system-ui}.chStep b{display:block;color:#c3f184;font:800 10px/1.5 ui-monospace,monospace;margin-bottom:3px}.chPane{display:grid;align-content:start;gap:14px;min-width:0}.chPane[hidden]{display:none}.chPaneTitle{margin:0;color:#eaf8f0;font:800 17px/1.2 system-ui;letter-spacing:-.02em}.chHelp{margin:0;color:#8fac9e;font:500 11px/1.55 system-ui}.chField{display:grid;gap:6px;min-width:0}.chField>label,.chFieldLabel{color:#d1e5d9;font:750 11px/1.4 system-ui}.chWorkbench input,.chWorkbench select,.chWorkbench textarea{box-sizing:border-box;width:100%;min-height:42px;padding:10px 12px;border:1px solid #3b5b4e;border-radius:9px;background:#061613;color:#e7f7e9;font:600 12px/1.35 system-ui;outline:none}.chWorkbench input:focus,.chWorkbench select:focus,.chWorkbench textarea:focus{border-color:#c3f184;box-shadow:0 0 0 3px #c3f18415}.chWorkbench input:disabled,.chWorkbench select:disabled{opacity:.5}.chWorkbench textarea{resize:vertical;min-height:74px}.chFile{padding:12px;border:1px dashed #6c945a;border-radius:12px;background:#20362255}.chFile input{padding:0;border:0;background:transparent;font-size:10px;min-height:33px}.chFile input::file-selector-button{padding:8px 10px;border:1px solid #7ba861;border-radius:7px;background:#314c2e;color:#efffdf;font:800 10px system-ui;cursor:pointer;margin-right:9px}.chFile small{display:block;margin-top:6px;color:#83a58e;font:500 10px/1.4 system-ui}#tt11ChTime{font:750 22px/1.1 ui-monospace,monospace;letter-spacing:.04em;color:#dcffb0}.chControlRow{display:grid;grid-template-columns:1fr 1fr;gap:11px}.chRuleNote{padding:11px 13px;border-left:2px solid #a9d878;background:#c3f18407;color:#aac3b4;font:500 11px/1.5 system-ui}.chBoard{min-height:70px;max-height:150px;overflow:auto;padding:12px;border:1px solid #304e40;border-radius:10px;color:#9db9a8;font:600 11px/1.65 system-ui;background:#071712}.chAction{min-height:40px;border:1px solid #678b50;border-radius:10px;padding:10px 14px;background:#284330;color:#e8ffcf;font:800 11px system-ui;cursor:pointer}.chAction:hover{filter:brightness(1.12)}.chAction:disabled{opacity:.4;cursor:not-allowed}.chCodeDivider{height:1px;background:#294538;margin:1px 0}.chFooter{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 28px 20px;border-top:1px solid #294438;background:#0c201b}.chFooterText{min-width:0;max-width:660px}#tt11ChInfo{color:#b8d0be;font:650 11px/1.5 system-ui;overflow-wrap:anywhere}#tt11ChStatus{color:#d3efa7;font:750 11px/1.5 system-ui;overflow-wrap:anywhere}#tt11ChStart{flex:none;min-width:208px;min-height:49px;border:1px solid #d2ff92;border-radius:12px;padding:12px 20px;background:#bdec7b;color:#142414;font:950 12px system-ui;cursor:pointer;box-shadow:0 5px 18px #bdec7b15}#tt11ChStart:disabled{border-color:#3c5b41;background:#263c2b;color:#68876b;cursor:not-allowed;box-shadow:none}.chWorkbench button:focus-visible{outline:2px solid #d9ffa4;outline-offset:3px}

  #challengeBanner{top:77px;border-color:#a4d666;background:#10291ff2;border-radius:12px;box-shadow:0 8px 28px #0005;font-size:12px;max-width:calc(100vw - 28px)}#challengeBanner button{border-color:#69934d;background:#29452f;color:#e5ffce;padding:6px 10px}

  @media(max-width:780px){.chContent{grid-template-columns:1fr;gap:19px;padding:18px}.chHeader{padding:20px 18px 17px}.chTabs{padding:10px 18px 0}.chFooter{padding:15px 18px;align-items:stretch;flex-direction:column}.chFooterText{max-width:none}#tt11ChStart{width:100%}.chWorkbench{max-height:calc(100dvh - 20px);border-radius:18px}.chPreviewColumn{max-width:520px;width:100%;margin:auto}.chSteps{display:none}.chTab{font-size:10px}.chTab span{margin-right:3px}.chHeader p{font-size:11px}.chLaunchCopy b{font-size:17px}#challengeBanner{top:90px}}

  .chSeek{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:11px 0 5px;padding:9px 11px;border:1px solid #355444;border-radius:10px;background:#0c221a}.chSeek label{color:#afcb9f;font:800 9px ui-monospace,monospace;letter-spacing:.05em}.chWorkbench .chSeek input{min-height:0;height:22px;margin:0;padding:0;border:0;accent-color:#bdec7b;cursor:ew-resize;box-shadow:none}.chSeek input:disabled{cursor:default}body:has(#tt11ChPanel:not([hidden])) #tt11OpenLoader{display:none!important}

  /* releaseFeatureStateE settings: three clear sections and a controller-shaped binding editor. */
  #settingsOverlay .panel{width:min(1040px,96vw);background:#0c1b20;border:1px solid #365149;box-shadow:0 24px 70px #0008}
  #settingsOverlay .panel h2{letter-spacing:-.025em}
  #settingsOverlay .settingBox{background:#11262a;border-color:#31504a;border-radius:11px}
  #tt504SetTabs{gap:8px!important}
  #tt504SetTabs button{min-width:155px!important;min-height:44px!important;border-radius:11px!important}
  #tt504SetNote{display:none!important}
  .tt512ControlSeparator{display:flex;align-items:center;gap:14px;margin:22px 0 13px;color:#a9c5bf;font:850 10px/1 system-ui;letter-spacing:.12em}
  .tt512ControlSeparator i{height:1px;flex:1;background:linear-gradient(90deg,#5d8574,#27423b);font-style:normal}
  #gamepadGrid{display:block}
  .tt512PadPanel{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(230px,.85fr);gap:18px;align-items:start;margin-top:38px}
  .tt512PadShell{position:relative;width:min(100%,530px);aspect-ratio:1.76;margin:auto;border:4px solid #bbc6ca;border-radius:31% 31% 42% 42% / 28% 28% 46% 46%;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#e5eaec 57%,#c5d0d3 100%);box-shadow:inset 0 7px 18px #fff,inset 0 -14px 23px #88999e,0 14px 28px #0007}
  .tt512PadShell:before{content:'';position:absolute;left:37%;top:-2%;width:26%;height:15%;border-radius:0 0 32px 32px;background:#0b1a20;box-shadow:0 5px 5px #0005}
  .tt512PadStick,.tt512PadDpad{position:absolute;display:grid;place-items:center;border:5px solid #616f73;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3b484d,#10191d 75%);color:#9fb2b9;box-shadow:inset 0 3px 7px #000b,0 3px 3px #fff8}
  .tt512PadStick{width:17%;aspect-ratio:1;top:57%;left:30%}.tt512PadStick.right{left:auto;right:30%}
  .tt512PadDpad{width:20%;aspect-ratio:1;left:9%;top:22%;font:950 30px/1 system-ui}
  .tt512PadBtn{position:absolute;display:grid;place-items:center;width:9.8%;aspect-ratio:1;border:2px solid #263a42;border-radius:50%;color:#fff;font:950 clamp(13px,2.4vw,20px)/1 system-ui;box-shadow:0 4px 7px #0006;cursor:default}
  .tt512PadBtn[data-index="0"]{right:13%;top:52%;background:#4c9f5d}.tt512PadBtn[data-index="1"]{right:5%;top:37%;background:#d74747}.tt512PadBtn[data-index="2"]{right:21%;top:37%;background:#338aca}.tt512PadBtn[data-index="3"]{right:13%;top:21%;background:#ecb93d}
  .tt512PadBtn[data-index="4"],.tt512PadBtn[data-index="5"],.tt512PadBtn[data-index="6"],.tt512PadBtn[data-index="7"]{top:-5%;width:17%;height:10%;aspect-ratio:auto;border-radius:10px;background:#2c4048;font:850 10px system-ui}
  .tt512PadBtn[data-index="4"]{left:9%}.tt512PadBtn[data-index="5"]{right:9%}.tt512PadBtn[data-index="6"]{left:10%;top:-17%}.tt512PadBtn[data-index="7"]{right:10%;top:-17%}
  .tt512PadBtn[data-index="8"],.tt512PadBtn[data-index="9"]{width:8%;height:8%;aspect-ratio:auto;top:38%;border-radius:9px;background:#4f676b;font:850 10px system-ui}.tt512PadBtn[data-index="8"]{left:42%}.tt512PadBtn[data-index="9"]{right:42%}
  .tt512PadBtn.mapped{outline:3px solid #bdec7b;outline-offset:2px}.tt512PadBtn.pressed{transform:scale(.88);filter:brightness(1.35)}
  .tt512PadBindings{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tt512PadBindings .settingBox{min-width:0;padding:8px!important}.tt512PadBindings label{display:block;margin-bottom:5px;font:750 10px/1.25 system-ui}.tt512PadBindings button{width:100%;min-height:36px}.tt512PadBindings button.waiting{border-color:#d4fb8e;background:#3d5d32;color:#fff}
  .tacticsSelectedClub{margin-bottom:9px;color:#c5f2a5;font:850 13px/1.2 system-ui}
  .tt512AbilitySection{margin-top:14px;padding:13px;border:1px solid #31504a;border-radius:12px;background:#10232a}
  .tt512AbilitySection .abilityRoster{max-height:240px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
  @media(max-width:750px){.tt512PadPanel{grid-template-columns:1fr}.tt512PadShell{margin:20px auto 5px}.tt512AbilitySection .abilityRoster{grid-template-columns:1fr 1fr}}
  @media(max-width:480px){.tt512PadBindings{grid-template-columns:1fr}.tt512AbilitySection .abilityRoster{grid-template-columns:1fr}}