/* Six signature looks and a compact, persistent career dashboard. */
.rating-star,.creator-rating .rating-star,.hub-float .rating-star{width:23px;height:23px}
.rating-stars{gap:4px}.creator-rating{flex-wrap:wrap}.creator-rating>span{font-size:9px}
.choice-options.preset-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.preset-tiles .visual-option{padding:4px 3px 8px;background:linear-gradient(150deg,#345042,#21362d)}
.preset-tiles .visual-option canvas{width:96px;height:88px}.preset-tiles .visual-option span{font-size:11px;letter-spacing:.4px}
.editor-tabs button{flex:1}.editor-group .creator-hint{margin:8px 0 20px}.colour-option:disabled{opacity:.25;cursor:not-allowed}
.career-total{font:800 42px/1.1 Arial,sans-serif;color:#f5f0d4;margin:6px 0 9px;letter-spacing:-1.5px}
.training-count-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#aebfa9;margin:0 0 9px}.training-count-label strong{font-size:16px;color:#e3ebce}
.rating-averages{display:flex;gap:14px;border-top:1px solid #8ca78344;margin-top:11px;padding-top:10px}
.rating-averages>div{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.rating-averages small{font-size:7px;letter-spacing:.6px;color:#b9cbb3;white-space:nowrap}
.performance-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:35px;height:28px;padding:0 5px;border-radius:4px;font:800 17px/1 Arial,sans-serif;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #0003;box-shadow:inset 0 1px 0 #fff3}
.history-toggle{font-size:8px;letter-spacing:.7px;padding:10px 0 0;color:#dae8c6}
.next-card .fixture{width:38px;height:29px;background:#385343}.next-card .fixture-list{gap:7px}.next-card .fixture .performance-badge{min-width:38px;height:29px;padding:0;font-size:15px}
.history-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(450px,calc(100% - 28px));max-height:calc(100% - 50px);overflow:auto;pointer-events:auto;padding:22px;z-index:4;background:#132b25fa;border:1px solid #8aab7b88;border-radius:12px;box-shadow:0 10px 55px #000b,0 0 0 1000px #061810b8}
.history-heading,.history-filter{display:flex;align-items:center;justify-content:space-between;gap:15px}.history-heading h3{font-size:23px;letter-spacing:-.8px;margin:0 0 14px}.history-heading button{font-size:10px}.history-filter{border-bottom:1px solid #718c7355;padding-bottom:15px;margin-bottom:8px}.history-filter select{width:auto;flex:1;padding:9px;font-size:12px;background:#233e33}
.history-row{display:grid;grid-template-columns:1fr auto 40px;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #819d6a33;font-size:12px;color:#dce8d1}.history-row strong{font-size:15px}.history-row .performance-badge{height:30px}
.ratings-explainer,#rated-count,#history-empty{font-size:11px;line-height:1.55;color:#9fb59c}#rated-count{color:#d2dfc9}.result-rating-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 18px;font-size:10px;letter-spacing:1px}.result-rating-row .performance-badge{font-size:27px;min-width:62px;height:48px;border-radius:6px}
@media(max-width:650px){.rating-star,.creator-rating .rating-star,.hub-float .rating-star{width:19px;height:19px}.rating-stars{gap:2px}.career-total{font-size:34px}.rating-averages{gap:9px}.rating-averages small{font-size:6px;letter-spacing:0}.performance-badge{min-width:29px;height:24px;font-size:14px}.next-card .fixture{width:28px;height:25px}.next-card .fixture .performance-badge{min-width:28px;height:25px;font-size:12px}.next-card .fixture-list{gap:4px}.history-toggle{font-size:7px}.preset-tiles .visual-option canvas{height:67px}}
@media(max-width:440px){.hub-float .rating-star{width:15px;height:15px}.hub-float .rating-stars{gap:1px}.career-total{font-size:28px}.rating-averages{gap:7px}.rating-averages small{font-size:5px}.training-count-label{font-size:8px}.next-card .fixture{width:23px}.next-card .fixture .performance-badge{min-width:23px;font-size:10px}.next-card .fixture-list{gap:2px}.history-toggle{font-size:6px}.rating-averages .performance-badge{min-width:26px}.history-panel{padding:15px}}

.hub-float .stat-row{padding:3px 4px;border-radius:3px;grid-template-columns:1fr 22px 21px}.hub-float .stat-row>span{font-size:9px;line-height:1.25}

/* Keep the hub legible without covering the goalmouths in smaller windows. */
.hub-float-grid{max-height:calc(100% - 195px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#91ac77 #172d24}.hub-float .stat-row>span{font-size:11px}.hub-float .stat-row button{min-height:25px;min-width:25px}.hub-float .stat-row{grid-template-columns:minmax(0,1fr) 24px 25px}.hub-float h3{overflow-wrap:anywhere}.rating-averages small{font-size:9px;letter-spacing:0}.training-count-label,.training-reward,.float-kicker,.next-card #next-conditions,.next-card .hub-message{font-size:11px}.history-toggle{font-size:10px}.history-row{font-size:14px}.ratings-explainer,#rated-count,#history-empty{font-size:12px}.next-card .fixture.won{opacity:1}.history-panel{outline:0}.training-toolbar .icon-button{min-height:32px}
@media(max-width:650px){.hub-float-grid{grid-template-columns:repeat(3,minmax(0,1fr));top:68px;max-height:calc(100% - 170px)}.hub-float{padding:10px}.hub-float .stat-row>span{font-size:10px}.rating-averages{flex-wrap:wrap;gap:8px}.rating-averages small{font-size:8px}.training-actions .icon-button{font-size:10px}.next-card .primary{font-size:10px}.next-card .fixture-list{flex-wrap:wrap}.hub-float .rating-stars{max-width:100%}.hub-float .rating-star{flex-shrink:1;min-width:10px}}
@media(max-width:500px){.hub-float-grid{grid-template-columns:1fr;max-height:calc(100% - 135px);top:62px}.hub-float{padding:12px}.hub-float .stat-row>span{font-size:12px}.hub-float h3,.next-card h3{font-size:16px}.rating-averages{flex-wrap:nowrap}.rating-averages small{font-size:10px}.hub-float .rating-star{width:21px;height:21px}.upgrades-heading span:first-child{display:block}.upgrades-heading #training-points{font-size:12px}.next-card .hub-message{display:block}.training-toolbar .eyebrow{display:none}.next-card .fixture{width:38px;height:29px}.next-card .fixture .performance-badge{min-width:38px;height:29px;font-size:15px}}