body.hex-screen-ui #hub-dialog[data-tab=collection][open]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px minmax(0,1fr)!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-tabs,body.hex-screen-ui #hub-dialog[data-tab=collection] .wardrobe-page-back{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] .hub-heading{height:48px!important;min-height:0!important;grid-column:1!important;padding:3px 10px!important;gap:8px!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-title{font-size:21px!important;white-space:nowrap!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-wallet{margin-left:auto!important;font-size:13px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-wallet small{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-close{min-height:42px!important;height:42px!important;min-width:70px!important;font-size:14px!important;padding:5px 10px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content{grid-column:1!important;grid-row:2!important;min-height:0!important;height:100%!important;padding:6px 10px max(8px,env(safe-area-inset-bottom))!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .mobile-spellbook{position:relative!important;display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:10px!important;height:100%!important;min-height:0!important;color:#fff0d2!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-loadout{display:flex!important;flex-direction:column!important;min-height:0!important;padding:8px!important;border:2px solid #ac8acc!important;border-bottom:5px solid #664183!important;border-radius:18px!important;background:linear-gradient(145deg,#49315d,#241a37)!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-loadout h2{font-size:16px!important;margin:0 0 5px!important;text-align:center!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .battle-deck{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(4,minmax(44px,1fr)) 28px!important;gap:5px!important;padding:0!important;margin:0!important;flex:1!important;min-height:0!important;background:none!important;border:0!important;overflow-y:auto!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:18px 18px!important;align-content:center!important;gap:0 5px!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:4px!important;text-align:left!important;border:1px solid #a08abc!important;border-bottom:4px solid #211330!important;border-radius:10px!important;background:linear-gradient(#604478,#32213f)!important;color:#fff0d2!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot.selected{background:linear-gradient(#ffe599,#f2c86d)!important;color:#3b2922!important;border-color:#ffedb8!important;border-bottom-color:#a56b36!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot :is(img,svg){grid-column:1!important;grid-row:1/3!important;width:34px!important;height:34px!important;margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot small{grid-column:2!important;grid-row:1!important;font-size:12px!important;line-height:18px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot strong{grid-column:2!important;grid-row:2!important;font-size:12px!important;line-height:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot.universal{display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;font-size:12px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot.universal strong,body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot.universal span{font-size:12px!important;line-height:14px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot.ms-dash{display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;min-height:28px!important;padding:0!important;border:0!important;background:none!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-dash :is(img,svg){width:23px!important;height:23px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-dash span{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-browse{display:grid!important;grid-template-rows:40px minmax(0,1fr) 24px!important;gap:7px!important;min-height:0!important;min-width:0!important;position:relative!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;gap:5px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-toolbar button{min-height:40px!important;padding:4px 8px!important;font-size:14px!important;border-radius:12px!important;border:1px solid #ac8acc!important;border-bottom:4px solid #34233f!important;background:linear-gradient(#795c91,#554068)!important;color:#fff0d2!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-toolbar button[aria-pressed=true]{background:linear-gradient(#fce097,#eac765)!important;color:#382c1c!important;border-color:#fde4a1!important;border-bottom-color:#8d7d4f!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:clamp(150px,calc(100% - 22px),230px)!important;align-content:start!important;gap:8px!important;min-height:0!important;overflow-y:auto!important;padding:0 3px 0 0!important;margin:0!important;scroll-snap-type:y proximity!important;scrollbar-width:thin!important;scrollbar-color:#cca4ef #23152e!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .spell-card{position:relative!important;display:grid!important;grid-template-rows:minmax(40px,1fr) 36px 18px 20px!important;gap:3px!important;min-width:0!important;min-height:0!important;height:auto!important;padding:8px!important;border:2px solid var(--rarity,#ad93d3)!important;border-bottom-width:6px!important;border-radius:16px!important;background:radial-gradient(ellipse at 50% 20%,#ac80d444,transparent 70%),linear-gradient(145deg,#463353,#29223c)!important;scroll-snap-align:start!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .spell-card.equipped{box-shadow:inset 0 0 0 2px #fcdd8a!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .card-art{display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:100%!important;width:100%!important;margin:0!important;padding:0!important;background:radial-gradient(ellipse,#cab0f12a,transparent 70%)!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .card-art :is(img,svg){width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .spell-card h3{display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;line-height:18px!important;margin:0!important;text-align:center!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-card-status{font-size:12px!important;line-height:18px!important;text-align:center!important;color:#dccae9!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-card-hint{font-size:12px!important;line-height:20px!important;text-align:center!important;color:#fcdd8a!important;font-weight:800!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-card-hit{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:inherit!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-card-hit:focus-visible{outline:3px solid #fcdd8a!important;outline-offset:-5px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-card-hit:active{background:#fcdd8a1a!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-scroll-cue{grid-row:3!important;display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:12px!important;color:#dfcfed!important;border-top:1px solid #ad89d144!important;padding:0 4px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-scroll-track{width:70px!important;height:5px!important;background:#170d27!important;border-radius:5px!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-scroll-track i{display:block!important;height:100%!important;background:linear-gradient(90deg,#ad83db,#fcdd8a)!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-empty{position:absolute!important;top:55px!important;left:0!important;right:0!important;text-align:center!important;color:#dccae9!important;pointer-events:none!important;font-size:14px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-detail{position:absolute!important;inset:0!important;z-index:20!important;display:grid!important;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr)!important;grid-template-rows:40px minmax(0,1fr)!important;gap:8px 14px!important;padding:10px!important;border:2px solid #cea5f1!important;border-bottom:6px solid #684083!important;border-radius:20px!important;background:radial-gradient(ellipse at 25% 50%,#7851a655,transparent 65%),linear-gradient(130deg,#392249,#1e1530)!important;box-shadow:0 0 28px #b18bff33!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-back{grid-column:1/-1!important;justify-self:start!important;min-height:40px!important;padding:4px 18px!important;font-size:14px!important;border:1px solid #e0adc8!important;border-bottom:4px solid #553044!important;border-radius:12px!important;background:linear-gradient(#c57096,#87496c)!important;color:#fff0d7!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-visual{min-height:0!important;overflow:hidden!important;border-radius:18px!important;background:radial-gradient(ellipse,#b79bdf33,transparent 70%)!important;padding:16px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-detail-body{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:8px!important;min-height:0!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-detail-body h2{font-size:22px!important;line-height:1.15!important;margin:0!important;color:#ffedb6!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-detail-copy{overflow-y:auto!important;min-height:0!important;font-size:15px!important;line-height:1.4!important;padding-right:5px!important;scrollbar-width:thin!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-detail-copy p{font-size:16px!important;line-height:1.4!important;margin:10px 0!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-detail-copy small{font-size:13px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-detail-copy .copy-track{margin:10px 0 4px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-actions{padding-top:8px!important;border-top:1px solid #ac83c466!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-actions button{width:100%!important;min-height:44px!important;font-size:15px!important;padding:8px!important;border:1px solid #fdebbb!important;border-bottom:5px solid #837141!important;border-radius:13px!important;background:linear-gradient(#fce097,#e4be54)!important;color:#382c1c!important;font-weight:800!important;white-space:normal!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-actions button:disabled{background:#54465f!important;color:#d8cbe2!important;border-color:#81718e!important;border-bottom-color:#35283e!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content *{animation:none!important;transition:none!important}}

/* Bound the actual image assets independently of their intrinsic SVG size. */
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-loadout{display:grid!important;grid-template-rows:22px minmax(0,1fr)!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .battle-deck{grid-template-rows:repeat(4,minmax(0,1fr)) 28px!important;overflow:hidden!important;align-content:stretch!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot{overflow:hidden!important;min-height:0!important;grid-column:1!important;grid-row:auto!important;transform:none!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot :is(img,svg){object-fit:contain!important;max-width:34px!important;max-height:34px!important;min-width:0!important;min-height:0!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot :is(strong,small,span){margin:0!important;letter-spacing:normal!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .deck-slot.ms-dash :is(img,svg){max-width:23px!important;max-height:23px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-ultimate-locked{gap:2px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-ultimate-locked strong{white-space:normal!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-ultimate-locked span{font-size:11px!important;line-height:13px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .card-art{position:relative!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .card-art :is(img,svg){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;min-height:0!important;object-fit:contain!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .spell-card h3{position:relative!important;z-index:1!important;grid-row:2!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .spell-card .card-art{grid-row:1!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-card-status{grid-row:3!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-card-hint{grid-row:4!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-card-hit{z-index:2!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-visual .card-art{height:100%!important;width:100%!important}