/* My GameBase Phase 1: My Collection, shared drawer and Add one. */
.mgb-add-game--active{opacity:1;cursor:pointer;text-decoration:none!important}.mgb-collection-controls{position:relative;margin:24px 0 16px}.mgb-platform-nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.mgb-platform-nav{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;padding-bottom:3px}.mgb-platform-nav button,.mgb-view-switch button,.mgb-shelf-options button{min-height:42px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0e151d;color:#93a3b1;padding:0 14px;font-weight:850;white-space:nowrap;cursor:pointer}.mgb-platform-nav button span{margin-left:5px;color:#687a89;font-size:.75rem}.mgb-platform-nav button.is-active,.mgb-view-switch button.is-active,.mgb-shelf-options button.is-active{border-color:#18a8ff;background:rgba(24,168,255,.12);color:#fff}.mgb-control-link{border:0;background:transparent;color:#55c3ff!important;font-weight:800;cursor:pointer;padding:6px 0;text-decoration:none!important}.mgb-collection-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:10px;align-items:center}.mgb-collection-search input,.mgb-sort select,.mgb-add-search input{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0b1118;color:#fff;padding:0 14px;outline:none}.mgb-collection-search input:focus,.mgb-sort select:focus,.mgb-add-search input:focus{border-color:#18a8ff;box-shadow:0 0 0 3px rgba(24,168,255,.1)}.mgb-sort select{min-width:190px}.mgb-sort select option{background:#0b1118;color:#f4f7fa}.mgb-sort select option:checked,.mgb-sort select option:hover,.mgb-sort select option:focus{background:#183149;color:#fff}.mgb-view-switch{display:flex;gap:6px}.mgb-filter-toggle span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:7px;border-radius:999px;background:#b6ff00;color:#071006;font-size:.7rem}.mgb-collection-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:18px;align-items:start;margin-top:16px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0e151d}.mgb-collection-filters .mgb-filter-head{display:none}.mgb-collection-filters fieldset{min-width:0;border:0;margin:0;padding:0}.mgb-collection-filters legend{margin:0 0 10px;color:#fff;font-weight:900}.mgb-filter-options{display:grid;gap:7px;max-height:160px;overflow:auto}.mgb-filter-options label{display:flex;align-items:center;gap:8px;color:#9dadba;font-size:.84rem}.mgb-filter-options input{accent-color:#b6ff00}.mgb-active-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.mgb-filter-chip{min-height:34px;border:1px solid rgba(24,168,255,.38);border-radius:999px;background:rgba(24,168,255,.08);color:#dff5ff;padding:0 11px;cursor:pointer}.mgb-shelf-options{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:14px 0}.mgb-shelf-options>span{margin-right:4px;color:#7f909e;font-size:.8rem;font-weight:800}.mgb-shelf-options button{min-height:36px;padding:0 11px}.mgb-collection-summary{margin:18px 0 12px;color:#8092a1;font-size:.86rem}.mgb-cover-group{margin:0 0 30px}.mgb-cover-group__head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 12px}.mgb-cover-group__head h2{margin:0;color:#fff;font-size:1.2rem}.mgb-cover-group__head span{color:#728493;font-size:.76rem}.mgb-cover-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.mgb-cover-card{min-width:0;border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer}.mgb-cover-card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#101820;overflow:hidden;transition:transform .16s,border-color .16s}.mgb-cover-card:hover .mgb-cover-card__media,.mgb-cover-card:focus-visible .mgb-cover-card__media{transform:translateY(-2px);border-color:rgba(24,168,255,.55)}.mgb-cover-card:focus-visible{outline:2px solid #18a8ff;outline-offset:4px;border-radius:14px}.mgb-cover-card__media img{display:block;width:100%;height:100%;object-fit:contain}.mgb-cover-card__copy{display:grid;gap:3px;padding:9px 2px 0}.mgb-cover-card__copy strong{color:#fff;font-size:.88rem;line-height:1.25}.mgb-cover-card__copy small{color:#7e909f;font-size:.72rem}.mgb-card-rating{color:#b6ff00!important}.mgb-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:70px;background:#121b24;color:#6f8292;font-size:.72rem}.mgb-shelf{display:grid;grid-template-columns:repeat(14,minmax(42px,1fr));gap:7px;align-items:end;padding:24px 18px 18px;border-bottom:12px solid #202b35;border-radius:14px;background:linear-gradient(180deg,rgba(24,168,255,.04),rgba(255,255,255,.018));box-shadow:inset 0 -2px rgba(255,255,255,.08);margin-bottom:28px}.mgb-shelf-spine{position:relative;display:flex;min-width:0;height:238px;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#16212b;color:#fff;padding:0;overflow:hidden;cursor:pointer;transition:transform .14s,border-color .14s}.mgb-shelf-spine:hover,.mgb-shelf-spine:focus-visible{transform:translateY(-5px);border-color:#18a8ff;z-index:2}.mgb-shelf-spine:focus-visible{outline:2px solid #18a8ff;outline-offset:2px}.mgb-shelf-spine__media{position:absolute;inset:0;opacity:.14}.mgb-shelf-spine__media img{width:100%;height:100%;object-fit:contain}.mgb-shelf-spine__copy{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;padding:10px 5px;writing-mode:vertical-rl;transform:rotate(180deg);gap:8px}.mgb-shelf-spine__copy strong{font-size:.78rem;line-height:1.08;max-height:190px;overflow:hidden}.mgb-shelf-spine__copy small{font-size:.62rem;color:#9babb7}.mgb-shelf--classic .mgb-shelf-spine{background:#111820;border-color:rgba(182,255,0,.22)}.mgb-shelf--classic .mgb-shelf-spine__copy strong{font-family:Georgia,serif;letter-spacing:.03em}.mgb-collection-more{display:flex;justify-content:center;margin:24px 0}.mgb-collection-no-results{margin-top:28px;padding:36px;border:1px dashed rgba(255,255,255,.11);border-radius:18px;text-align:center}.mgb-collection-no-results h2{margin:0 0 7px;color:#fff}.mgb-collection-no-results p{color:#899aa8}.mgb-detail-dialog,.mgb-order-dialog{width:min(760px,calc(100% - 28px));max-height:min(92vh,900px);margin:auto 0 auto auto;border:0;padding:0;background:#0c1219;color:#eaf1f6;box-shadow:-28px 0 70px rgba(0,0,0,.48)}.mgb-order-dialog{width:min(560px,calc(100% - 28px));margin:auto}.mgb-detail-dialog::backdrop,.mgb-order-dialog::backdrop{background:rgba(2,7,11,.74);backdrop-filter:blur(3px)}.mgb-detail-drawer,.mgb-order-panel{padding:clamp(22px,4vw,38px);min-height:100%}.mgb-drawer-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:24px}.mgb-drawer-head h2{margin:0;color:#fff;font-size:clamp(1.65rem,4vw,2.5rem)}.mgb-drawer-head>button{width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#111a22;color:#fff;font-size:1.5rem;cursor:pointer}.mgb-detail-body{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:26px}.mgb-detail-cover{display:flex;align-items:flex-start;justify-content:center;min-height:220px}.mgb-detail-cover img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;border-radius:10px}.mgb-detail-info{min-width:0}.mgb-detail-section{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.mgb-detail-section h3{margin:0 0 12px;color:#fff;font-size:1rem}.mgb-detail-platform,.mgb-expansion-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0}.mgb-detail-platform>div,.mgb-expansion-row>div{display:grid;gap:3px}.mgb-detail-platform strong,.mgb-expansion-row strong{color:#fff}.mgb-detail-platform span,.mgb-expansion-row span{color:#8395a4;font-size:.78rem}.mgb-remove-owned{border:0;background:transparent;color:#ff9a9a;font-size:.74rem;font-weight:800;cursor:pointer}.mgb-rating-value{display:block;color:#b6ff00;font-size:1.2rem;margin-bottom:5px}.mgb-drawer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mgb-drawer-loading{padding:80px 20px;text-align:center;color:#92a4b3}.mgb-edit-expansion-heading{margin:24px 0 10px;color:#fff;font-size:1rem}.mgb-edit-expansion{border-color:rgba(24,168,255,.18)}.mgb-edit-platform,.mgb-add-context{margin:0 0 15px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:13px}.mgb-edit-platform legend,.mgb-add-context legend{padding:0 6px;color:#fff;font-weight:900}.mgb-relation-controls{display:flex;flex-wrap:wrap;gap:7px}.mgb-relation-chip{position:relative}.mgb-relation-chip input{position:absolute;opacity:0}.mgb-relation-chip span{display:inline-flex;align-items:center;min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#101820;color:#9dabb6;font-size:.78rem;font-weight:800;cursor:pointer}.mgb-relation-chip input:checked+span{border-color:#b6ff00;background:rgba(182,255,0,.09);color:#fff}.mgb-relation-chip input:focus-visible+span{outline:2px solid #18a8ff;outline-offset:2px}.mgb-completed-toggle{display:flex;align-items:center;gap:8px;margin-top:11px;color:#9dabba;font-size:.8rem}.mgb-order-panel>p{color:#8fa0ae}.mgb-order-panel ol{list-style:none;padding:0;margin:20px 0;display:grid;gap:8px}.mgb-order-panel li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#111820}.mgb-order-panel li button{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0b1118;color:#fff;cursor:pointer}.mgb-phase1-toast{position:fixed;z-index:2147482000;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;max-width:min(430px,calc(100vw - 36px));padding:14px 15px;border:1px solid rgba(182,255,0,.35);border-radius:13px;background:#111a22;color:#eef5f8;box-shadow:0 18px 50px rgba(0,0,0,.4)}.mgb-phase1-toast[hidden]{display:none}.mgb-phase1-toast.is-error{border-color:rgba(255,100,100,.45)}.mgb-phase1-toast button{border:0;background:transparent;color:#a9b7c1;font-size:1.2rem;cursor:pointer}.mgb-add-one__panel{max-width:1040px;margin:0 auto;padding:clamp(24px,4vw,42px);border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#0e151d}.mgb-add-one__panel>header h2{margin:0 0 6px;color:#fff}.mgb-add-one__panel>header p,.mgb-step-note{color:#889aa8;line-height:1.55}.mgb-add-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin:24px 0 12px}.mgb-add-expansion-toggle{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid rgba(24,168,255,.38);border-radius:11px;background:#101820;color:#9fb2bf;font:inherit;font-size:.82rem;font-weight:850;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.mgb-add-expansion-toggle:hover{border-color:rgba(24,168,255,.72);color:#fff;background:rgba(24,168,255,.07)}.mgb-add-expansion-toggle[aria-pressed="true"]{border-color:#18a8ff;background:rgba(24,168,255,.11);color:#fff;box-shadow:inset 3px 0 #b6ff00}.mgb-add-expansion-toggle:focus-visible{outline:2px solid #18a8ff;outline-offset:2px}.mgb-add-status{min-height:22px;margin:8px 0;color:#8da0af}.mgb-add-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mgb-add-result{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#111921;color:inherit;text-align:left;cursor:pointer}.mgb-add-result:hover,.mgb-add-result:focus-visible{border-color:#18a8ff;outline:none}.mgb-add-result__media{display:flex;align-items:center;justify-content:center;width:82px;height:108px;border-radius:8px;background:#0b1118;overflow:hidden}.mgb-add-result__media img{width:100%;height:100%;object-fit:contain}.mgb-add-result__copy{display:grid;align-content:center;gap:4px;min-width:0}.mgb-add-result__copy strong{color:#fff;line-height:1.25}.mgb-add-result__managed{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:2px;padding:3px 7px;border:1px solid rgba(182,255,0,.42);border-radius:999px;background:rgba(182,255,0,.08);color:#b6ff00;font-size:.66rem;font-weight:900;line-height:1.2;letter-spacing:.02em}.mgb-add-result__copy small{color:#8295a4;font-size:.74rem}.mgb-add-result__copy em{width:max-content;margin-top:4px;color:#b6ff00;font-size:.7rem;font-style:normal;font-weight:800}.mgb-add-not-found{margin-top:18px;padding:24px;border:1px dashed rgba(255,255,255,.12);border-radius:15px}.mgb-add-not-found h3{margin:0;color:#fff}.mgb-add-not-found p{color:#8b9cab}.mgb-add-config{margin-top:18px}.mgb-add-review{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;padding:18px;border:1px solid rgba(24,168,255,.2);border-radius:16px;background:rgba(24,168,255,.04)}.mgb-add-review__cover{display:flex;align-items:center;justify-content:center;height:190px}.mgb-add-review__cover img{max-width:100%;max-height:100%;object-fit:contain}.mgb-add-review__copy h2{margin:0 0 8px;color:#fff}.mgb-add-review__copy p:not(.mgb-eyebrow){margin:4px 0;color:#8fa0ae}.mgb-add-step{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08)}.mgb-add-step h3{margin:0 0 10px;color:#fff}.mgb-add-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mgb-add-platform{position:relative}.mgb-add-platform input{position:absolute;opacity:0}.mgb-add-platform span{display:flex;align-items:center;min-height:48px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#101820;color:#9dacb8;font-weight:800;cursor:pointer}.mgb-add-platform input:checked+span{border-color:#b6ff00;background:rgba(182,255,0,.08);color:#fff}.mgb-add-contexts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mgb-add-rating-body .mgb-star-rating{margin-top:6px}.mgb-add-success{padding:40px 18px;text-align:center}.mgb-add-success h2{margin:10px 0 6px;color:#fff}.mgb-add-success p{color:#91a3b0}.mgb-success-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto;border-radius:50%;background:rgba(182,255,0,.1);color:#b6ff00;font-size:2rem}.mgb-add-success .mgb-drawer-actions{justify-content:center}.mgb-add-parent-suggestion{max-width:620px;margin:24px auto 0;padding:18px;border:1px solid rgba(24,168,255,.22);border-radius:14px;background:rgba(24,168,255,.05);text-align:left}.mgb-add-parent-suggestion h3{margin:0 0 6px;color:#fff}.mgb-add-parent-suggestion .mgb-drawer-actions{justify-content:flex-start}.mgb-collection-empty .mgb-primary{margin-top:20px}
.mgb-expansion-context-list{margin:28px 0 8px;padding:18px;border:1px solid rgba(24,168,255,.15);border-radius:16px;background:rgba(24,168,255,.035)}.mgb-expansion-context-list__head{margin-bottom:12px}.mgb-expansion-context-list__head h2{margin:0 0 5px;color:#fff;font-size:1.05rem}.mgb-expansion-context-list__head p{margin:0;color:#7f929f;font-size:.78rem;line-height:1.5}.mgb-expansion-context-list__items{display:grid;gap:8px}.mgb-expansion-context-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:58px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#101820;color:inherit;text-align:left;cursor:pointer}.mgb-expansion-context-button:hover,.mgb-expansion-context-button:focus-visible{border-color:#18a8ff;outline:none}.mgb-expansion-context-button>span:first-child{display:grid;gap:3px;min-width:0}.mgb-expansion-context-button strong{color:#fff}.mgb-expansion-context-button small{color:#8093a1;font-size:.75rem}
@media (max-width:1100px){.mgb-cover-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mgb-shelf{grid-template-columns:repeat(11,minmax(42px,1fr))}.mgb-collection-filters{grid-template-columns:repeat(2,minmax(0,1fr));}.mgb-collection-filters>.mgb-secondary{align-self:end}.mgb-add-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.mgb-title-row{align-items:flex-start;flex-direction:column}.mgb-add-game--active{width:100%;justify-content:center}.mgb-platform-nav-wrap{align-items:flex-start;flex-direction:column}.mgb-collection-toolbar{grid-template-columns:1fr auto}.mgb-collection-search{grid-column:1/-1}.mgb-sort{min-width:0}.mgb-sort select{min-width:0}.mgb-view-switch{justify-content:flex-end}.mgb-collection-filters{position:fixed;z-index:2147481000;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr;gap:18px;max-height:82vh;margin:0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow:auto;transform:translateY(105%);transition:transform .18s;background:#0c131a;box-shadow:0 -20px 60px rgba(0,0,0,.45)}.mgb-collection-filters.is-open{transform:translateY(0)}.mgb-collection-filters .mgb-filter-head{display:flex;align-items:center;justify-content:space-between}.mgb-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mgb-shelf{grid-template-columns:repeat(7,minmax(38px,1fr));gap:5px;padding:18px 10px 13px}.mgb-shelf-spine{height:205px}.mgb-shelf-spine__copy strong{font-size:.7rem}.mgb-detail-dialog{width:100%;max-height:92vh;margin:auto 0 0;border-radius:20px 20px 0 0}.mgb-detail-body{grid-template-columns:1fr}.mgb-detail-cover{max-height:330px}.mgb-detail-cover img{width:auto;max-width:70%;max-height:320px}.mgb-detail-platform,.mgb-expansion-row{align-items:flex-start;flex-direction:column}.mgb-order-dialog{width:calc(100% - 20px)}.mgb-add-search{grid-template-columns:1fr}.mgb-add-search .mgb-primary{width:100%}.mgb-add-expansion-toggle{justify-self:stretch;width:100%}.mgb-add-results{grid-template-columns:1fr}.mgb-add-platforms,.mgb-add-contexts{grid-template-columns:1fr}.mgb-add-review{grid-template-columns:105px minmax(0,1fr)}.mgb-add-review__cover{height:145px}.mgb-phase1-toast{left:18px;right:18px;max-width:none}.mgb-drawer-actions>.mgb-primary,.mgb-drawer-actions>.mgb-secondary{flex:1 1 160px}}
@media (max-width:420px){.mgb-shelf{grid-template-columns:repeat(5,minmax(38px,1fr))}.mgb-collection-toolbar{grid-template-columns:1fr 1fr}.mgb-filter-toggle,.mgb-sort,.mgb-view-switch{width:100%}.mgb-view-switch button{flex:1}.mgb-add-result{grid-template-columns:72px minmax(0,1fr)}.mgb-add-result__media{width:72px;height:96px}}
@media (prefers-reduced-motion:reduce){.mgb-cover-card__media,.mgb-shelf-spine,.mgb-collection-filters{transition:none!important}}

/* v3.3.10.2 live-QA presentation corrections: Collection filters + physical shelf boards. */
.mgb-shelf-options[hidden]{display:none!important}
.mgb-collection-filters{display:none;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:start;margin-top:12px;padding:14px;border:1px solid rgba(200,209,218,.12);border-radius:14px;background:#0e151d}
.mgb-collection-filters.is-open{display:grid}
.mgb-collection-filters .mgb-filter-head{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:12px;padding-bottom:2px}
.mgb-collection-filter-group{position:relative;min-width:0!important;border:0!important;margin:0!important;padding:0!important}
.mgb-collection-filter-group__toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title chevron" "summary chevron";align-items:center;width:100%;min-height:44px;padding:7px 11px;border:1px solid rgba(200,209,218,.18);border-radius:10px;background:#0b1118;color:#fff;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.mgb-collection-filter-group__toggle:hover,.mgb-collection-filter-group__toggle:focus-visible{border-color:rgba(24,168,255,.58);outline:none;box-shadow:0 0 0 3px rgba(24,168,255,.08)}
.mgb-collection-filter-group__title{grid-area:title;font-size:.75rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.mgb-collection-filter-group__summary{grid-area:summary;overflow:hidden;margin-top:1px;color:#7f909f;font-size:.68rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.mgb-collection-filter-group__chevron{grid-area:chevron;width:7px;height:7px;margin-left:10px;border-right:2px solid #8193a2;border-bottom:2px solid #8193a2;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease,border-color .16s ease}
.mgb-collection-filter-group.is-open .mgb-collection-filter-group__chevron{border-color:#b6ff00;transform:rotate(225deg) translate(-1px,-1px)}
.mgb-collection-filter-group.has-active-filters .mgb-collection-filter-group__toggle{border-color:rgba(182,255,0,.44);background:linear-gradient(145deg,rgba(182,255,0,.07),#0b1118 62%)}
.mgb-collection-filter-group.has-active-filters .mgb-collection-filter-group__summary{color:#d7ff60}
.mgb-collection-filter-group__panel{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:max(100%,260px);max-width:min(380px,86vw);padding:10px;border:1px solid rgba(200,209,218,.16);border-radius:12px;background:#111820;box-shadow:0 18px 44px rgba(0,0,0,.4)}
.mgb-collection-filter-group__panel[hidden]{display:none!important}
.mgb-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:none;overflow:visible}
.mgb-filter-options label{min-width:0;min-height:36px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.025);color:#9eacb8;font-size:.78rem;line-height:1.25;cursor:pointer}
.mgb-filter-options label:hover{background:rgba(24,168,255,.07);color:#fff}
.mgb-filter-options input{flex:0 0 auto}
.mgb-collection-filter-clear{min-height:44px;align-self:start}
.mgb-filter-toggle[aria-expanded="true"]{border-color:rgba(182,255,0,.46);background:rgba(182,255,0,.07)}
.mgb-shelf{display:grid;grid-template-columns:1fr;gap:26px;margin:0 0 30px;padding:20px 16px 28px;border:1px solid rgba(24,168,255,.12);border-radius:18px;background:linear-gradient(180deg,rgba(24,168,255,.045),rgba(4,9,14,.2));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.mgb-shelf-row{position:relative;min-width:0;padding:18px 14px 28px;border:1px solid rgba(255,255,255,.055);border-radius:12px 12px 7px 7px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(5,10,15,.22));box-shadow:inset 0 -18px 28px rgba(0,0,0,.18)}
.mgb-shelf-row::before{content:"";position:absolute;z-index:1;left:5px;right:5px;bottom:10px;height:15px;border:1px solid rgba(255,255,255,.13);border-radius:3px;background:linear-gradient(180deg,#2a3742 0%,#1b2630 46%,#111920 100%);box-shadow:0 8px 12px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.13)}
.mgb-shelf-row::after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:8px;border-radius:0 0 6px 6px;background:#0a1016;box-shadow:0 4px 8px rgba(0,0,0,.32)}
.mgb-shelf-row__spines{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--mgb-shelf-columns,14),minmax(42px,1fr));gap:7px;align-items:end;min-height:238px;padding:0 4px}
.mgb-shelf-spine{align-self:end;box-shadow:0 5px 8px rgba(0,0,0,.28)}
.mgb-shelf--modern .mgb-shelf-row{border-color:rgba(24,168,255,.12);background:linear-gradient(180deg,rgba(24,168,255,.035),rgba(5,10,15,.24))}
.mgb-shelf--modern .mgb-shelf-row::before{box-shadow:0 8px 14px rgba(0,0,0,.4),inset 0 2px rgba(24,168,255,.13)}
.mgb-shelf--classic .mgb-shelf-row{border-color:rgba(182,255,0,.1);background:linear-gradient(180deg,rgba(182,255,0,.018),rgba(5,10,15,.25))}
.mgb-shelf--classic .mgb-shelf-row::before{background:linear-gradient(180deg,#333b35 0%,#222a25 48%,#131a16 100%);box-shadow:0 8px 14px rgba(0,0,0,.4),inset 0 2px rgba(182,255,0,.1)}
@media(max-width:1100px){.mgb-collection-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.mgb-collection-filter-clear{grid-column:1/-1;width:max-content}.mgb-shelf-row__spines{min-height:226px}}
@media(max-width:767px){.mgb-collection-filters{position:fixed;z-index:2147481000;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr;gap:10px;max-height:82vh;margin:0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow-y:auto;overscroll-behavior:contain;transform:translateY(105%);transition:transform .18s;background:#0c131a;box-shadow:0 -20px 60px rgba(0,0,0,.45)}.mgb-collection-filters.is-open{transform:translateY(0)}.mgb-collection-filter-group__panel{position:relative;top:auto;left:auto;width:100%;max-width:none;margin-top:6px;box-shadow:none}.mgb-filter-options{grid-template-columns:1fr}.mgb-collection-filter-clear{grid-column:auto;width:100%}.mgb-shelf{gap:22px;padding:14px 9px 22px}.mgb-shelf-row{padding:15px 7px 26px}.mgb-shelf-row__spines{min-height:205px;gap:5px;padding:0 2px}.mgb-shelf-spine{height:205px}}
@media(max-width:420px){.mgb-shelf-row__spines{min-height:196px}.mgb-shelf-spine{height:196px}}
@media(prefers-reduced-motion:reduce){.mgb-collection-filter-group__chevron,.mgb-collection-filter-group__toggle{transition:none!important}}
/* My GameBase Phase 1 live QA: shelf cabinet, desktop modal, shared rating and branded remove confirmation. */
.mgb-shelf{position:relative;isolation:isolate;gap:42px!important;margin:0 0 34px!important;padding:34px 30px 44px!important;border:1px solid rgba(24,168,255,.2)!important;border-radius:20px!important;background:linear-gradient(90deg,rgba(5,10,15,.98),rgba(14,23,31,.98) 3.5%,rgba(8,14,20,.98) 50%,rgba(14,23,31,.98) 96.5%,rgba(5,10,15,.98))!important;box-shadow:inset 13px 0 18px rgba(0,0,0,.38),inset -13px 0 18px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05),0 24px 48px rgba(0,0,0,.18)!important;overflow:hidden}
.mgb-shelf::before,.mgb-shelf::after{content:"";position:absolute;z-index:4;top:0;bottom:0;width:14px;pointer-events:none;background:linear-gradient(90deg,#111a22,#273542 48%,#101820);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 14px rgba(0,0,0,.3)}
.mgb-shelf::before{left:0}.mgb-shelf::after{right:0;transform:scaleX(-1)}
.mgb-shelf-row{position:relative;min-width:0;padding:26px 18px 37px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:8px 8px 3px 3px!important;background:linear-gradient(180deg,rgba(20,31,40,.9),rgba(7,13,18,.96) 70%,rgba(3,8,12,.98))!important;box-shadow:inset 0 12px 22px rgba(0,0,0,.2),inset 0 -22px 28px rgba(0,0,0,.38)!important}
.mgb-shelf-row::before{content:"";position:absolute;z-index:3;left:-7px!important;right:-7px!important;bottom:9px!important;height:23px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:3px!important;background:linear-gradient(180deg,#394b59 0,#253440 27%,#18242d 62%,#0d151b 100%)!important;box-shadow:0 4px 0 #091016,0 12px 18px rgba(0,0,0,.55),inset 0 2px rgba(255,255,255,.14)!important}
.mgb-shelf-row::after{content:"";position:absolute;z-index:2;left:5px!important;right:5px!important;bottom:-9px!important;height:14px!important;border-radius:0 0 7px 7px!important;background:linear-gradient(180deg,#0b1218,#05090d)!important;box-shadow:0 8px 15px rgba(0,0,0,.4)!important}
.mgb-shelf-row__spines{z-index:4!important;min-height:242px!important;padding:0 7px 0!important;gap:7px!important;align-items:end}
.mgb-shelf-spine{transform-origin:50% 100%;border-bottom-color:rgba(255,255,255,.24);box-shadow:0 6px 9px rgba(0,0,0,.44),inset 1px 0 rgba(255,255,255,.025),inset -1px 0 rgba(0,0,0,.22)!important}
.mgb-shelf-spine:hover,.mgb-shelf-spine:focus-visible{transform:translateY(-5px) rotate(-.25deg)!important}
.mgb-shelf--modern::before,.mgb-shelf--modern::after{background:linear-gradient(90deg,#0b151d,#1c3445 52%,#0a1219)}
.mgb-shelf--modern .mgb-shelf-row{border-color:rgba(24,168,255,.14)!important;background:linear-gradient(180deg,rgba(12,31,43,.9),rgba(7,15,21,.97) 72%,rgba(3,8,12,.99))!important}
.mgb-shelf--modern .mgb-shelf-row::before{box-shadow:0 4px 0 #071019,0 12px 18px rgba(0,0,0,.55),inset 0 2px rgba(24,168,255,.18)!important}
.mgb-shelf--classic{border-color:rgba(182,255,0,.13)!important;background:linear-gradient(90deg,#080d0a,#151d18 3.5%,#090f0b 50%,#151d18 96.5%,#080d0a)!important}
.mgb-shelf--classic::before,.mgb-shelf--classic::after{background:linear-gradient(90deg,#111713,#303a32 52%,#101611)}
.mgb-shelf--classic .mgb-shelf-row{border-color:rgba(182,255,0,.08)!important;background:linear-gradient(180deg,rgba(24,31,26,.94),rgba(10,15,11,.98) 72%,rgba(5,9,6,.99))!important}
.mgb-shelf--classic .mgb-shelf-row::before{background:linear-gradient(180deg,#485149 0,#323a34 28%,#222a24 63%,#121813 100%)!important;box-shadow:0 4px 0 #0a100b,0 12px 18px rgba(0,0,0,.55),inset 0 2px rgba(182,255,0,.1)!important}
.mgb-detail-drawer{position:relative}.mgb-detail-star-rating{margin:4px 0 2px}.mgb-detail-confirm{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:rgba(3,8,12,.78);backdrop-filter:blur(5px);border-radius:inherit}.mgb-detail-confirm__panel{width:min(100%,520px);padding:26px;border:1px solid rgba(255,100,100,.3);border-radius:18px;background:linear-gradient(155deg,#171418,#0d141b 68%);box-shadow:0 24px 70px rgba(0,0,0,.5)}.mgb-detail-confirm__panel h3{margin:0;color:#fff;font-size:1.35rem}.mgb-detail-confirm__copy{margin:10px 0 0;color:#a9b3bb;line-height:1.65}.mgb-detail-confirm__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.mgb-detail-confirm__actions>button{min-width:150px}
@media(min-width:768px){.mgb-detail-dialog{width:min(980px,calc(100vw - 64px))!important;max-height:min(88vh,920px)!important;margin:auto!important;border:1px solid rgba(24,168,255,.19)!important;border-radius:20px!important;background:#0c1219!important;box-shadow:0 34px 100px rgba(0,0,0,.58)!important;overflow:hidden}.mgb-detail-dialog .mgb-detail-drawer{max-height:min(88vh,920px);min-height:0;padding:clamp(26px,3.2vw,42px);overflow-y:auto;overscroll-behavior:contain}.mgb-detail-dialog .mgb-drawer-head{position:sticky;z-index:8;top:calc(-1 * clamp(26px,3.2vw,42px));margin:calc(-1 * clamp(26px,3.2vw,42px)) calc(-1 * clamp(26px,3.2vw,42px)) 26px;padding:clamp(26px,3.2vw,42px) clamp(26px,3.2vw,42px) 18px;background:linear-gradient(180deg,#0c1219 78%,rgba(12,18,25,.94));border-bottom:1px solid rgba(255,255,255,.06)}.mgb-detail-dialog .mgb-detail-body{grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:38px}.mgb-detail-dialog .mgb-detail-cover{position:sticky;top:92px;align-self:start;min-height:280px}.mgb-detail-dialog .mgb-detail-cover img{max-height:500px}.mgb-detail-dialog .mgb-drawer-actions{position:sticky;z-index:6;bottom:calc(-1 * clamp(26px,3.2vw,42px));margin:24px calc(-1 * clamp(26px,3.2vw,42px)) calc(-1 * clamp(26px,3.2vw,42px));padding:16px clamp(26px,3.2vw,42px) clamp(26px,3.2vw,42px);background:linear-gradient(0deg,#0c1219 74%,rgba(12,18,25,.94));border-top:1px solid rgba(255,255,255,.06)}.mgb-detail-dialog .mgb-detail-confirm{position:fixed;inset:0;border-radius:0}}
@media(max-width:767px){.mgb-shelf{gap:32px!important;padding:24px 17px 34px!important}.mgb-shelf::before,.mgb-shelf::after{width:9px}.mgb-shelf-row{padding:18px 7px 34px!important}.mgb-shelf-row__spines{min-height:205px!important;padding:0 3px!important;gap:5px!important}.mgb-shelf-row::before{left:-3px!important;right:-3px!important;height:20px!important}.mgb-detail-confirm{padding:16px}.mgb-detail-confirm__panel{padding:22px 18px}.mgb-detail-confirm__actions{display:grid;grid-template-columns:1fr}.mgb-detail-confirm__actions>button{width:100%;min-width:0}}
@media(max-width:420px){.mgb-shelf-row__spines{min-height:196px!important}}
/* My GameBase Phase 1 live QA round 4: Shelf View is the cabinet, not a surrounding UI panel. */
.mgb-collection-results--shelf{text-align:center}
.mgb-shelf{
    --mgb-cabinet-spine-width:clamp(52px,4.35vw,66px);
    --mgb-cabinet-frame-hi:#3a5060;
    --mgb-cabinet-frame-mid:#1c2c37;
    --mgb-cabinet-frame-low:#0a1117;
    --mgb-cabinet-back-top:#0b1821;
    --mgb-cabinet-back-low:#050b10;
    --mgb-cabinet-accent:rgba(24,168,255,.18);
    position:relative;
    isolation:isolate;
    display:inline-grid!important;
    grid-template-columns:auto!important;
    justify-items:stretch;
    width:max-content;
    max-width:100%;
    gap:0!important;
    margin:8px auto 42px!important;
    padding:0 27px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    text-align:left;
}
.mgb-shelf--classic{
    --mgb-cabinet-frame-hi:#4b5048;
    --mgb-cabinet-frame-mid:#2d342e;
    --mgb-cabinet-frame-low:#101510;
    --mgb-cabinet-back-top:#141a15;
    --mgb-cabinet-back-low:#070b08;
    --mgb-cabinet-accent:rgba(182,255,0,.12);
    background:transparent!important;
    border:0!important;
}
.mgb-shelf__cap,.mgb-shelf__plinth{position:relative;z-index:7;display:block;pointer-events:none}
.mgb-shelf__cap{
    height:27px;
    margin:0 -15px 0;
    border:1px solid rgba(255,255,255,.11);
    border-radius:4px 4px 2px 2px;
    background:linear-gradient(180deg,var(--mgb-cabinet-frame-hi) 0,var(--mgb-cabinet-frame-mid) 38%,var(--mgb-cabinet-frame-low) 100%);
    box-shadow:0 7px 14px rgba(0,0,0,.46),inset 0 2px rgba(255,255,255,.12),inset 0 -2px rgba(0,0,0,.35),0 0 0 1px var(--mgb-cabinet-accent);
}
.mgb-shelf__plinth{
    height:31px;
    margin:1px -18px 0;
    border:1px solid rgba(255,255,255,.1);
    border-radius:2px 2px 5px 5px;
    background:linear-gradient(180deg,var(--mgb-cabinet-frame-hi) 0,var(--mgb-cabinet-frame-mid) 34%,var(--mgb-cabinet-frame-low) 100%);
    box-shadow:0 12px 18px rgba(0,0,0,.48),inset 0 2px rgba(255,255,255,.1),inset 0 -4px rgba(0,0,0,.4),0 0 0 1px var(--mgb-cabinet-accent);
}
.mgb-shelf::before,.mgb-shelf::after{
    content:"";
    position:absolute;
    z-index:6;
    top:20px;
    bottom:22px;
    width:21px;
    pointer-events:none;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(90deg,var(--mgb-cabinet-frame-low),var(--mgb-cabinet-frame-hi) 44%,var(--mgb-cabinet-frame-mid) 68%,var(--mgb-cabinet-frame-low));
    box-shadow:inset 2px 0 rgba(255,255,255,.05),inset -4px 0 rgba(0,0,0,.36),0 7px 18px rgba(0,0,0,.34);
}
.mgb-shelf::before{left:6px}
.mgb-shelf::after{right:6px;transform:scaleX(-1)}
.mgb-shelf-row{
    position:relative;
    z-index:2;
    min-width:0;
    width:100%;
    margin:0!important;
    padding:24px 11px 30px!important;
    border:0!important;
    border-radius:0!important;
    background:
        radial-gradient(ellipse at 50% 108%,var(--mgb-cabinet-accent),transparent 46%),
        linear-gradient(180deg,var(--mgb-cabinet-back-top),var(--mgb-cabinet-back-low) 78%)!important;
    box-shadow:inset 16px 0 24px rgba(0,0,0,.3),inset -16px 0 24px rgba(0,0,0,.3),inset 0 13px 24px rgba(0,0,0,.28),inset 0 -8px 15px rgba(0,0,0,.2)!important;
}
.mgb-shelf-row+.mgb-shelf-row{margin-top:34px!important}
.mgb-shelf-row::before{
    content:"";
    position:absolute;
    z-index:3;
    left:-8px!important;
    right:-8px!important;
    bottom:5px!important;
    height:25px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:2px!important;
    background:linear-gradient(180deg,var(--mgb-cabinet-frame-hi) 0,var(--mgb-cabinet-frame-mid) 28%,var(--mgb-cabinet-frame-low) 100%)!important;
    box-shadow:0 5px 0 rgba(2,6,9,.8),0 13px 19px rgba(0,0,0,.52),inset 0 2px rgba(255,255,255,.12),0 0 0 1px var(--mgb-cabinet-accent)!important;
}
.mgb-shelf-row::after{
    content:"";
    position:absolute;
    z-index:1;
    left:7px!important;
    right:7px!important;
    bottom:30px!important;
    height:13px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.48))!important;
    box-shadow:none!important;
    pointer-events:none;
}
.mgb-shelf-row__spines{
    position:relative;
    z-index:4!important;
    display:grid;
    grid-template-columns:repeat(var(--mgb-shelf-columns,1),var(--mgb-cabinet-spine-width))!important;
    justify-content:start;
    align-items:end;
    width:max-content;
    max-width:100%;
    min-height:242px!important;
    gap:7px!important;
    padding:0!important;
}
.mgb-shelf-spine{
    width:var(--mgb-cabinet-spine-width);
    max-width:100%;
    align-self:end;
    transform-origin:50% 100%;
    border-radius:3px 3px 2px 2px;
    border-bottom-color:rgba(255,255,255,.24);
    box-shadow:0 2px 2px rgba(0,0,0,.65),-2px 0 5px rgba(0,0,0,.22),inset 1px 0 rgba(255,255,255,.035),inset -2px 0 rgba(0,0,0,.25)!important;
}
.mgb-shelf-spine:hover,.mgb-shelf-spine:focus-visible{transform:translateY(-4px) rotate(-.18deg)!important}
.mgb-shelf--modern .mgb-shelf-spine{background:linear-gradient(90deg,#101b24,#1a2a35 46%,#101922)}
.mgb-shelf--classic .mgb-shelf-spine{background:linear-gradient(90deg,#111612,#202720 46%,#111612);border-color:rgba(182,255,0,.2)}
@media(max-width:1100px){.mgb-shelf{--mgb-cabinet-spine-width:50px}}
@media(max-width:767px){
    .mgb-shelf{--mgb-cabinet-spine-width:46px;padding:0 18px!important;margin-top:4px!important;margin-bottom:34px!important}
    .mgb-shelf__cap{height:23px;margin-inline:-10px}.mgb-shelf__plinth{height:27px;margin-inline:-11px}
    .mgb-shelf::before,.mgb-shelf::after{width:15px;top:17px;bottom:20px}.mgb-shelf::before{left:3px}.mgb-shelf::after{right:3px}
    .mgb-shelf-row{padding:18px 7px 27px!important}.mgb-shelf-row+.mgb-shelf-row{margin-top:27px!important}
    .mgb-shelf-row::before{left:-4px!important;right:-4px!important;bottom:4px!important;height:23px!important}
    .mgb-shelf-row::after{bottom:27px!important}
    .mgb-shelf-row__spines{min-height:205px!important;gap:5px!important}
    .mgb-shelf-spine{height:205px}
}
@media(max-width:420px){.mgb-shelf{--mgb-cabinet-spine-width:43px}.mgb-shelf-row__spines{min-height:196px!important}.mgb-shelf-spine{height:196px}}
/* Keep shelf boards physically seated between the cabinet uprights. */
.mgb-shelf-row::before{left:0!important;right:0!important}
@media(max-width:767px){.mgb-shelf-row::before{left:0!important;right:0!important}}
/* My GameBase Phase 1 live QA round 5: full cabinet overview + shelf focus. */
.mgb-collection-results--shelf{
    --mgb-shelf-density-spine:52px;
    --mgb-shelf-density-gap:8px;
    --mgb-shelf-density-frame:92px;
    --mgb-shelf-density-max:12;
    text-align:left
}
.mgb-shelf{
    --mgb-cabinet-spine-width:62px;
    --mgb-cabinet-focus-spine-width:76px;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    width:min(100%,1120px)!important;
    max-width:100%!important;
    min-width:0!important;
    margin:10px auto 46px!important;
    padding:0 34px!important;
}
.mgb-shelf__cap{margin:0 -20px!important}
.mgb-shelf__plinth{margin:0 -23px!important}
.mgb-shelf::before{left:7px!important}.mgb-shelf::after{right:7px!important}
.mgb-shelf-row{
    width:100%!important;
    min-height:286px;
    margin:0!important;
    padding:25px 13px 31px!important;
    cursor:default;
}
.mgb-shelf-row+.mgb-shelf-row{margin-top:0!important}
.mgb-shelf-row::before{left:0!important;right:0!important;bottom:4px!important;height:27px!important}
.mgb-shelf-row::after{left:10px!important;right:10px!important;bottom:31px!important;height:16px!important}
.mgb-shelf-row__spines{
    width:100%!important;
    max-width:none!important;
    min-height:248px!important;
    grid-template-columns:repeat(var(--mgb-shelf-columns,12),minmax(var(--mgb-shelf-density-spine),1fr))!important;
    justify-content:start!important;
    align-items:end!important;
    gap:8px!important;
    padding:0 6px!important;
}
.mgb-shelf-spine{width:100%!important;min-width:0!important;height:238px}
.mgb-shelf-row.is-empty .mgb-shelf-row__spines::after{
    content:"";
    align-self:end;
    grid-column:1/-1;
    height:1px;
    opacity:.32;
    background:linear-gradient(90deg,transparent,var(--mgb-cabinet-accent),transparent);
}
.mgb-shelf-focus-trigger{
    position:absolute;
    z-index:8;
    top:11px;
    right:13px;
    min-height:34px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:999px;
    background:rgba(5,11,16,.76);
    color:#91a5b4;
    font-size:.72rem;
    font-weight:850;
    cursor:pointer;
    opacity:.72;
    transition:opacity .15s,border-color .15s,color .15s,background .15s;
}
.mgb-shelf-row:hover .mgb-shelf-focus-trigger,.mgb-shelf-focus-trigger:focus-visible{opacity:1;border-color:rgba(24,168,255,.52);background:rgba(12,28,39,.92);color:#e8f7ff}
.mgb-shelf-focus-trigger:focus-visible{outline:2px solid #18a8ff;outline-offset:2px}
.mgb-shelf-focus-bar{
    position:relative;
    z-index:9;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 8px 13px;
    color:#8397a6;
    font-size:.78rem;
    font-weight:850;
}
.mgb-shelf-focus-back{min-height:38px!important;padding:0 13px!important}
.mgb-shelf--focus{width:min(100%,1060px)!important}
.mgb-shelf--focus .mgb-shelf-row:not(.is-focused){display:none!important}
.mgb-shelf--focus .mgb-shelf-row.is-focused{min-height:356px;padding-top:34px!important;background:radial-gradient(ellipse at 50% 112%,var(--mgb-cabinet-accent),transparent 52%),linear-gradient(180deg,var(--mgb-cabinet-back-top),var(--mgb-cabinet-back-low) 78%)!important;box-shadow:inset 20px 0 30px rgba(0,0,0,.34),inset -20px 0 30px rgba(0,0,0,.34),inset 0 16px 30px rgba(0,0,0,.3),inset 0 -8px 18px rgba(0,0,0,.2)!important}
.mgb-shelf--focus .mgb-shelf-row__spines{min-height:314px!important;grid-template-columns:repeat(var(--mgb-shelf-columns,12),minmax(0,var(--mgb-cabinet-focus-spine-width)))!important;gap:9px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:0 8px 2px!important}
.mgb-shelf--focus .mgb-shelf-spine{height:300px!important}
.mgb-shelf--focus .mgb-shelf-spine__copy strong{font-size:.88rem;max-height:238px}
.mgb-shelf--focus .mgb-shelf-spine__copy small{font-size:.68rem;color:#a7bac7}
.mgb-shelf--focus .mgb-shelf-spine__media{opacity:.17}
.mgb-shelf--focus .mgb-shelf-spine:hover,.mgb-shelf--focus .mgb-shelf-spine:focus-visible{transform:translateY(-5px) rotate(-.12deg)!important}
@media(max-width:1100px){
    .mgb-collection-results--shelf{--mgb-shelf-density-spine:46px;--mgb-shelf-density-gap:7px;--mgb-shelf-density-frame:78px}
    .mgb-shelf{--mgb-cabinet-spine-width:56px;--mgb-cabinet-focus-spine-width:68px;padding-inline:28px!important}
    .mgb-shelf-row{min-height:270px}.mgb-shelf-row__spines{min-height:232px!important}.mgb-shelf-spine{height:226px}
}
@media(max-width:767px){
    .mgb-collection-results--shelf{--mgb-shelf-density-spine:34px;--mgb-shelf-density-gap:5px;--mgb-shelf-density-frame:50px}
    .mgb-shelf{--mgb-cabinet-spine-width:48px;--mgb-cabinet-focus-spine-width:58px;width:100%!important;padding-inline:18px!important}
    .mgb-shelf__cap{margin-inline:-10px!important}.mgb-shelf__plinth{margin-inline:-11px!important}
    .mgb-shelf-row{min-height:228px;padding:18px 7px 27px!important}.mgb-shelf-row__spines{min-height:201px!important;gap:5px!important;padding-inline:3px!important}.mgb-shelf-spine{height:196px!important}
    .mgb-shelf-focus-trigger{top:7px;right:8px;min-height:32px;padding-inline:9px;font-size:.68rem}
    .mgb-shelf--focus .mgb-shelf-row.is-focused{min-height:282px;padding-top:24px!important}.mgb-shelf--focus .mgb-shelf-row__spines{min-height:250px!important;gap:6px!important}.mgb-shelf--focus .mgb-shelf-spine{height:242px!important}
}
@media(max-width:420px){
    .mgb-collection-results--shelf{--mgb-shelf-density-spine:32px;--mgb-shelf-density-frame:44px}
    .mgb-shelf{--mgb-cabinet-spine-width:45px;--mgb-cabinet-focus-spine-width:56px;padding-inline:16px!important}
    .mgb-shelf-row{min-height:220px}.mgb-shelf-row__spines{min-height:193px!important}.mgb-shelf-spine{height:188px!important}
    .mgb-shelf--focus .mgb-shelf-row__spines{min-height:240px!important}.mgb-shelf--focus .mgb-shelf-spine{height:232px!important}
}
@media(prefers-reduced-motion:reduce){.mgb-shelf-focus-trigger,.mgb-shelf-spine{transition:none!important}}

/* v3.3.10.6 — Round 6 mobile Add one + Shelf platform-family accents */
.mgb-shelf-spine{position:relative;overflow:hidden}
.mgb-shelf-spine__platform-accents{position:absolute;z-index:4;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:5px;pointer-events:none}
.mgb-shelf-spine__platform-accent{flex:1 1 0;min-height:0;background:transparent;box-shadow:1px 0 4px rgba(0,0,0,.2)}
.mgb-shelf-spine__platform-accent[data-family="nintendo"]{background:#E60012}
.mgb-shelf-spine__platform-accent[data-family="playstation"]{background:#245CFF}
.mgb-shelf-spine__platform-accent[data-family="xbox"]{background:#46A93D}
.mgb-shelf-spine__platform-accent[data-family="pc"]{background:#AAB4C3}
.mgb-shelf-spine__platform-accent[data-family="sega"]{background:#00D9C6}
@media(max-width:767px){.mgb-shelf-spine__platform-accents{width:4px}}
.mgb-shelf-spine__platform-label{overflow-wrap:anywhere}
.mgb-add-review__copy{min-width:0}
.mgb-add-review__copy h2{overflow-wrap:anywhere;word-break:normal}
@media(max-width:480px){
  .mgb-add-one__panel{padding-inline:14px}
  .mgb-add-review{grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border-radius:13px}
  .mgb-add-review__cover{height:112px;align-self:start}
  .mgb-add-review__copy h2{margin:1px 0 6px;font-size:clamp(1.08rem,5.2vw,1.35rem);line-height:1.18;letter-spacing:-.015em}
  .mgb-add-review__copy p:not(.mgb-eyebrow){margin:3px 0;font-size:.82rem;line-height:1.35}
  .mgb-add-review__copy .mgb-eyebrow{margin:0 0 4px;font-size:.62rem}
  .mgb-add-platform span{min-height:46px;padding:8px 11px;line-height:1.25}
}
@media(max-width:340px){.mgb-add-review{grid-template-columns:68px minmax(0,1fr);gap:10px}.mgb-add-review__cover{height:98px}.mgb-add-review__copy h2{font-size:1.02rem}}

/* v3.3.10.11 — Round 10 mobile Shared Detail Modal containment. */
@media(max-width:767px){
  .mgb-detail-dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:auto!important;border-radius:18px!important;box-sizing:border-box}
  .mgb-detail-dialog .mgb-detail-drawer{width:100%;max-width:100%;min-width:0;max-height:calc(100dvh - 24px);padding:18px 16px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}
  .mgb-detail-dialog .mgb-drawer-head{min-width:0;gap:12px;margin-bottom:18px}
  .mgb-detail-dialog .mgb-drawer-head h2{min-width:0;font-size:clamp(1.35rem,7vw,1.85rem);line-height:1.15;overflow-wrap:anywhere}
  .mgb-detail-dialog .mgb-drawer-head>button{flex:0 0 44px}
  .mgb-detail-dialog .mgb-detail-body{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
  .mgb-detail-dialog .mgb-detail-cover{width:100%;min-width:0;min-height:0;max-height:none}
  .mgb-detail-dialog .mgb-detail-cover img{width:auto;max-width:min(72%,260px);height:auto;max-height:min(42vh,360px)}
  .mgb-detail-dialog .mgb-detail-info,.mgb-detail-dialog .mgb-detail-section,.mgb-detail-dialog .mgb-detail-platform,.mgb-detail-dialog .mgb-expansion-row,.mgb-detail-dialog .mgb-detail-platform>div,.mgb-detail-dialog .mgb-expansion-row>div,.mgb-detail-dialog .mgb-detail-edit,.mgb-detail-dialog .mgb-edit-platform,.mgb-detail-dialog .mgb-relation-controls{min-width:0;max-width:100%;box-sizing:border-box}
  .mgb-detail-dialog .mgb-detail-platform,.mgb-detail-dialog .mgb-expansion-row{align-items:flex-start;flex-direction:column;gap:9px}
  .mgb-detail-dialog .mgb-detail-platform strong,.mgb-detail-dialog .mgb-detail-platform span,.mgb-detail-dialog .mgb-expansion-row strong,.mgb-detail-dialog .mgb-expansion-row span,.mgb-detail-dialog .mgb-edit-platform legend{overflow-wrap:anywhere}
  .mgb-detail-dialog .mgb-relation-chip{max-width:100%}
  .mgb-detail-dialog .mgb-relation-chip span{max-width:100%;white-space:normal;text-align:center}
  .mgb-detail-dialog .mgb-drawer-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
  .mgb-detail-dialog .mgb-drawer-actions>*{width:100%;min-width:0;max-width:100%;box-sizing:border-box;white-space:normal}
}
/* v3.3.10.12 — Round 11 mobile Collection platform navigation containment. */
@media(max-width:767px){
  .mgb-collection-controls,.mgb-platform-nav-wrap,.mgb-platform-nav{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  .mgb-platform-nav-wrap{align-items:stretch}
  .mgb-platform-nav{flex-wrap:wrap;overflow:visible}
  .mgb-platform-nav button{flex:0 1 auto;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}
  .mgb-platform-nav-wrap>.mgb-control-link{align-self:flex-start;max-width:100%;white-space:normal}
  .mgb-collection-toolbar,.mgb-collection-toolbar>*{min-width:0;max-width:100%;box-sizing:border-box}
  .mgb-view-switch{min-width:0;flex-wrap:wrap}
  .mgb-view-switch button{min-width:0}
}
@media(max-width:420px){.mgb-collection-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* v3.3.10.14 — Round 13 Shelf Focus title readability. */
.mgb-shelf--focus .mgb-shelf-spine__platform-label{display:none!important}
.mgb-shelf--focus .mgb-shelf-spine__copy{min-width:0;min-height:0;padding:7px 4px 9px;gap:4px;justify-content:flex-start}
.mgb-shelf--focus .mgb-shelf-spine__copy strong{flex:1 1 auto;min-width:0;min-height:0;max-height:none;font-size:.9rem;line-height:1.04;overflow:hidden;overflow-wrap:anywhere}
.mgb-shelf--focus .mgb-shelf-spine__copy .mgb-card-rating{flex:0 0 auto}
@media(max-width:767px){.mgb-shelf--focus .mgb-shelf-spine__copy{padding:6px 3px 8px}.mgb-shelf--focus .mgb-shelf-spine__copy strong{font-size:.86rem}}
/* v3.3.10.15 — Round 14 supplemental Add one search + desktop Full Cabinet polish */
.mgb-add-search-more{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0 0;padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(6,16,23,.58);color:#c8d7e1}
.mgb-add-search-more span{font-weight:800}
.mgb-add-more{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.mgb-add-more h3{margin:0 0 12px;color:#f4f8fb}
.mgb-add-results--more{margin-top:0}
@media(min-width:1101px){.mgb-collection-results--shelf{--mgb-shelf-density-spine:48px;--mgb-shelf-density-max:15}}
@media(max-width:520px){.mgb-add-search-more{align-items:stretch}.mgb-add-search-more .mgb-secondary{width:100%}}
/* v3.3.11.24 — Shelf-only Dark Walnut cabinet style. */
.mgb-shelf--wooden{
  --mgb-cabinet-frame-hi:#5a3828;
  --mgb-cabinet-frame-mid:#321e16;
  --mgb-cabinet-frame-low:#140b08;
  --mgb-cabinet-back-top:#1b100c;
  --mgb-cabinet-back-low:#090504;
  --mgb-cabinet-accent:rgba(182,255,0,.055);
  background:transparent!important;
  border:0!important;
}
.mgb-shelf--wooden .mgb-shelf__cap,.mgb-shelf--wooden .mgb-shelf__plinth{
  border-color:rgba(255,231,211,.11);
  background:
    repeating-linear-gradient(92deg,rgba(255,255,255,.018) 0 2px,rgba(0,0,0,.025) 2px 5px,transparent 5px 13px),
    linear-gradient(180deg,#62402e 0,#3a241a 32%,#24140f 68%,#120907 100%);
  box-shadow:0 10px 18px rgba(21,8,4,.55),inset 0 2px rgba(255,235,218,.09),inset 0 -3px rgba(0,0,0,.42),0 0 0 1px rgba(97,54,35,.24);
}
.mgb-shelf--wooden::before,.mgb-shelf--wooden::after{
  border-color:rgba(255,230,210,.08);
  background:
    repeating-linear-gradient(8deg,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.035) 1px 3px,transparent 3px 8px),
    linear-gradient(90deg,#130a07,#4b2d20 44%,#2c1912 69%,#100806);
  box-shadow:inset 2px 0 rgba(255,238,220,.045),inset -4px 0 rgba(0,0,0,.4),0 8px 20px rgba(18,6,3,.42);
}
.mgb-shelf--wooden .mgb-shelf-row{
  background:
    radial-gradient(ellipse at 50% 108%,rgba(91,48,30,.18),transparent 46%),
    repeating-linear-gradient(94deg,rgba(255,255,255,.008) 0 2px,rgba(0,0,0,.018) 2px 4px,transparent 4px 17px),
    linear-gradient(180deg,var(--mgb-cabinet-back-top),var(--mgb-cabinet-back-low) 78%)!important;
  box-shadow:inset 16px 0 26px rgba(19,7,4,.42),inset -16px 0 26px rgba(19,7,4,.42),inset 0 13px 24px rgba(0,0,0,.31),inset 0 -8px 15px rgba(0,0,0,.25)!important;
}
.mgb-shelf--wooden .mgb-shelf-row::before{
  border-color:rgba(255,229,207,.12)!important;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 2px,rgba(0,0,0,.026) 2px 5px,transparent 5px 15px),
    linear-gradient(180deg,#5b3828 0,#392219 29%,#25140f 64%,#120907 100%)!important;
  box-shadow:0 5px 0 rgba(16,6,3,.9),0 14px 21px rgba(18,6,3,.58),inset 0 2px rgba(255,234,215,.09),0 0 0 1px rgba(91,48,30,.2)!important;
}
.mgb-shelf--wooden .mgb-shelf-row::after{background:linear-gradient(180deg,transparent,rgba(29,10,5,.58))!important}
.mgb-shelf--wooden .mgb-shelf-spine{background:linear-gradient(90deg,#101b24,#1a2a35 46%,#101922)}
.mgb-shelf--wooden.mgb-shelf--focus .mgb-shelf-row.is-focused{
  background:
    radial-gradient(ellipse at 50% 112%,rgba(91,48,30,.2),transparent 52%),
    repeating-linear-gradient(94deg,rgba(255,255,255,.008) 0 2px,rgba(0,0,0,.018) 2px 4px,transparent 4px 17px),
    linear-gradient(180deg,var(--mgb-cabinet-back-top),var(--mgb-cabinet-back-low) 78%)!important;
}

/* v3.3.11.25 — Shelf completeness and presentation-only Multi-Cabinet navigation. */
.mgb-cabinet-overview{
  display:flex;
  align-items:flex-start;
  gap:30px;
  width:100%;
  max-width:100%;
  padding:8px 3px 22px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  box-sizing:border-box;
}
.mgb-cabinet-unit{
  position:relative;
  flex:0 0 min(1040px,calc(100vw - 92px));
  min-width:960px;
  max-width:1040px;
  scroll-snap-align:start;
  box-sizing:border-box;
}
.mgb-cabinet-unit__head,.mgb-cabinet-focus-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:44px;
  padding:0 8px 9px;
  color:#8699a8;
  font-size:.78rem;
  font-weight:850;
}
.mgb-cabinet-unit__head strong{color:#dfeaf1;font-size:.82rem}.mgb-cabinet-unit__head span{white-space:nowrap}
.mgb-cabinet-unit .mgb-shelf,.mgb-cabinet-focus-shell .mgb-shelf{width:100%!important;margin-top:0!important;margin-bottom:18px!important}
.mgb-cabinet-focus-trigger{
  position:absolute;
  z-index:9;
  top:11px;
  right:13px;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(5,11,16,.8);
  color:#a4b5c1;
  font-size:.72rem;
  font-weight:850;
  cursor:pointer;
  opacity:.78;
}
.mgb-cabinet-unit:hover .mgb-cabinet-focus-trigger,.mgb-cabinet-focus-trigger:focus-visible{opacity:1;border-color:rgba(24,168,255,.52);color:#eef9ff;background:rgba(12,28,39,.94)}
.mgb-cabinet-focus-trigger:focus-visible,.mgb-cabinet-focus-back:focus-visible{outline:2px solid #18a8ff;outline-offset:2px}
.mgb-cabinet-focus-shell{width:min(100%,1120px);max-width:100%;margin:0 auto;outline:none}
.mgb-cabinet-focus-bar{padding:5px 8px 12px}.mgb-cabinet-focus-back{min-height:38px!important;padding:0 13px!important}
.mgb-cabinet-overview .mgb-shelf-row__spines,.mgb-cabinet-focus-shell .mgb-shelf:not(.mgb-shelf--focus) .mgb-shelf-row__spines{
  grid-template-columns:repeat(15,minmax(48px,1fr))!important;
}
.mgb-cabinet-overview .mgb-shelf-spine,.mgb-cabinet-focus-shell .mgb-shelf:not(.mgb-shelf--focus) .mgb-shelf-spine{min-width:48px!important}
@media(max-width:1100px){
  .mgb-cabinet-unit{flex-basis:960px;min-width:960px}
}
@media(max-width:767px){
  .mgb-cabinet-overview{gap:22px;padding-inline:0;scroll-padding-inline:0}
  .mgb-cabinet-unit{flex-basis:960px;min-width:960px;max-width:960px}
  .mgb-cabinet-unit__head{padding-inline:5px}
  .mgb-cabinet-focus-shell{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:8px}
  .mgb-cabinet-focus-shell>.mgb-cabinet-focus-bar{position:sticky;left:0;width:calc(100vw - 34px);box-sizing:border-box}
  .mgb-cabinet-focus-shell>.mgb-shelf{width:960px!important;max-width:none!important}
  .mgb-cabinet-focus-trigger{top:7px;right:8px;min-height:32px;padding-inline:9px;font-size:.68rem}
}
@media(prefers-reduced-motion:reduce){.mgb-cabinet-overview{scroll-behavior:auto}.mgb-cabinet-focus-trigger{transition:none}}
/* v3.3.11.26 — true scaled Multi-Cabinet overview; Cabinet Focus remains readable/full-size. */
.mgb-cabinet-overview-shell{width:100%;max-width:100%;min-width:0}
.mgb-cabinet-overview-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:0 4px 10px;color:#8da0ad;font-size:.76rem;font-weight:850}
.mgb-cabinet-overview-nav[hidden]{display:none!important}
.mgb-cabinet-overview-nav__label{color:#cfdce5}
.mgb-cabinet-overview-nav__actions{display:flex;align-items:center;gap:8px}
.mgb-cabinet-overview-nav__actions .mgb-secondary{min-height:34px!important;padding:0 11px!important;font-size:.7rem}
.mgb-cabinet-overview{--mgb-cabinet-overview-gap:30px;gap:var(--mgb-cabinet-overview-gap);padding:8px 0 22px;scroll-snap-type:x mandatory;scroll-padding-inline:0}
.mgb-cabinet-unit{flex:0 0 calc((100% - var(--mgb-cabinet-overview-gap))/2);min-width:0;max-width:none;scroll-snap-align:start;scroll-snap-stop:always;cursor:pointer;outline:none}
.mgb-cabinet-unit::after{content:"";position:absolute;z-index:20;inset:38px 0 8px;border:1px solid transparent;border-radius:8px;pointer-events:none;transition:border-color .15s,box-shadow .15s,background-color .15s}
.mgb-cabinet-unit:hover::after,.mgb-cabinet-unit:focus-visible::after{border-color:rgba(24,168,255,.34);box-shadow:0 0 0 1px rgba(24,168,255,.08);background:rgba(24,168,255,.018)}
.mgb-cabinet-unit:focus-visible{outline:none}
.mgb-cabinet-overview .mgb-shelf{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 9px!important;padding:0 16px!important;box-sizing:border-box}
.mgb-cabinet-overview .mgb-shelf__cap{height:14px;margin-inline:-9px!important}
.mgb-cabinet-overview .mgb-shelf__plinth{height:16px;margin-inline:-10px!important}
.mgb-cabinet-overview .mgb-shelf::before,.mgb-cabinet-overview .mgb-shelf::after{top:10px;bottom:11px;width:10px}
.mgb-cabinet-overview .mgb-shelf::before{left:3px!important}.mgb-cabinet-overview .mgb-shelf::after{right:3px!important}
.mgb-cabinet-overview .mgb-shelf-row{min-height:128px!important;padding:12px 5px 16px!important;box-sizing:border-box}
.mgb-cabinet-overview .mgb-shelf-row::before{bottom:2px!important;height:14px!important}
.mgb-cabinet-overview .mgb-shelf-row::after{left:5px!important;right:5px!important;bottom:16px!important;height:7px!important}
.mgb-cabinet-overview .mgb-shelf-row__spines{min-height:112px!important;grid-template-columns:repeat(15,minmax(0,1fr))!important;gap:3px!important;padding:0 3px!important}
.mgb-cabinet-overview .mgb-shelf-spine{height:108px!important;min-width:0!important;border-radius:2px 2px 1px 1px;pointer-events:none;box-sizing:border-box}
.mgb-cabinet-overview .mgb-shelf-spine__copy{padding:4px 2px 5px;gap:2px}
.mgb-cabinet-overview .mgb-shelf-spine__copy strong{max-height:82px;font-size:.46rem;line-height:1.02}
.mgb-cabinet-overview .mgb-shelf-spine__copy small{font-size:.4rem}
.mgb-cabinet-overview .mgb-shelf-spine__platform-accents{width:3px}
.mgb-cabinet-overview .mgb-cabinet-focus-trigger{display:none!important}
@media(max-width:900px){
  .mgb-cabinet-overview{--mgb-cabinet-overview-gap:20px}
  .mgb-cabinet-unit{flex-basis:100%;min-width:100%;max-width:100%}
}
@media(max-width:767px){
  .mgb-cabinet-overview{--mgb-cabinet-overview-gap:16px;padding-inline:0}
  .mgb-cabinet-unit{flex-basis:100%;min-width:100%;max-width:100%}
  .mgb-cabinet-unit__head{padding-inline:4px}
  .mgb-cabinet-overview .mgb-shelf{padding-inline:14px!important}
  .mgb-cabinet-overview .mgb-shelf-row{min-height:118px!important;padding:10px 4px 15px!important}
  .mgb-cabinet-overview .mgb-shelf-row__spines{min-height:103px!important;gap:2px!important;padding-inline:2px!important}
  .mgb-cabinet-overview .mgb-shelf-spine{height:100px!important}
  .mgb-cabinet-overview-nav{padding-inline:2px}
}
@media(prefers-reduced-motion:reduce){.mgb-cabinet-unit::after{transition:none}}
/* v3.3.11.27 — My Collection platform selector desktop/laptop wrap polish. */
@media(min-width:768px){
  .mgb-platform-nav-wrap{align-items:flex-start}
  .mgb-platform-nav{flex:1 1 auto;min-width:0;max-width:100%;flex-wrap:wrap;overflow:visible;scrollbar-width:none;padding-bottom:0}
  .mgb-platform-nav::-webkit-scrollbar{display:none}
}
/* v3.3.11.170 — mobile Quick Detail viewport reachability repair. */
@media(max-width:767px){
  .mgb-detail-dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overflow:hidden!important}
  .mgb-detail-dialog .mgb-detail-drawer{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
}