/* Shared destinations; the desktop home composition remains owned by menu-home.css. */
/* Desktop shortcuts are grouped beside the existing rewards, not hidden below the portrait. */
body.hex-desktop-screens #lobby.home-menu .lobby-tools{padding-top:0;gap:16px;align-self:stretch;height:100%;min-height:0}
body.hex-desktop-screens #lobby.home-menu .lobby-tools>.hub-nav{order:-1}
body.hex-desktop-screens #lobby.home-menu #wizard-menu-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
body.hex-desktop-screens #lobby.home-menu #wizard-menu-links>button:not([data-home-duplicate]):not([title="Practice on Enchanted Forest"]){display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:66px;min-height:66px;padding:6px 5px!important;gap:5px;font-size:14px!important;line-height:1.1;white-space:normal;text-align:center;border-radius:16px;position:relative;overflow:hidden}
body.hex-desktop-screens #lobby.home-menu .lobby-tools>.home-rewards{order:0;flex:0 0 auto;min-height:0;box-sizing:border-box;display:grid;grid-template-rows:18px 96px 58px;gap:8px;padding:10px}
body.hex-desktop-screens #lobby.home-menu .home-rewards h2{margin:0!important}
/* One desktop composition at every viewport size, including the ready state.
   Legacy wrapping placed the copy below the clipped fixed-height reward row. */
body.hex-desktop-screens #lobby.home-menu .home-rewards #chest-action{height:100%;min-height:80px;box-sizing:border-box;padding:8px!important;margin:0!important;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;flex-wrap:nowrap;text-align:left;color:#fff0cd}
body.hex-desktop-screens #lobby.home-menu .home-rewards #chest-action.ready{color:#fff0cd;border-color:#e7c877}
body.hex-desktop-screens #lobby.home-menu .home-rewards #chest-action>img{width:64px;height:58px;grid-column:1;grid-row:1}
body.hex-desktop-screens #lobby.home-menu .home-rewards #chest-action .chest-copy{display:flex;flex-direction:column;min-width:0;gap:5px;grid-column:2;grid-row:1;color:inherit}
body.hex-desktop-screens #lobby.home-menu .home-rewards #chest-action .chest-copy strong{font-size:16px;line-height:1.15;color:#fff0cd;text-shadow:none;white-space:normal}
body.hex-desktop-screens #lobby.home-menu .home-rewards #chest-action .chest-copy small{font-size:10px;line-height:1.3;color:#e7d6f3;white-space:normal}
body.hex-desktop-screens #lobby.home-menu .home-rewards #chest-action .chest-copy progress{height:7px;margin:0}
body.hex-desktop-screens #lobby.home-menu .home-rewards #journey-next{height:58px;min-height:0;margin:0!important;padding:7px!important}
body.hex-desktop-screens #lobby.home-menu .home-rewards #chest-action :is(img,svg){max-height:64px!important;object-fit:contain}
body.hex-desktop-screens #lobby.home-menu #wizard-menu-links>button img{width:30px;height:30px;object-fit:contain}
body.hex-desktop-screens #lobby.home-menu #wizard-menu-links>.desktop-wardrobe{background:linear-gradient(140deg,#fde29e,#e5c56e)!important;color:#382c1c!important;border-color:#fde8b1!important;border-bottom-color:#8b7b4f!important}
body.hex-desktop-screens #lobby.home-menu #wizard-menu-links>.desktop-stats{background:linear-gradient(140deg,#ffe8a3,#e4bd6c)!important;color:#493523!important;border-color:#fff0ba!important;border-bottom-color:#97703b!important}
body.hex-desktop-screens #lobby.home-menu #wizard-menu-links>.desktop-research{background:linear-gradient(#6b5187,#3c2a52)!important}
body.hex-desktop-screens #lobby.home-menu .menu-group h2{font-size:15px!important;letter-spacing:.08em;margin:0 0 12px!important;color:#fff0cd}
body.hex-desktop-screens #lobby.home-menu .wizard-showcase :is(#style-wizard,.profile-stats-button){display:none!important}
/* PC keeps the original wizard-circle cards, ranks and hover sheen. */
body.hex-screen-ui.hex-desktop-screens .guild-dialog:not(.guild-mobile)[open]{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;transform:none;zoom:1;border:0;border-radius:0;padding:24px max(28px,calc((100vw - 1160px)/2));display:flex;flex-direction:column;gap:12px;overflow:hidden;box-shadow:none;animation:none}
body.hex-screen-ui.hex-desktop-screens .guild-dialog:not(.guild-mobile)>.guild-header{flex:none;position:static;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0;text-align:left}
body.hex-screen-ui.hex-desktop-screens .guild-dialog:not(.guild-mobile)>.guild-header h2{margin:6px 0 8px}
body.hex-screen-ui.hex-desktop-screens .guild-dialog:not(.guild-mobile) .guild-close{border-radius:14px!important;min-width:96px;min-height:48px}
body.hex-screen-ui.hex-desktop-screens .guild-dialog:not(.guild-mobile)>:is(.guild-identity,.guild-tabs,.guild-notice){flex:none;margin:0;min-height:0}
body.hex-screen-ui.hex-desktop-screens .guild-dialog:not(.guild-mobile)>.guild-content{flex:1;min-height:0;overflow:auto;padding:6px 10px 16px 4px;scrollbar-width:thin;scrollbar-color:#c3a1e3 #302541;overscroll-behavior:contain}
body.hex-screen-ui.hex-desktop-screens .guild-dialog:not(.guild-mobile) .guild-button:not(.guild-card-open){position:relative;overflow:hidden}
body.hex-screen-ui.hex-desktop-screens .guild-dialog:not(.guild-mobile) .guild-button:not(.guild-card-open)::after{content:'';position:absolute;inset:-40% -60%;background:linear-gradient(110deg,transparent 35%,#fff4d746 50%,transparent 65%);transform:translateX(-100%);pointer-events:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body.hex-screen-ui.hex-desktop-screens .guild-dialog:not(.guild-mobile) .guild-button:not(.guild-card-open):hover::after{animation:guild-button-sheen .65s ease-out}
}
@keyframes guild-button-sheen{to{transform:translateX(100%)}}
body.hex-screen-ui #hub-dialog[open]{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;transform:none!important;zoom:1!important;border:0!important;border-radius:0!important;padding:0!important;overflow:hidden!important;background:radial-gradient(ellipse at 10% 0,#503862,transparent 65%),#241b35;color:#fff0d7}
body.hex-screen-ui #hub-tabs{display:none!important}
body.hex-screen-ui #hub-dialog .wardrobe-page-back{display:none!important}
body.hex-screen-ui #hub-close{margin-left:auto!important}
body.hex-screen-ui #hub-dialog[data-tab=research] #hub-content{overflow:auto!important;padding:20px!important}
body.hex-screen-ui .desktop-more{display:flex;align-items:center;gap:8px}
body.hex-screen-ui .desktop-more img{width:24px;height:24px;object-fit:contain}
body.hex-fixed-home .desktop-destination{display:none!important}
body.hex-screen-ui .fh-more{overflow:hidden}
body.hex-screen-ui .fh-more .fh-more-grid{overflow:auto;max-height:calc(100dvh - 110px);padding:3px 5px 12px;scrollbar-width:thin}
/* Hit surfaces stay transparent so cards and previews retain their art. */
body.hex-screen-ui :where(dialog button:not([class*="hit"]):not([class*="preview"]):not(.stats-wizard-button),dialog summary){font-family:'Trebuchet MS',sans-serif;font-weight:800;color:#fff0d7;background:linear-gradient(#75518e,#423050);border:1px solid #b99bd4;border-bottom:4px solid #34203f;border-radius:14px;box-shadow:0 3px #1b1129;min-height:44px;padding:8px 14px;cursor:pointer;touch-action:manipulation}
body.hex-screen-ui :is(dialog,#lobby,#overlay) button:not(:disabled):focus-visible{outline:3px solid #fce29c;outline-offset:-3px}
body.hex-screen-ui :is(dialog,#overlay) button:not([class*="hit"]):not([class*="preview"]):not(.guild-card-open):not([class*="card"]):not([class*="slot"]){border-radius:14px;touch-action:manipulation}
body.hex-screen-ui :is(dialog,#overlay) button:disabled{cursor:default}
@media(prefers-reduced-motion:no-preference){body.hex-screen-ui :is(dialog,#lobby,#overlay) button:not(:disabled):active{filter:brightness(1.13)}}

/* Desktop uses the same card interactions with deliberate desktop-sized proportions. */
body.hex-screen-ui.hex-desktop-screens #hub-dialog[open][data-tab]{grid-template-rows:76px minmax(0,1fr)!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab]>.hub-heading{height:76px!important;padding:12px 28px!important;gap:20px!important;border-bottom:2px solid #9e79c544;background:#20142ee8}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab] #hub-title{font-size:30px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab] #hub-close{height:48px!important;min-height:48px!important;min-width:100px!important;font-size:18px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab] #hub-content{padding:22px clamp(20px,3vw,56px)!important;max-width:1600px;width:100%;justify-self:center;margin-inline:auto;box-sizing:border-box}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab] #hub-wallet{font-size:17px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-room{grid-template-columns:minmax(240px,.85fr) minmax(0,2fr);gap:24px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-preview{padding:18px;grid-template-rows:32px minmax(0,1fr) 24px 50px;gap:12px;border-radius:26px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-preview h2{font-size:24px!important;line-height:32px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-status{font-size:16px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-actions{grid-template-columns:1fr 52px;gap:10px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-actions button{height:50px!important;font-size:17px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-actions button:last-child{font-size:0!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-collection>.wardrobe{grid-template-rows:64px 48px minmax(0,1fr) 26px!important;gap:12px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs button{height:64px!important;font-size:18px!important;padding:8px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs button strong{font-size:16px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs button img{width:32px!important;height:34px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .collection-filters button{height:48px!important;font-size:16px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:clamp(220px,36vh,340px)!important;gap:16px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards article.cosmetic-expand-card{padding:14px!important;grid-template-rows:minmax(0,1fr) 42px 24px;gap:8px!important;border-radius:22px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expand-card h3{font-size:18px!important;line-height:21px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded:not([hidden]){padding:24px!important;gap:20px;grid-template-rows:50px minmax(0,1fr)}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-body h3{font-size:30px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-body small{font-size:17px;line-height:1.5}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .mobile-spellbook{grid-template-columns:260px minmax(0,1fr)!important;gap:24px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .ms-loadout{padding:18px!important;border-radius:24px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .ms-loadout h2{font-size:24px!important;margin-bottom:14px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .battle-deck{gap:12px!important;grid-template-rows:repeat(4,minmax(74px,1fr)) 36px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .deck-slot{grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:22px 24px!important;gap:0 10px!important;padding:10px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .deck-slot :is(img,svg){width:50px!important;height:50px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .deck-slot:not(.ms-dash) :is(img,svg){max-width:50px!important;max-height:50px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .ms-detail{padding:24px!important;gap:18px!important;grid-template-rows:50px minmax(0,1fr)!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .ms-detail-body h2{font-size:30px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .ms-detail-copy p{font-size:20px!important;line-height:1.5!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .ms-detail-copy small{font-size:16px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .ms-detail button{min-height:48px!important;font-size:18px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .deck-slot :is(small,strong){font-size:16px!important;line-height:22px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .ms-browse{grid-template-rows:50px minmax(0,1fr) 26px!important;gap:16px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .ms-toolbar button{font-size:17px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .card-grid{grid-auto-rows:280px!important;gap:16px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .spell-card{padding:14px!important;gap:8px!important;border-radius:22px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .spell-card h3{font-size:18px!important;line-height:21px!important}
body.hex-screen-ui.hex-desktop-screens .ms-room,body.hex-screen-ui.hex-desktop-screens .mp-room{gap:24px;grid-template-rows:minmax(0,1fr) 52px}
body.hex-screen-ui.hex-desktop-screens .ms-list{grid-auto-rows:155px;gap:16px}
body.hex-screen-ui.hex-desktop-screens .ms-card img{width:60px!important;height:60px!important}
body.hex-screen-ui.hex-desktop-screens .ms-card strong{font-size:17px}
body.hex-screen-ui.hex-desktop-screens .ms-card small{font-size:13px}
body.hex-screen-ui.hex-desktop-screens .ms-detail,body.hex-screen-ui.hex-desktop-screens .mp-detail{padding:24px;gap:16px;border-radius:26px}
body.hex-screen-ui.hex-desktop-screens .ms-detail{grid-template-rows:auto minmax(100px,1fr) 52px auto auto 52px}
body.hex-screen-ui.hex-desktop-screens #hub-content :is(.ms-name,.mp-name) h3{font-size:30px!important}
body.hex-screen-ui.hex-desktop-screens :is(.ms-btn,.mp-button){font-size:17px;min-height:48px}
body.hex-screen-ui.hex-desktop-screens :is(.ms-note,.ms-progress small,.mp-copy small){font-size:15px;line-height:1.5}
body.hex-screen-ui.hex-desktop-screens .mp-card{grid-template-columns:70px minmax(0,1fr);padding:24px;gap:10px 16px}
body.hex-screen-ui.hex-desktop-screens .mp-card img{width:68px!important;height:68px!important}
body.hex-screen-ui.hex-desktop-screens .mp-card strong{font-size:22px}
body.hex-screen-ui.hex-desktop-screens .mp-card small{font-size:15px}
body.hex-screen-ui.hex-desktop-screens #hub-content .mp-copy p{font-size:18px!important;line-height:1.6!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=settings] #hub-content{max-width:1320px;grid-template-rows:60px minmax(0,1fr) 24px!important;gap:20px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=settings] #hub-content .settings-categories button{height:60px!important;font-size:20px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=settings] #hub-content .game-settings-panel{gap:24px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=settings] #hub-content :is(.audio-setting,.motion-settings){padding:24px!important;min-height:130px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=settings] #hub-content p{font-size:16px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=settings] #hub-content [data-settings-panel=controls]>:is(p,h3,.bind-grid,#reset-binds){grid-column:1/-1;grid-row:auto}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=settings] #hub-content [data-settings-panel=controls]>:is([data-aim-setting],[data-replay-tutorial]){grid-column:auto;grid-row:auto}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=settings] #hub-content .bind-grid{gap:14px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=settings] #hub-content .bind-grid button :is(svg,.hex-ui-icon){width:52px!important;height:32px!important;max-width:100%!important}
body.hex-screen-ui.hex-desktop-screens .mt-vault{gap:24px!important}
body.hex-screen-ui.hex-desktop-screens .mt-vault .vault-stage{padding:26px!important}
body.hex-screen-ui.hex-desktop-screens .mt-vault .vault-title{font-size:32px!important}
body.hex-screen-ui.hex-desktop-screens .mt-vault .vault-scene .treasure-icon{width:clamp(200px,32vh,340px)!important;height:clamp(200px,32vh,340px)!important}
body.hex-screen-ui.hex-desktop-screens .mt-vault :is(.vault-ready,.vault-earn){font-size:17px!important}
body.hex-screen-ui.hex-desktop-screens .mt-vault .vault-progress{padding:24px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-room{grid-template-rows:36px 110px minmax(0,1fr) 52px;gap:18px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-node{flex-basis:160px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-room button{font-size:17px!important}
body.hex-screen-ui.hex-desktop-screens .guild-dialog.guild-mobile[open]{padding:24px max(28px,calc((100vw - 1160px)/2)) 16px;gap:18px}
body.hex-screen-ui.hex-desktop-screens .guild-mobile .guild-header{min-height:56px}
body.hex-screen-ui.hex-desktop-screens .guild-mobile .guild-header h2{font-size:32px}
body.hex-screen-ui.hex-desktop-screens .guild-mobile .guild-card{min-height:112px;padding:20px;gap:20px;grid-template-columns:76px minmax(0,1fr) auto}
body.hex-screen-ui.hex-desktop-screens .guild-mobile .guild-card>.wizard-portrait{width:76px;height:76px}
body.hex-screen-ui.hex-desktop-screens .guild-mobile .guild-card-copy strong{font-size:23px}
body.hex-screen-ui.hex-desktop-screens .guild-mobile .guild-button{min-height:48px;font-size:18px}
@media(min-width:761px) and (min-height:551px){
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog[open]{padding:24px max(28px,calc((100vw - 1400px)/2))!important;grid-template-columns:minmax(240px,.7fr) minmax(0,1.6fr)!important;grid-template-rows:56px 56px minmax(0,1fr) minmax(0,1fr) 32px!important;gap:20px!important}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-heading h2{font-size:32px!important}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-kills small{font-size:16px}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-kills strong{font-size:46px}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-emblem.stats-wizard-emblem{height:clamp(160px,28vh,250px);min-height:130px}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-hero h3{font-size:26px}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-hero span{font-size:15px}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-trophies article{gap:12px;grid-template-rows:36px auto auto;padding:20px 10px}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-trophies strong{font-size:36px}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-trophies span{font-size:16px;line-height:1.3}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-trophies :is(img,svg){width:32px!important;height:32px!important}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-tabs button{height:54px;min-height:54px;font-size:18px}
body.hex-screen-ui.hex-desktop-screens .profile-stats-dialog .chronicle-note{font-size:14px!important;line-height:20px!important}
}

body.hex-screen-ui.hex-desktop-screens #practice-panel.pr-room{width:100vw!important;height:100dvh!important;border:0;border-radius:0;padding:24px max(28px,calc((100vw - 1400px)/2))!important}
html body.hex-screen-ui.hex-desktop-screens #lobby #practice-panel.pr-room{width:100vw!important;height:100dvh!important;border:0;border-radius:0;padding:24px max(28px,calc((100vw - 1400px)/2))!important}
body.hex-screen-ui.hex-desktop-screens #practice-panel.pr-room .pr-deck button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}
body.hex-screen-ui.hex-desktop-screens #practice-panel.pr-room .pr-deck button>:is(img,svg,.pr-random){width:110px!important;height:110px!important;max-height:110px!important;font-size:80px}
body.hex-screen-ui.hex-desktop-screens #practice-panel.pr-room .pr-deck strong{font-size:25px}
body.hex-screen-ui.hex-desktop-screens #practice-panel.pr-room .pr-deck small{font-size:17px}
body.hex-screen-ui.hex-desktop-screens .mp-hero{justify-content:flex-start}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-stage{padding:24px;gap:24px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-art{max-height:210px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-art :is(img,svg){max-width:230px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-hero h3{font-size:26px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-hero small{font-size:16px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-loot :is(.reward-currency,.rw-credit-loot){padding:18px 8px;gap:10px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-loot b{font-size:28px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog #hub-content .rw-loot small{font-size:15px}
body.hex-screen-ui.hex-desktop-screens .reward-bazaar .bazaar-display>img{max-height:300px!important}
body.hex-screen-ui.hex-desktop-screens #hub-content .reward-bazaar .bazaar-offer h3{font-size:30px!important}
body.hex-screen-ui.hex-desktop-screens #hub-content .reward-bazaar .bazaar-offer p{font-size:18px!important;line-height:1.5!important}
body.hex-screen-ui.hex-desktop-screens #hub-content .reward-bazaar .bazaar-offer>small{font-size:15px!important}
body.hex-screen-ui.hex-desktop-screens .reward-bazaar .bazaar-prices button{min-height:60px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-road{grid-template-rows:48px 100px minmax(0,1fr)!important;gap:18px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-top button{min-height:44px!important;font-size:17px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-rank{flex-basis:170px!important;grid-template-columns:48px minmax(0,1fr)!important;gap:6px!important;padding:10px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-rank strong{font-size:16px!important;line-height:19px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-rank small{font-size:14px!important;line-height:17px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-hero{padding:22px!important;gap:12px!important;grid-template-columns:90px minmax(0,1fr)!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-emblem :is(img,svg){width:88px!important;height:100px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-hero h2{font-size:26px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content :is(.rr-requirement,.rr-state,.rr-rules,.rr-status){font-size:16px!important;line-height:1.4!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-rewards{padding:20px!important;gap:16px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-rewards h3{font-size:20px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-loot{gap:16px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-loot>span{padding:14px!important;min-height:100px!important;font-size:17px!important;gap:12px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=ranks] #hub-content .rr-loot>span img{width:52px!important;height:52px!important}
@media(min-width:761px) and (max-height:580px){
 body.hex-screen-ui.hex-desktop-screens #hub-dialog[open][data-tab]{grid-template-rows:60px minmax(0,1fr)!important}
 body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab]>.hub-heading{height:60px!important}
 body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab] #hub-content{padding:12px 20px!important}
 body.hex-screen-ui.hex-desktop-screens .ms-detail{gap:8px;grid-template-rows:auto minmax(40px,1fr) 44px auto auto 44px;padding:12px}
 body.hex-screen-ui.hex-desktop-screens .mp-card{padding:12px;grid-template-columns:44px minmax(0,1fr)}
 body.hex-screen-ui.hex-desktop-screens .mp-card img{width:44px!important;height:44px!important}
}
@media(min-width:761px) and (max-width:1100px){
 body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin}
 body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs button{flex:1 0 140px!important;min-width:140px!important}
}
@media(min-width:761px) and (max-width:980px){
 body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-room{grid-template-columns:210px minmax(0,1fr)}
 body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .mobile-spellbook{grid-template-columns:210px minmax(0,1fr)!important}
 body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards,body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.hex-screen-ui.hex-desktop-screens .ms-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.hex-screen-ui.hex-desktop-screens .mp-card{grid-template-columns:1fr;justify-items:center;text-align:center}
 body.hex-screen-ui.hex-desktop-screens .mp-card :is(img,strong,small){grid-column:1;grid-row:auto}
}

/* Stable desktop wardrobe proportions; fit uniformly instead of squeezing columns. */
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content{position:relative}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-room{position:absolute;width:1100px;height:620px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--wardrobe-fit,1));transform-origin:center;grid-template-columns:330px minmax(0,1fr);gap:24px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .fitting-preview{height:580px;align-self:center;grid-template-rows:32px minmax(0,1fr) 24px 50px}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs button{min-width:0!important;flex:none!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:300px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-preview{overflow:visible!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-effect-ground,body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-effect-air{inset:-12px -18px!important;width:calc(100% + 36px)!important;height:calc(100% + 24px)!important}

.menu-hover-anchor{position:relative}
.menu-hover-sheen{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:5}
.menu-hover-sheen>i{position:absolute;inset:0 auto 0 0;width:55%;background:linear-gradient(90deg,transparent,#fff7,transparent);pointer-events:none}
@media(hover:hover) and (pointer:fine){
 body.hex-screen-ui :is(dialog,#lobby,#overlay) :is(button,summary):not(:disabled){transition:filter .15s,box-shadow .15s}
 body.hex-screen-ui :is(dialog,#lobby,#overlay) :is(button,summary):not(:disabled):hover{filter:brightness(1.12);box-shadow:inset 0 0 0 1px #fff5,0 4px 12px #c499ff35}
}

/* More complements each home composition instead of repeating its shortcuts. */
body.hex-desktop-screens .fh-more .mobile-more-only{display:none!important}
body.hex-desktop-screens .fh-more .fh-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.hex-desktop-screens #lobby.home-menu .home-header #settings-button{width:48px;min-width:48px;height:48px;padding:5px!important;background:linear-gradient(150deg,#796298,#433054);border:2px solid #bc99df;border-bottom:5px solid #30203f;border-radius:14px}
body.hex-desktop-screens #settings-button img{width:32px;height:32px;object-fit:contain;display:block}
body.hex-desktop-screens #lobby.home-menu .home-header #account-open{position:relative;width:auto;max-width:200px;min-height:48px;padding:10px 14px 10px 48px!important;font-size:13px!important;font-weight:800;color:#fff0d7;background:linear-gradient(145deg,#8262a2,#4d3469);border:2px solid #d0acee;border-bottom:5px solid #352043;border-radius:14px;box-shadow:inset 0 1px #fff3,0 3px #140c2380;text-align:left}
body.hex-desktop-screens #account-open:before{content:'';position:absolute;left:10px;top:50%;width:30px;height:30px;transform:translateY(-50%);background:url('art/ui-wizard.svg') center/contain no-repeat;pointer-events:none}

/* The heading gets its real line height, not the old 22px mobile row. */
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-loadout{grid-template-rows:auto minmax(0,1fr)!important;row-gap:6px!important}
body.hex-screen-ui #hub-dialog[data-tab=collection] #hub-content .ms-loadout h2{margin:0!important;line-height:1.25!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .ms-loadout{row-gap:14px!important}
body.hex-screen-ui.hex-desktop-screens #hub-dialog[data-tab=collection] #hub-content .battle-deck{overflow-y:auto!important}