/* HEADS interface system. Native arena: 800 × 560; scenery and sprites retain their geometry. */
:root{--ui-bg:#111923;--ui-panel:#1a2632;--ui-edge:#43525e;--ui-text:#f5f1e7;--ui-muted:#b3c0ca;--ui-lime:#d0ed91;--ui-red:#ff535e;--ui-blue:#77c7ff}
body{background:radial-gradient(ellipse at 50% 0,#263442,#10171e 72%);color:var(--ui-text)}
.game-shell{width:min(100% - 32px,1000px)}
header{padding-bottom:14px}.brand{letter-spacing:-1px}.brand span{color:#ff727b;border-color:#4b5965;font-weight:700;letter-spacing:1.3px}.beta{color:#a1b1bc;font-size:10px;letter-spacing:1.2px}
.arena{border-color:#52606c;border-radius:12px;box-shadow:0 20px 65px #0007;container-type:inline-size}
button,input,select{transition:background-color .15s,border-color .15s,box-shadow .15s}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #fff1a8!important;outline-offset:3px}
.primary,.secondary,.icon-button{border-radius:7px;font-weight:800}.primary{background:var(--ui-lime);color:#17211b;min-height:42px;letter-spacing:.7px;box-shadow:0 3px 0 #07120c66}.primary:hover{background:#e0ffa7}.primary:active{box-shadow:none;transform:translateY(1px)}
.secondary{background:#23323f;border-color:#526470;color:#e3ebee}.secondary:hover,.icon-button:hover{background:#344653;border-color:#91a4b3}.icon-button{color:#e0e8ec;background:#1b2834;border:1px solid #4a5d6c;font-size:10px;letter-spacing:.6px;min-height:34px}
.text-button{color:#cad7de;font-weight:700;font-size:11px;letter-spacing:.5px}.text-button:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.eyebrow{color:var(--ui-lime);font-size:10px;letter-spacing:1.6px}.overlay:not(.training-hub){padding:20px}.overlay:not(.title-screen):not(.solid-menu):not(.training-hub){background:#09121bbd;backdrop-filter:blur(4px)}
.match-card,.career-card,.solid-menu .match-card{background:var(--ui-panel);border:1px solid var(--ui-edge);border-radius:12px;box-shadow:0 15px 45px #0005}
.match-card h2{font-size:32px;line-height:1.05;letter-spacing:-1.1px}.match-card.compact{padding:30px;width:min(400px,94%);border-top:3px solid var(--ui-lime)}
.compact .eyebrow{font-size:11px}.compact p{color:var(--ui-muted);font-size:14px}.result-score{font-size:72px;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff3d7;margin:16px 0;letter-spacing:-2px}.result-rating-row{font-size:11px;color:#c6d3db}.compact .text-button{margin-top:7px}
/* A standalone title screen: bold wordmark, red hand lettering, clean sprite silhouettes. */
.title-screen,.solid-menu{background:#111c2a}.title-screen{background:radial-gradient(ellipse at 50% 28%,#293747 0,#152130 48%,#111a26 85%);padding:24px;gap:0;overflow-x:hidden}
.title-lockup{margin-bottom:26px}.home-eyebrow{display:block;color:#b4c3cf;font-size:10px;letter-spacing:2.4px;margin:0 0 17px;font-weight:700}
.title-lockup h1{font-size:clamp(65px,15cqw,120px);text-shadow:4px 5px 0 #060c14;letter-spacing:-4px}.title-lockup p{font-size:clamp(25px,5cqw,40px);color:var(--ui-red);margin-top:5px}
.home-actions{width:min(320px,55%);gap:10px}.home-button{min-height:48px;padding:13px 16px;border-radius:7px;text-align:left;font-size:13px;letter-spacing:.6px;border-bottom-width:3px;box-shadow:0 4px 0 #070f1b}.home-button::after{content:'›';float:right;font-size:22px;line-height:15px;opacity:.7}.home-new{background:transparent;color:#bdcbd8;border:1px solid #596879;box-shadow:none;min-height:32px;font-size:10px;padding:9px 13px}.home-new::after{font-size:16px;line-height:10px}
.home-player-left{width:24%;left:1%;bottom:15%;transform:rotate(-6deg)}.home-player-right{width:24%;right:1%;bottom:16%;transform:rotate(6deg)}.home-player-third{width:12%;right:9%;top:8%;transform:rotate(10deg)}.home-controls{font-size:11px;color:#b0bfcb;letter-spacing:.2px;margin-top:19px}
/* Setup: two clear columns, with rules grouped away from the choices. */
.quick-card{width:min(610px,98%);padding:26px}.quick-card h2{margin:9px 0}.screen-intro{color:var(--ui-muted);font-size:13px;line-height:1.5;margin:0 0 20px}.quick-card .choices{gap:15px 18px;margin:18px 0}.quick-card label{font-size:10px;font-weight:700;color:#bdcbd6;letter-spacing:1.1px}.quick-card select,.history-filter select{background:#111e2b;color:#f5f3ec;border:1px solid #526573;border-radius:6px;padding:10px 12px;font-size:14px;min-height:40px}.quick-card select:hover{border-color:#91b5d0}.quick-card .quick-note{color:#c5d5e1;font-size:12px;line-height:1.5;margin:8px 0}.quick-card #quick-controls{border-top:1px solid #43515f;padding-top:12px}.quick-card #quick-rules{margin-bottom:16px;color:#aebfcf}.quick-card .primary{background:var(--ui-blue);justify-content:center}.quick-card .primary:hover{background:#a1dbff}.quick-card .text-button{display:block;margin:8px auto 0}.help-card{width:min(560px,98%);padding:26px}.help-controls{background:#111f2b;border:1px solid #405565;padding:16px;border-radius:8px;grid-template-columns:130px 1fr;gap:12px}.help-card p{color:#bdccd8;line-height:1.65}.powerup-help{display:grid;grid-template-columns:1fr 1fr;gap:8px}.powerup-help li{background:#14212f;border:1px solid #35495b;border-radius:6px;padding:9px;margin:0;align-items:flex-start}.help-card .primary{justify-content:center}
/* Editor: quiet stage, obvious selected cards, one stable primary action. */
.editor-card{background:#1a2932;padding:20px;gap:16px;border-color:#52636a}.editor-heading h2{color:#f7f2e6}.editor-grid{grid-template-columns:210px minmax(0,1fr);gap:22px}.player-stage{background:radial-gradient(ellipse at 50% 80%,#54716c66,transparent 65%),#182730;border-color:#4b6167;border-radius:8px}.stage-label{color:#b4c7ca;font-size:9px;letter-spacing:1px}.editor-card #player-name{background:#101e28;border-color:#567079;padding:10px 12px}.editor-card .name-label{color:#bed0d4;font-size:10px}.creator-rating>span{color:#b5c7c9;font-size:11px}.creator-rating .rating-stars{display:inline-flex}.editor-tabs{background:#101d27;border:1px solid #3c505b;border-radius:7px;padding:4px;margin-bottom:16px}.editor-tabs button{min-height:34px;font-size:11px;color:#bdcbd2}.editor-tabs button[aria-selected=true]{background:var(--ui-lime);color:#15251d}.choice-heading span{font-size:10px;color:#b6c7cd}.choice-heading strong{font-size:11px;color:#ebf2ed}.choice-options.preset-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preset-tiles .visual-option,.visual-option{background:#223743;border-color:#4e6670;border-radius:7px;padding:5px 3px 9px;color:#d6e1e3}.visual-option:hover{background:#314b55;border-color:#9ab9b1}.visual-option[aria-pressed=true]{background:#344b3c;border:2px solid var(--ui-lime);padding:4px 2px 8px;color:#f7ffe9;box-shadow:none}.visual-option[aria-pressed=true]:after{content:'✓';width:16px;height:16px;top:5px;right:5px;border-radius:4px;background:var(--ui-lime);color:#17261d;font:800 12px/16px Arial,sans-serif}.preset-tiles .visual-option canvas{width:88px;height:78px}.visual-option span{font-size:11px;line-height:15px}.colour-option{width:31px;height:31px;border-width:2px}.colour-option[aria-pressed=true]{outline-color:#e4f5b8}.editor-footer{border-top-color:#4c6169;gap:16px}.editor-footer p{font-size:12px;color:#becdd0}.editor-footer .primary{min-height:42px;font-size:12px}.creator-hint{font-size:13px;color:#b9cbd0}
/* Hub cards remain above the pitch. No ground or goal is baked into the interface. */
.training-toolbar{left:14px;right:14px;top:12px;min-height:39px;padding:0}.training-toolbar .eyebrow{font-size:9px;letter-spacing:1px;color:#e4e9e5;text-shadow:0 1px 3px #000}.training-toolbar strong{font-size:19px;font-weight:800;letter-spacing:-.4px;margin-top:3px;text-shadow:0 2px 5px #000}.training-actions .icon-button{background:#172631f5;border-color:#6b7e85;font-size:10px;min-height:34px;padding:8px 12px}
.hub-float-grid{top:66px;left:14px;right:14px;gap:10px;grid-template-columns:1fr .94fr 1.12fr;max-height:calc(100% - 205px);align-items:stretch}.hub-float{background:#192a33f5;border:1px solid #60716d;border-radius:9px;padding:13px;box-shadow:0 5px 16px #0003}.hub-float h3{font-size:17px;line-height:1.15;color:#f4f2e6;margin-bottom:7px}.float-heading{gap:7px}.float-heading .text-button{border:1px solid #526a70;border-radius:4px;padding:5px 7px;font-size:9px;margin-bottom:6px;color:#d9e6e5}.hub-float .rating-star{width:21px;height:21px}.rating-stars{gap:3px}.rating-star{background:#52606a}.rating-star i{background:#f2d371}.upgrades-heading{font-size:9px;letter-spacing:.8px;color:#c0cdd2;margin:13px 0 8px}.upgrades-heading #training-points{font-size:10px;color:#e0f4b7;font-weight:700}.hub-float .stat-row{grid-template-columns:minmax(0,1fr) 23px 27px;gap:5px;margin:5px 0;padding:4px 5px}.hub-float .stat-label{font-size:11px;line-height:1.2;color:#e3eae5}.stat-label small{display:block;font-size:9px;color:#adbec2;font-weight:400;margin-top:2px}.hub-float .stat-row strong{font-weight:800;font-size:12px;text-align:center}.hub-float .stat-row button{width:27px;height:27px;font-size:17px;border:0;background:var(--ui-lime);color:#1a291f}.hub-float .stat-row button:disabled{background:#354852;color:#899b9f;opacity:.7;border:1px solid #52656e}
.float-kicker{color:#b9ccd1;font-size:10px;letter-spacing:1px}.career-total{font-size:42px;line-height:1;color:#fff1ce;margin:10px 0 14px;font-variant-numeric:tabular-nums}.training-count-label{font-size:11px;color:#bfced1}.training-count-label strong{color:#f4f4e9}.xp-heading{font-size:10px;color:#d5e1db;gap:5px}.xp-track{height:6px;background:#3c505b;margin-top:7px;border-radius:3px}.xp-track i{background:var(--ui-lime)}.training-reward{font-size:11px;color:#c2d0d0;line-height:1.4}.rating-averages{gap:13px;margin-top:12px;padding-top:11px;border-color:#4a6167}.rating-averages small{font-size:8px;color:#b7c8cf;letter-spacing:.4px}.performance-badge{border-radius:5px;min-width:38px;height:29px;font-size:17px}.history-toggle{font-size:10px;padding-top:11px;color:#d8e9bd}.next-card h3{font-size:21px;line-height:1.12;margin:12px 0 8px}.next-card #streak-count{background:#334c48;color:#e1f4c9;font-size:11px;font-weight:700;padding:4px 7px;border-radius:4px}.next-card #next-conditions{color:#bfced1;font-size:12px;margin:10px 0}.next-card .fixture-list{gap:6px;margin:12px 0}.next-card .fixture{flex:1;height:30px;min-width:0;background:#233c45;border-color:#527079}.next-card .fixture.current{background:#3d5339;border-color:#d0ed91}.next-card .fixture-number{font-size:12px;color:#dce9d7}.next-card .fixture .performance-badge{width:100%;min-width:0;height:28px;font-size:16px}.next-card .primary{font-size:11px;min-height:40px;padding:10px;letter-spacing:.3px}.next-card .hub-message{display:block;font-size:11px;line-height:1.45;color:#bdceca;margin-top:10px}.history-panel{background:#192a33;border-color:#6c8289;padding:24px}.history-row{border-color:#435a63;font-size:14px}.history-heading h3{color:#f3f1e8}.ratings-explainer,#rated-count,#history-empty{color:#bacbd0}
footer{max-width:100%;padding-top:4px}.keys{font-size:11px;color:#b6c6d1;gap:16px}kbd{background:#1c2b38;border-color:#4c6274;border-bottom-width:2px;color:#edf1ee;font-size:10px}#controls-note{font-size:11px;color:#97adb9}.loading{background:#14222f;color:#dce6e8;font-size:14px}.campaign-notice{border-color:#c7a56a;background:#322b22;color:#ffe3b6;border-radius:8px;padding:13px 16px}
/* Use arena width rather than browser width for layouts, including fullscreen. */
@container (max-width:620px){
 .overlay:not(.training-hub){padding:12px}.home-eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:12px}.title-lockup{margin-bottom:18px}.home-actions{gap:7px;width:55%}.home-button{font-size:11px;min-height:35px;padding:9px 11px}.home-new{min-height:26px;padding:7px 10px;font-size:9px}.home-controls{font-size:9px;margin-top:13px}.home-player-third{display:none}
 .quick-card,.help-card{padding:18px}.quick-card h2,.help-card h2{font-size:26px}.screen-intro{font-size:12px;margin-bottom:12px}.quick-card .choices{gap:10px;margin:12px 0}.quick-card select{font-size:12px;padding:8px;min-height:34px}.quick-card .quick-note{font-size:11px}.help-controls{font-size:12px;grid-template-columns:110px 1fr}.powerup-help{grid-template-columns:1fr}
 .editor-card{padding:14px;gap:12px}.editor-grid{grid-template-columns:150px minmax(0,1fr);gap:14px}.editor-heading h2{font-size:24px}.editor-card .portrait #player-preview{width:145px;height:145px}.stage-label{font-size:8px;left:9px;top:9px}.preset-tiles .visual-option canvas{height:58px}.visual-option span{font-size:10px}.editor-tabs button{font-size:10px;min-height:30px}.creator-rating>span{font-size:10px}.editor-footer p{font-size:11px}.editor-footer .primary{min-width:145px;font-size:11px}
 .training-toolbar{left:10px;right:10px;top:9px}.training-toolbar strong{font-size:15px}.training-actions .icon-button{padding:7px 8px;font-size:9px}.hub-float-grid{left:10px;right:10px;top:58px;gap:7px;max-height:calc(100% - 158px)}.hub-float{padding:10px}.hub-float h3{font-size:15px}.hub-float .rating-star{width:18px;height:18px}.hub-float .stat-row{gap:3px;padding:3px;grid-template-columns:minmax(0,1fr) 18px 24px}.hub-float .stat-row button{width:24px;height:25px;min-width:24px}.hub-float .stat-label{font-size:10px}.stat-label small{font-size:8px}.float-kicker{font-size:9px;letter-spacing:.5px}.career-total{font-size:35px}.rating-averages{gap:7px;flex-wrap:wrap}.next-card h3{font-size:18px}.next-card #next-conditions,.next-card .hub-message{font-size:10px}.next-card .primary{font-size:10px}.upgrades-heading{font-size:8px}.upgrades-heading #training-points{font-size:9px}
}
@container (max-width:450px){
 .title-lockup h1{font-size:58px}.title-lockup p{font-size:25px}.home-eyebrow{font-size:7px;margin-bottom:10px}.title-lockup{margin-bottom:13px}.home-actions{width:62%;gap:6px}.home-button{font-size:10px;min-height:30px;padding:8px}.home-controls{display:none}.home-player{width:22%;bottom:12%}.home-new{min-height:25px;font-size:8px}.quick-card .choices{grid-template-columns:1fr 1fr}.screen-intro{display:none}.quick-card h2{font-size:24px}.editor-card{display:block;overflow:auto;height:auto}.editor-grid{display:flex;flex-direction:column}.editor-card .portrait{display:grid;grid-template-columns:100px 1fr;gap:8px 13px;overflow:visible}.player-stage{grid-row:1/5;min-height:140px}.editor-card .portrait #player-preview{width:100px;height:100px}.stage-label{display:none}.editor-card .name-label{margin-top:0}.editor-fields{overflow:visible}.editor-footer{margin-top:15px;flex-wrap:wrap}.editor-footer p{max-width:none}.editor-footer .primary{width:100%}.preset-tiles .visual-option canvas{height:65px}.hub-float-grid{grid-template-columns:1fr;max-height:calc(100% - 130px)}.hub-float .stat-label{font-size:12px}.stat-label small{font-size:10px;display:inline;margin-left:7px}.hub-float .rating-star{width:22px;height:22px}.training-toolbar .eyebrow{display:none}.training-toolbar strong{font-size:14px}.upgrades-heading span:first-child{display:block}.rating-averages small{font-size:10px}.next-card .hub-message{font-size:12px}
}
@media(prefers-reduced-motion:reduce){button,input,select,.xp-track i{transition:none}.home-button:hover,.primary:active{transform:none}}

/* Venue identity follows the selected ground through setup, hub and match overlays. */
.arena[data-venue=estate]{--venue-accent:#ff7778;--venue-title:HeadsMarker,Impact,sans-serif;--venue-panel:#24323e;--venue-dark:#121e2a;--venue-border:#82929a;--venue-text:#fff0dc;--venue-pattern:repeating-linear-gradient(171deg,transparent 0 29px,#c2d4de09 30px,transparent 31px)}
.arena[data-venue=community]{--venue-accent:#96efb6;--venue-title:'Trebuchet MS',Arial,sans-serif;--venue-panel:#19483f;--venue-dark:#092d2b;--venue-border:#65b69b;--venue-text:#edfff1;--venue-pattern:repeating-linear-gradient(45deg,transparent 0 10px,#bcffe70a 10px 11px,transparent 11px 22px),repeating-linear-gradient(-45deg,transparent 0 10px,#bcffe70a 10px 11px,transparent 11px 22px)}
.arena[data-venue=favela]{--venue-accent:#ffdf3a;--venue-title:'Trebuchet MS',Arial,sans-serif;--venue-panel:#0d5a35;--venue-dark:#063321;--venue-border:#2fa35e;--venue-text:#fffbe0;--venue-pattern:repeating-linear-gradient(135deg,transparent 0 14px,#ffdf3a0a 14px 28px)}
.arena[data-venue=academy]{--venue-accent:#7fd3ff;--venue-title:'Trebuchet MS',Arial,sans-serif;--venue-panel:#14304f;--venue-dark:#0a1a2e;--venue-border:#5d8fc2;--venue-text:#f2f8ff;--venue-pattern:repeating-linear-gradient(90deg,transparent 0 18px,#ffffff08 18px 36px)}
.arena[data-venue=sunday]{--venue-accent:#f3c878;--venue-title:Georgia,'Times New Roman',serif;--venue-panel:#493d2e;--venue-dark:#29261f;--venue-border:#ac956e;--venue-text:#fff0d4;--venue-pattern:repeating-linear-gradient(0deg,transparent 0 13px,#e8d2a70a 14px,transparent 15px 24px)}
.arena[data-venue] :is(.hub-float,.history-panel,#pause .match-card,#result .match-card,#quick-panel .match-card){background:var(--venue-pattern),var(--venue-panel);border-color:var(--venue-border);color:var(--venue-text);box-shadow:0 7px 22px #0005,inset 0 1px #ffffff18}
.arena[data-venue] :is(.hub-float h3,.training-toolbar strong,#pause h2,#result h2,#quick-panel h2,.history-heading h3){font-family:var(--venue-title);font-weight:800;color:var(--venue-text)}
.arena[data-venue=estate] .next-card h3{font-size:20px;line-height:1.3;letter-spacing:.2px}.arena[data-venue=estate] .hub-float h3{line-height:1.3}.arena[data-venue=sunday] .next-card h3{font-style:italic}
.arena[data-venue] :is(.next-card .primary,#pause .primary,#result .primary,#quick-panel .primary){background:var(--venue-accent);color:var(--venue-dark);border-bottom:3px solid #0003;box-shadow:none}.arena[data-venue] :is(.next-card .primary,#pause .primary,#result .primary,#quick-panel .primary):hover{filter:brightness(1.12)}
.arena[data-venue] :is(.float-kicker,.upgrades-heading,.training-count-label,.next-card #next-conditions,.next-card .hub-message,.training-reward,.xp-heading,.rating-averages small,.stat-label small){color:var(--venue-text)}
.arena[data-venue] :is(.float-heading .text-button,.training-actions .icon-button,.history-filter select,#quick-panel select){background:var(--venue-dark);border-color:var(--venue-border);color:var(--venue-text)}
.arena[data-venue] :is(.next-card .fixture.current,.next-card #streak-count){background:var(--venue-dark);border-color:var(--venue-accent);color:var(--venue-accent)}
.arena[data-venue] .xp-track i{background:var(--venue-accent)}.arena[data-venue] .history-toggle{color:var(--venue-accent)}.arena[data-venue] .career-total{color:var(--venue-accent)}.arena[data-venue] #result .result-score{font-family:var(--venue-title);color:var(--venue-accent)}
.arena[data-venue] :is(#pause .eyebrow,#result .eyebrow,#quick-panel .eyebrow){color:var(--venue-accent)}
.arena[data-venue] .hub-float{border-top:3px solid var(--venue-accent)}
.powerup-help{gap:10px}.powerup-help canvas{width:40px;height:40px;border-radius:8px;background:#0c1823;box-shadow:inset 0 1px #ffffff20,0 3px 6px #0004}.powerup-help li{padding:10px;gap:10px;align-items:center}.powerup-help span{font-size:12px}

.arena[data-venue] .editor-card{background:var(--venue-pattern),var(--venue-panel);border-color:var(--venue-border)}
.arena[data-venue] .editor-heading h2{font-family:var(--venue-title);color:var(--venue-text)}
.arena[data-venue] .editor-tabs{background:var(--venue-dark);border-color:var(--venue-border)}
.arena[data-venue] .editor-tabs button[aria-selected=true],.arena[data-venue] .editor-footer .primary{background:var(--venue-accent);color:var(--venue-dark)}
.arena[data-venue] .visual-option[aria-pressed=true]{border-color:var(--venue-accent);background:var(--venue-dark)}
.arena[data-venue] .visual-option[aria-pressed=true]:after{background:var(--venue-accent);color:var(--venue-dark)}
.arena[data-venue] .player-stage{background:radial-gradient(ellipse at 50% 80%,#ffffff13,transparent 65%),var(--venue-dark);border-color:var(--venue-border)}

/* Training is the primary surface: the dashboard is always a shallow upper strip. */
.training-hub .hub-float-grid{top:11%;left:12px;right:12px;height:33%;max-height:33%;grid-template-columns:repeat(3,minmax(160px,1fr));gap:8px;align-items:stretch;overflow-x:auto;overflow-y:hidden;pointer-events:none}
.training-hub .hub-float{min-height:0;max-height:100%;padding:8px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--venue-border,#657c85) transparent;box-shadow:0 3px 10px #0003}
.arena[data-venue] .training-hub .hub-float h3{font-size:15px;line-height:1.15;margin:0 0 4px}
.training-hub .hub-float .rating-star{width:18px;height:18px}.training-hub .upgrades-heading{margin:4px 0 3px}.training-hub .stat-row{margin:1px 0;padding:1px 4px;grid-template-columns:minmax(0,1fr) 22px 24px}.training-hub .stat-row button{width:24px;height:24px;min-height:24px;min-width:24px}.training-hub .stat-label{font-size:11px}.training-hub .stat-label small{display:none}
.training-hub .career-total{font-size:28px;margin:3px 0 4px}.training-hub .training-count-label{margin-bottom:4px}.training-hub .training-count-label strong{font-size:13px}.training-hub .training-reward{font-size:10px;line-height:1.3;margin-top:5px}.training-hub .rating-averages{margin-top:7px;padding-top:6px;gap:10px;flex-wrap:nowrap}.training-hub .rating-averages>div{gap:3px}.training-hub .rating-averages small{font-size:8px}.training-hub .performance-badge{height:23px;min-width:30px;font-size:14px}.training-hub .history-toggle{font-size:9px;padding:6px 0 0}
.training-hub .next-card #next-conditions{font-size:10px;margin:5px 0}.training-hub .next-card .fixture-list{margin:6px 0;gap:4px}.training-hub .next-card .fixture{height:25px}.training-hub .next-card .fixture .performance-badge{height:23px;font-size:13px}.training-hub .next-card .primary{min-height:32px;padding:7px 9px;font-size:10px}.training-hub .next-card .hub-message{font-size:10px;margin-top:5px;line-height:1.3}.training-hub .next-card #streak-count{font-size:10px;padding:2px 5px}
.training-hub .training-toolbar{top:2%;left:12px;right:12px;min-height:30px}.training-hub .training-toolbar strong{font-size:14px;margin-top:2px}.training-hub .training-toolbar .eyebrow{font-size:8px}.training-hub .training-actions{gap:5px}.training-hub .training-actions .icon-button{font-size:9px;padding:7px 8px;min-height:30px}.training-hub .training-toolbar>div:first-child{min-width:0}.training-hub #hub-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container (max-width:500px){.training-hub .hub-float-grid{left:7px;right:7px;top:13%;height:31%;max-height:31%;grid-template-columns:repeat(3,170px)}.training-hub .training-toolbar{left:7px;right:7px}.training-hub .training-toolbar .eyebrow{display:none}.training-hub .training-toolbar strong{font-size:11px}.training-hub .training-actions .icon-button{font-size:8px;padding:5px;min-height:26px}}