.section-symbol { --symbol:#c5a4ff; display:inline-grid; place-items:center; width:36px; height:36px; flex-shrink:0; border-radius:11px; color:var(--symbol); background:linear-gradient(140deg,#ffffff0b,#ffffff02); border:1px solid color-mix(in srgb,var(--symbol) 23%,transparent); box-shadow:inset 0 1px #ffffff0a; }
.section-symbol svg { width:22px; height:22px; filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--symbol) 18%,transparent)); }
.section-symbol--lime { --symbol:#ddff64; }
.section-symbol--sky { --symbol:#8bd8f5; }
.section-symbol--peach { --symbol:#f4bc96; }
.gh-side__a > .section-symbol { display:none; }
@media(max-width:760px) {
 .ct-category-option { display:grid; grid-template-columns:minmax(0,1fr); align-content:center; justify-items:start; min-height:76px; gap:6px; padding:10px; background:linear-gradient(130deg,#9d6cf014,#ffffff03); }
 .ct-category-option .section-symbol { display:inline-grid; width:28px; height:28px; border-radius:9px; }
 .ct-category-option .section-symbol svg { width:20px; height:20px; }
 .ct-category-option b { font:600 13px/1.25 var(--font-body); }
 .ct-category-option.is-active { background:linear-gradient(125deg,#ddff6415,#ffffff03); }
 .ct-category-option.is-active .ct-category-option__mark { right:12px; top:13px; }
 .ct-category-pick > .ct-category-pick__icon { background:none; }
 .ct-category-pick__icon > .section-symbol { width:36px; height:36px; }
 .game-page .gh-side .gh-side__a,.game-page .gh-side .gh-side__a.is-empty { display:grid; grid-template-columns:28px minmax(0,1fr); gap:9px; position:relative; min-height:58px; }
 .game-page .gh-side__a > .section-symbol { display:inline-grid; width:28px; height:28px; border-radius:9px; }
 .game-page .gh-side__a > .section-symbol svg { width:18px; height:18px; }
 .game-page .gh-side__a > b { display:none; }
}
@media(max-width:399px) {
 .game-page .gh-side .gh-side__a,.game-page .gh-side .gh-side__a.is-empty { grid-template-columns:minmax(0,1fr); gap:8px; padding:12px; }
}

/* A single clear control opens the same visual picker for search and applications. */
.buyouts-page .bo-section-head { align-items:center; flex-wrap:wrap; }
.buyouts-page .bo-filters { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:center; width:min(100%,560px); gap:12px; }
.bo-game-control { min-width:0; }
.bo-game-select { display:flex; gap:12px; align-items:center; width:100%; min-height:70px; padding:12px; border:1px solid #b28de34a; border-radius:16px; background:linear-gradient(125deg,#6136a132,#241a31); color:#f6f0ff; text-align:left; cursor:pointer; font:inherit; }
.bo-game-select:hover { border-color:#c9a6ff90; background:linear-gradient(125deg,#7545bc3a,#241a31); }
.bo-game-select__art { display:flex; flex-shrink:0; align-items:center; }
.bo-game-select__art > .bo-game-icon + .bo-game-icon { margin-left:-16px; box-shadow:-3px 0 0 #241a31; }
.bo-game-select__copy { display:grid; gap:4px; min-width:0; }
.bo-game-select__copy small { font:500 10px/1.3 Manrope,sans-serif; color:#b9a7ca; }
.bo-game-select__copy b { font:700 13px/1.35 Manrope,sans-serif; }
.bo-game-select__copy > span { font-size:11px; color:#b9a7ca; line-height:1.5; overflow-wrap:anywhere; }
.bo-game-select__arrow { color:#c2a5ee; margin-left:auto; font-size:20px; }
.bo-game-icon { display:grid; place-items:center; flex-shrink:0; width:40px; height:40px; overflow:hidden; border:1px solid #ffffff24; border-radius:12px; background:#281e3a; background-size:cover; background-position:center; font:800 13px Manrope,sans-serif; color:#eee; }
.bo-game-icon img { width:100%; height:100%; object-fit:cover; }
.bo-filter-kind { display:grid; gap:7px; min-width:0; }
.bo-filter-kind > span { font:600 11px Manrope,sans-serif; color:#b9a7ca; }
.buyouts-page .bo-filters .bo-filter-kind select { width:100%; max-width:none; min-width:0; height:44px; }
.bo-form .bo-scope { padding:16px; border-color:#aa7be53d; border-radius:18px; background:#9b63f008; }
.bo-form .bo-scope legend { padding:0 6px; color:#e0c8ff; font-size:13px; }
.bo-form .bo-scope > .bo-muted { margin:0 0 12px; line-height:1.5; }
.bo-kind-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.bo-kind-options label { display:flex; align-items:center; gap:8px; padding:10px; min-width:0; border:1px solid #ffffff19; border-radius:13px; color:#ddd1ea; font:600 12px/1.3 Manrope,sans-serif; cursor:pointer; }
.bo-kind-options label:has(:checked) { border-color:#dfff6070; background:#dfff600b; color:#eeffc2; }
.bo-kind-options .section-symbol { width:28px; height:28px; border-radius:9px; }
.bo-kind-options .section-symbol svg { width:18px; height:18px; }
.bo-kind-options input { margin:0 0 0 auto; accent-color:#ddff64; width:16px; height:16px; flex-shrink:0; }
.buyout-modal.bo-game-modal { display:flex; flex-direction:column; width:min(640px,calc(100vw - 28px)); max-height:min(760px,calc(var(--mobile-vh,100dvh) - 28px)); padding:24px; overflow:hidden; background:radial-gradient(ellipse at 0 0,#6639a72a,transparent 65%),#191322; }
.bo-game-modal h2 { flex-shrink:0; font-size:20px; margin:4px 40px 18px 0; line-height:1.4; outline:0; }
.bo-game-modal .bo-modal-body { display:flex; min-height:0; }
.bo-game-picker { display:flex; flex-direction:column; min-height:0; width:100%; }
.bo-game-toolbar { flex-shrink:0; }
.bo-game-search { width:100%; box-sizing:border-box; min-height:48px; padding:12px 14px; border:1px solid #c2a0ed35; border-radius:13px; background:#ffffff05; color:#fff; font:16px/1.4 Manrope,sans-serif; }
.bo-game-tabs { display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 14px; }
.bo-game-tabs button { border:1px solid transparent; border-radius:10px; min-height:38px; padding:9px 11px; color:#b8a8c6; background:#ffffff04; font:600 11px Manrope,sans-serif; cursor:pointer; }
.bo-game-tabs button[aria-pressed=true] { border-color:#c39bf742; background:#b982ff20; color:#e4ccff; }
.bo-game-scroll { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0 3px 3px 0; scrollbar-width:thin; scrollbar-color:#8a62b54a transparent; }
.bo-game-all { display:flex; align-items:center; gap:12px; width:100%; min-height:64px; padding:12px; text-align:left; background:#ffffff04; border:1px solid #ffffff18; border-radius:15px; color:#eee4fa; cursor:pointer; }
.bo-game-all > span:nth-child(2) { display:grid; gap:4px; }
.bo-game-all b { font:700 13px/1.35 Manrope,sans-serif; }
.bo-game-all small { color:#ad9fba; font:500 11px/1.4 Manrope,sans-serif; }
.bo-game-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-top:10px; }
.bo-game-option { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:10px; min-width:0; min-height:110px; padding:13px; border:1px solid #ffffff14; border-radius:15px; background:linear-gradient(140deg,#ffffff07,#ffffff02); color:#e9e0f4; font:600 12px/1.4 Manrope,sans-serif; text-align:left; cursor:pointer; }
.bo-game-option b { font-weight:600; overflow-wrap:anywhere; }
.bo-game-option:hover { border-color:#b592e764; background:#a467e912; }
.bo-game-option[aria-pressed=true],.bo-game-all[aria-pressed=true] { border-color:#dfff6075; background:linear-gradient(130deg,#dfff6010,#dfff6005); color:#eeffc2; }
.bo-game-check { display:none; color:#ddff64; font-size:13px; margin-left:auto; }
.bo-game-option[aria-pressed=true] .bo-game-check,.bo-game-all[aria-pressed=true] .bo-game-check { display:block; }
.bo-game-option .bo-game-check { position:absolute; top:11px; right:11px; }
.bo-game-footer { flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:16px; margin-top:12px; border-top:1px solid #ffffff12; }
.bo-game-status { margin:0; color:#beaecb; font:500 12px/1.5 Manrope,sans-serif; }
.bo-game-footer .bo-primary { flex-shrink:0; }
.bo-game-empty { padding:24px 12px; color:#b9acc8; font:500 14px/1.5 Manrope,sans-serif; text-align:center; }
.bo-game-empty button { display:flex; margin:16px auto 0; }
.bo-game-option[hidden],.bo-game-empty[hidden] { display:none; }
.bo-game-select:focus-visible,.bo-game-option:focus-visible,.bo-game-all:focus-visible,.bo-game-tabs button:focus-visible { outline:2px solid #c8a2ff; outline-offset:3px; }
@media(max-width:760px) {
 .buyouts-page .bo-filters { grid-template-columns:minmax(0,1fr); width:100%; }
 .bo-filter-kind { grid-template-columns:auto minmax(0,1fr); align-items:center; gap:14px; }
 .bo-filter-kind > span { font-size:12px; }
 .buyout-modal.bo-game-modal { padding:18px 14px 14px; width:calc(100vw - 20px); max-height:calc(var(--mobile-vh,100dvh) - 20px); border-radius:22px; }
 .bo-game-modal h2 { font-size:18px; margin-bottom:16px; }
 .bo-game-options { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .bo-game-option { min-height:104px; padding:10px; gap:9px; font-size:11px; }
 .bo-game-tabs { gap:4px; }
 .bo-game-tabs button { padding:9px; font-size:11px; min-height:40px; }
 .bo-game-footer { display:grid; grid-template-columns:minmax(0,1fr); gap:9px; padding-top:12px; margin-top:10px; }
 .bo-game-footer .bo-primary { width:100%; min-height:48px; }
 .bo-game-status { text-align:center; font-size:11px; }
 .bo-form .bo-scope { padding:12px; }
 .bo-kind-options label { flex-wrap:wrap; padding:9px; gap:6px; }
 .bo-game-select__art > .bo-game-icon { width:34px; height:34px; }
}
@media(max-width:359px) {
 .bo-game-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bo-game-tabs button { font-size:10px; padding:8px; }
 .bo-game-all b { font-size:12px; }
}
@media(max-width:359px) {
 .game-page .gh-side .gh-side__a,.game-page .gh-side .gh-side__a.is-empty { font-size:12px; padding:10px; }
}