/* Full-screen game collection: chunky navigation, one scrolling content pane. */
#hub-dialog[open]{display:grid!important;grid-template-columns:210px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr);gap:0;width:100vw!important;height:100svh!important;max-width:none!important;max-height:none!important;inset:0;margin:0;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:radial-gradient(ellipse at 85% 0,#6657a044,transparent 55%),linear-gradient(125deg,#192644,#302547)!important;color:#fff5df}
#hub-dialog .hub-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 24px;background:linear-gradient(110deg,#4c487e,#2c335b);border-bottom:4px solid #141b33;box-shadow:0 3px #8795c433;z-index:4}
#hub-title{font-size:clamp(24px,3vw,36px);margin:0;text-shadow:0 3px #171b36;letter-spacing:-1px}
#hub-close{min-width:110px;min-height:48px;background:#ce5d7d!important;border:2px solid #ffa4b7!important;border-bottom:5px solid #813653!important;color:white!important;font-size:18px;border-radius:14px}
#hub-tabs{grid-column:1;grid-row:2;display:flex!important;flex-direction:column;gap:10px!important;padding:18px 14px!important;margin:0!important;background:#141c33aa;border-right:3px solid #8197c533;overflow-y:auto;overflow-x:hidden;position:static!important}
#hub-tabs button{display:flex;align-items:center;gap:10px;flex-shrink:0;min-height:66px;width:100%;padding:8px 10px!important;white-space:normal;text-align:left;text-transform:none!important;border-radius:15px!important;border:2px solid #8797c4!important;border-bottom:5px solid #232c51!important;background:linear-gradient(150deg,#52618f,#35416e)!important;color:#f4f4ff!important;transition:transform .12s,filter .12s}
#hub-tabs button img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 2px #172039)}
#hub-tabs button strong{display:block;font-size:17px;line-height:1.1}#hub-tabs button small{display:block;font-size:11px;line-height:1.25;color:#d5dcf2;margin-top:4px}
#hub-tabs button[aria-pressed=true]{background:linear-gradient(130deg,#fff0a5,#ffd35e)!important;color:#49301b!important;border-color:#fff2be!important;border-bottom-color:#b67a31!important;transform:translateX(3px)}#hub-tabs button[aria-pressed=true] small{color:#604326}
#hub-tabs button[data-tab=rewards]{margin-top:10px}#hub-tabs button[data-tab=settings]{margin-top:auto;background:linear-gradient(130deg,#4a596e,#303c55)!important}
#hub-content{grid-column:2;grid-row:2;overflow:auto!important;min-width:0;min-height:0;padding:24px 28px 48px!important;scrollbar-width:thin;scrollbar-color:#ac8dec #202642;scroll-behavior:smooth}
#hub-content::-webkit-scrollbar,#hub-tabs::-webkit-scrollbar{width:12px}#hub-content::-webkit-scrollbar-track,#hub-tabs::-webkit-scrollbar-track{background:#17213d;border-radius:10px}#hub-content::-webkit-scrollbar-thumb,#hub-tabs::-webkit-scrollbar-thumb{background:linear-gradient(#c0a2ff,#8064c1);border:3px solid #17213d;border-radius:12px}
#hub-content button{min-height:48px;font-size:16px;border-radius:13px;border-bottom-width:5px;padding:12px 16px}
#hub-content button:not(:disabled):hover,#hub-tabs button:hover{filter:brightness(1.12)}#hub-content button:not(:disabled):active,#hub-tabs button:active{transform:translateY(3px)}
#hub-content .wardrobe-equipped{display:none!important}#hub-content .wardrobe-top{background:none;border:0;padding:0 0 14px!important}#hub-content .wardrobe-top h2{font-size:30px}#hub-content .wardrobe-top p{font-size:14px;max-width:620px}
#hub-content .wardrobe-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 0 16px!important;margin:0 0 14px;background:transparent;position:relative;top:auto}
#hub-content .wardrobe-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:166px;padding:12px 8px!important;background:linear-gradient(145deg,#5a649c,#34446d);border:2px solid #9dadde;border-bottom:7px solid #202d50;box-shadow:0 5px 0 #11192b66;border-radius:20px;font-size:18px;text-align:center;color:white;overflow:hidden}
#hub-content .wardrobe-tabs button img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 4px 3px #18223a)}#hub-content .wardrobe-tabs button strong{font-size:19px}#hub-content .wardrobe-tabs button span{font-size:13px;opacity:.85}#hub-content .wardrobe-tabs button small{font-size:12px;max-width:100%;line-height:1.3;overflow-wrap:anywhere}
#hub-content .wardrobe-tabs button[aria-pressed=true]{background:linear-gradient(145deg,#ffed9e,#ffc863)!important;border-color:#fff2ba;border-bottom-color:#b87936;box-shadow:0 0 22px #ffd77322;color:#493119}
#hub-content .wardrobe-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:20px!important}#hub-content .wardrobe-section-title h3{font-size:27px}
#hub-content .battle-deck{gap:14px;padding:16px;border:2px solid #92a4cf55;background:#14213c66;border-radius:22px}#hub-content .deck-slot{min-height:190px}#hub-content .deck-slot strong{font-size:18px}#hub-content .deck-slot small{font-size:12px}
#hub-content .research-drawer{margin-top:30px;border:2px solid #caa164;border-bottom:6px solid #6e4f39;border-radius:18px;background:linear-gradient(120deg,#564365,#353255);overflow:hidden}#hub-content .research-drawer>summary{padding:20px;font-size:19px;font-weight:900;cursor:pointer;color:#ffe7a5}#hub-content .research-drawer .legendary-research{margin:0;border:0}
#hub-content .audio-setting{padding:20px;border:2px solid #7287ba;border-radius:18px;background:#40517c;margin-bottom:16px}#hub-content input[type=range]{min-height:36px;accent-color:#ffe28a}#hub-content .bind-grid{gap:14px}#hub-content .bind-grid button{min-width:90px}
@media(max-height:760px) and (min-width:761px){#hub-tabs{gap:6px!important;padding:10px!important}#hub-tabs button{min-height:54px;padding:5px 8px!important}#hub-tabs button img{width:32px;height:32px}#hub-tabs button small{display:none}#hub-tabs button[data-tab=rewards]{margin-top:4px}}
@media(max-width:760px){#hub-dialog[open]{grid-template-columns:90px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr)}#hub-dialog .hub-heading{padding:8px 12px}#hub-tabs{padding:8px 6px!important;gap:8px!important}#hub-tabs button{flex-direction:column;gap:2px;min-height:68px;padding:5px!important;text-align:center}#hub-tabs button img{width:28px;height:28px}#hub-tabs button strong{font-size:11px}#hub-tabs button small{display:none}#hub-content{padding:16px 12px 32px!important}#hub-content .wardrobe-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#hub-content .wardrobe-tabs button{min-height:140px}#hub-content .wardrobe-tabs button img{width:45px;height:45px}#hub-content .wardrobe-tabs button strong{font-size:16px}#hub-content .battle-deck{grid-template-columns:repeat(2,minmax(0,1fr))}#hub-content .deck-slot{min-height:160px}}
@media(prefers-reduced-motion:reduce){#hub-content{scroll-behavior:auto}#hub-tabs button{transition:none}}

#hub-tabs button[data-tab=settings][aria-pressed=true]{background:linear-gradient(130deg,#fff0a5,#ffd35e)!important}
#hub-content .settings-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}#hub-content .settings-categories button{min-height:80px;font-size:22px;font-weight:900;background:linear-gradient(#5a689c,#34416b);border:2px solid #9dacd9;border-bottom:7px solid #232c50;color:#fff;border-radius:18px}
#hub-content .settings-categories button[aria-pressed=true]{background:linear-gradient(#fff0a5,#ffcc6c);color:#483422;border-color:#ffecb2;border-bottom-color:#a97335}
.game-settings-panel[hidden]{display:none!important}#hub-content .collection-filters button{min-height:52px!important;font-size:16px!important;min-width:100px}
@media(max-width:760px){#hub-content .settings-categories{gap:8px}#hub-content .settings-categories button{font-size:14px;padding:8px;min-height:64px}}
#hub-content .deck-slot.selected small,#hub-content .deck-slot.selected span{color:#29434a!important;opacity:1}#hub-content .deck-slot.selected strong{color:#142d32!important}
@media(min-width:761px) and (max-width:1100px){#hub-content .battle-deck{grid-template-columns:repeat(3,minmax(0,1fr))}#hub-content .deck-slot{min-height:160px}}