/* Match scrollable game surfaces to the mint/dark menu palette. */
*{scrollbar-width:thin;scrollbar-color:#568d74 #101a16}
*::-webkit-scrollbar{width:7px;height:7px}
*::-webkit-scrollbar-track{background:#101a16;border-radius:10px}
*::-webkit-scrollbar-thumb{background:#568d74;border:2px solid #101a16;border-radius:10px}
*::-webkit-scrollbar-thumb:hover{background:#8ff5b4}
*::-webkit-scrollbar-corner{background:transparent}
*::-webkit-scrollbar-button{display:none;width:0;height:0}

/* One scroll owner per column; no padding-induced horizontal overflow. */
#startCard.xxiiiCustomizeOpen #xxiiiCustomizerControls,
#startCard.xxiiiCustomizeOpen #xxiiiBallControls{box-sizing:border-box;overflow-x:hidden;overflow-y:auto}
#xxiiiKitControls,#xxiiiExtraControls,#xxiiiBallControls,#xxiiiBallControls .setting{box-sizing:border-box;max-width:100%}
#xxiiiKitControls{gap:8px;padding:4px}
#xxiiiKitControls .xxiiiStoreKitIntro{display:none}
#xxiiiKitControls .xxiiiAppearanceHeading{margin:0 0 4px}
#xxiiiKitControls .xxiiiBootChoice{min-height:48px}
#xxiiiCustomizerControls #xxiiiExtraControls{padding:10px 4px 4px;margin-top:10px}
#xxiiiCustomizerControls #xxiiiExtraControls .kitPickers{gap:8px}
#xxiiiCustomizerControls #xxiiiExtraControls .kitPickerRow{box-sizing:border-box;min-height:42px;padding:5px 8px;gap:6px}
#xxiiiCustomizerControls #xxiiiExtraControls .xxiiiGripMini{margin-top:4px}
#xxiiiCustomizerControls #xxiiiExtraControls input[type="color"]{width:46px;height:30px;flex-shrink:0}

/* Balls use the same equal-width, equal-height locker tiles as kits/boots. */
#startCard.xxiiiCustomizeOpen #xxiiiBallControls{justify-content:flex-start;padding:4px}
#xxiiiBallControls .setting{width:100%;min-width:0;padding:0;margin:0;border:0;background:none}
#xxiiiBallControls .setting h3{margin:0 0 14px;font-size:clamp(19px,2vw,25px);color:#fff;text-transform:none;letter-spacing:.4px}
#xxiiiBallControls #ballChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;width:100%;min-width:0}
#xxiiiBallControls #ballChoices>.choiceBtn{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;min-height:52px;margin:0;padding:10px;font:850 12px/1.35 Inter,Arial,sans-serif;text-align:left;white-space:normal;overflow-wrap:anywhere;border:1px solid #ffffff2e;border-radius:9px;background:#ffffff0d;color:#fff}
#xxiiiBallControls #ballChoices>.choiceBtn.selected{border-color:#8ff5b4;background:#8ff5b42b;box-shadow:inset 0 0 0 1px #8ff5b42e}
#xxiiiBallControls #ballChoices>.choiceBtn:hover{border-color:#8ff5b4;background:#8ff5b41f}
@media(max-width:760px){
 #xxiiiKitControls .xxiiiBootChoice,#xxiiiBallControls #ballChoices>.choiceBtn{min-height:44px;font-size:11px;padding:7px}
 #xxiiiCustomizerControls #xxiiiExtraControls .kitPickerRow{min-height:38px;padding:4px 6px}
 #xxiiiCustomizerControls #xxiiiExtraControls .kitPickers{gap:6px}
 #xxiiiCustomizerControls #xxiiiExtraControls input[type="color"]{width:36px;height:28px}
}