#fixed-home[hidden]{display:none!important}
body.hex-fixed-home #lobby.home-menu>.home-layout{display:none!important}
body.hex-fixed-home #lobby.home-menu{padding:0!important}
body.hex-fixed-home #fixed-home{position:fixed;inset:0;box-sizing:border-box;display:grid;grid-template-rows:44px minmax(0,1fr) 54px;gap:8px;padding:max(6px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden;color:#fff0d7;font-family:'Trebuchet MS',sans-serif}
body.hex-fixed-home #fixed-home *{box-sizing:border-box}
body.hex-fixed-home .fh-header{display:flex;align-items:center;gap:12px;min-width:0}
body.hex-fixed-home .fh-logo{font-size:29px;font-weight:950;letter-spacing:-1px;text-shadow:0 3px #21102f;transform:rotate(-3deg)}
body.hex-fixed-home .fh-logo span{color:#fcd879}
body.hex-fixed-home .fh-wallet{margin-left:auto}
body.hex-fixed-home #fixed-home #wallet{display:flex;gap:8px;font-size:15px}
body.hex-fixed-home #fixed-home #wallet .currency{padding:5px 10px;min-height:38px;font-size:15px!important}
body.hex-fixed-home .fh-settings{width:48px;min-height:44px;font-size:25px}
body.hex-fixed-home .fh-main{display:grid;grid-template-columns:minmax(135px,.8fr) minmax(150px,1.35fr) minmax(230px,1.25fr);gap:14px;min-height:0;overflow:hidden}
body.hex-fixed-home .fh-rank{min-height:0;display:flex;align-items:center}
body.hex-fixed-home #fixed-home .home-rank-hero{height:100%;min-height:0!important;max-height:285px;width:100%;padding:8px!important;gap:4px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
body.hex-fixed-home #fixed-home .home-rank-hint,body.hex-fixed-home #fixed-home #solo-record,body.hex-fixed-home #fixed-home .rank-progress-box{display:none!important}
body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini{height:auto!important;display:flex;flex-direction:column;gap:4px}
body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini>span{width:90px!important;height:95px!important;flex:0 0 95px!important}
body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini img,body.hex-fixed-home #fixed-home .home-rank-hero #rank-emblem svg{width:90px!important;height:95px!important}
body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini strong{font-size:19px!important;white-space:normal;line-height:1.1}
body.hex-fixed-home #fixed-home #solo-elo{font-size:23px!important}
body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini small{font-size:12px!important;margin:4px 0}
body.hex-fixed-home .fh-character{display:grid;grid-template-rows:26px minmax(0,1fr);min-height:0;min-width:0;align-self:stretch}
body.hex-fixed-home .fh-name{font-size:18px;line-height:26px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 5px #000}
body.hex-fixed-home .fh-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
body.hex-fixed-home #fixed-home .home-equipped-wizard{position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;max-width:400px;object-fit:contain;aspect-ratio:16/9;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 4px 8px #c398ec66)}
body.hex-fixed-home .fh-actions{display:grid;grid-template-rows:48px minmax(58px,1fr) 64px;gap:10px;max-height:245px;align-self:center;min-height:0;height:100%}
body.hex-fixed-home .fh-queues{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
body.hex-fixed-home #fixed-home button{touch-action:manipulation;cursor:pointer;border:1px solid #c3a4ff88;border-bottom:4px solid #271539;border-radius:13px;background:linear-gradient(#60427f,#342146);color:#fff0d7;font-family:inherit;font-weight:800;min-width:0;box-shadow:0 2px #180c28}
body.hex-fixed-home #fixed-home button:focus-visible{outline:3px solid #fcd879;outline-offset:-3px}
body.hex-fixed-home #fixed-home .fh-queue{font-size:20px;min-height:48px;padding:5px}
body.hex-fixed-home #fixed-home .fh-queue[aria-pressed=true]{background:linear-gradient(#6457b3,#473977);border-color:#a6eaff;box-shadow:0 0 14px #6ac8ff44}
body.hex-fixed-home #fixed-home .fh-play{font-size:34px;background:linear-gradient(#fce29e,#e8bd47);border:2px solid #fdecbf;border-bottom:6px solid #79582d;color:#3b2912;box-shadow:0 0 24px #fbd36135;position:relative;overflow:hidden;padding:5px}
body.hex-fixed-home #fixed-home .fh-play span{display:block;font-size:12px}
body.hex-fixed-home #fixed-home .fh-play:after{content:'';position:absolute;top:-50%;bottom:-50%;width:35%;background:linear-gradient(90deg,transparent,#ffffff66,transparent);transform:rotate(20deg);animation:fh-shine 5s infinite;pointer-events:none}
body.hex-fixed-home .fh-kit{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.hex-fixed-home #fixed-home .fh-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;font-size:14px;padding:5px}
body.hex-fixed-home .fh-button img{width:34px;height:38px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px #21102f)}
body.hex-fixed-home .fh-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:0}
.fh-more{color:#fff0d7;background:linear-gradient(135deg,#29173f,#141024);border:2px solid #b48ae0;border-radius:20px;padding:16px;width:min(680px,90vw);max-height:90dvh;overflow:auto}
.fh-more:not([open]){display:none}
.fh-more>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fh-more h2{margin:0;font-size:22px}.fh-more button{min-height:48px;font-size:15px}.fh-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fh-more .fh-button{display:flex;align-items:center;gap:8px;padding:8px}.fh-more .fh-button img{width:30px;height:30px}.fh-rename{margin-top:12px}.fh-rename .lobby-name-editor{display:block!important;width:100%!important}.fh-rename input{font-size:17px!important;min-height:44px;width:100%}.fh-rename>label>span{display:block;font-size:12px}
body.hex-fixed-home.watching-background #fixed-home{visibility:hidden;pointer-events:none}
@keyframes fh-shine{0%,65%{left:-70%}90%,100%{left:140%}}
@media(max-height:340px){body.hex-fixed-home #fixed-home{grid-template-rows:40px minmax(0,1fr) 48px;gap:6px}body.hex-fixed-home .fh-actions{grid-template-rows:44px minmax(54px,1fr) 48px;gap:6px}body.hex-fixed-home #fixed-home .fh-queue{min-height:44px}body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini>span{height:72px!important;flex-basis:72px!important}body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini img,body.hex-fixed-home #fixed-home .home-rank-hero #rank-emblem svg{height:72px!important}body.hex-fixed-home #fixed-home .fh-play{font-size:28px}}
@media(prefers-reduced-motion:reduce){body.hex-fixed-home #fixed-home *{animation:none!important}}
@media(max-height:300px){body.hex-fixed-home #fixed-home{grid-template-rows:36px minmax(0,1fr) 44px;gap:4px;padding-top:4px;padding-bottom:4px}body.hex-fixed-home .fh-actions{grid-template-rows:44px minmax(52px,1fr) 44px;gap:4px}body.hex-fixed-home #fixed-home .fh-footer .fh-button{min-height:44px}body.hex-fixed-home .fh-logo{font-size:25px}body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini strong{font-size:16px!important}}
/* Isolate the fixed header from legacy page-header spacing and flex rules. */
body.hex-fixed-home #fixed-home .fh-header{position:relative;inset:auto;width:100%;max-width:none;height:44px;min-height:0;margin:0;padding:0;border:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto 48px;justify-content:stretch;gap:10px;align-items:center}
body.hex-fixed-home #fixed-home .fh-logo{justify-self:start;font-size:27px;line-height:1;white-space:nowrap}
body.hex-fixed-home #fixed-home .fh-wallet{margin:0;min-width:0;justify-self:end}
body.hex-fixed-home #fixed-home #wallet{margin:0;padding:0;gap:7px;width:auto;min-width:0;align-items:center}
body.hex-fixed-home #fixed-home #wallet .currency{min-width:70px;height:40px;min-height:40px;padding:4px 8px!important;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px!important}
body.hex-fixed-home #fixed-home #wallet .currency small,body.hex-fixed-home #fixed-home #wallet .currency:before,body.hex-fixed-home #fixed-home #wallet .currency:after{display:none!important}
body.hex-fixed-home #fixed-home .fh-settings{display:grid;place-items:center;flex:none;width:48px;height:44px;min-width:48px;min-height:44px;padding:6px;font-size:25px;line-height:1}
body.hex-fixed-home #fixed-home .fh-settings img{width:28px;height:28px;object-fit:contain}
body.hex-fixed-home #fixed-home .fh-main{grid-template-columns:minmax(135px,.78fr) minmax(165px,1.34fr) minmax(230px,1.18fr);gap:16px}
body.hex-fixed-home #fixed-home .fh-actions{height:auto;max-height:none;grid-template-rows:48px 86px 56px;gap:10px;align-self:center}
body.hex-fixed-home #fixed-home .fh-play{font-size:31px;letter-spacing:.02em}
body.hex-fixed-home #fixed-home .fh-play span{font-size:12px;letter-spacing:0}
body.hex-fixed-home #fixed-home .fh-kit .fh-button{font-size:14px;gap:5px}
body.hex-fixed-home #fixed-home .fh-kit img{width:29px;height:33px}
body.hex-fixed-home #fixed-home .fh-rank{align-items:center}
body.hex-fixed-home #fixed-home .home-rank-hero{height:auto;min-height:184px!important;max-height:230px;padding:12px 8px!important;border-radius:24px 24px 34px 34px}
body.hex-fixed-home #fixed-home .fh-character{grid-template-rows:minmax(0,1fr) 28px}
body.hex-fixed-home #fixed-home .fh-name{grid-row:2;align-self:center;font-size:17px}
body.hex-fixed-home #fixed-home .fh-stage{grid-row:1}
body.hex-fixed-home #fixed-home .fh-footer{gap:10px}
body.hex-fixed-home #fixed-home .fh-footer .fh-button{min-height:50px;font-size:14px;padding:6px 10px}
body.hex-fixed-home #fixed-home .fh-footer img{width:31px;height:34px}
.fh-feedback{position:absolute!important;inset:0!important;z-index:9999;pointer-events:none!important;overflow:hidden;contain:strict}
.fh-feedback>*{position:absolute;pointer-events:none!important}
.fh-feedback-ring{width:70px;height:70px;margin:-35px;border:3px solid var(--tap-color,#fcd879);border-radius:50%;box-shadow:0 0 16px var(--tap-color,#fcd879),inset 0 0 12px var(--tap-color,#fcd879)}
.fh-feedback-ring:after{content:'';position:absolute;inset:8px;border:2px dashed var(--tap-color,#fcd879);border-radius:50%}
.fh-feedback-star{width:13px;height:13px;margin:-6px;background:var(--tap-color,#fcd879);clip-path:polygon(50% 0,64% 35%,100% 50%,64% 65%,50% 100%,36% 65%,0 50%,36% 35%)}
.fh-feedback-icon{width:50px;height:50px;margin:-25px;object-fit:contain;filter:drop-shadow(0 0 9px var(--tap-color,#fcd879))}
@media(max-height:370px){body.hex-fixed-home #fixed-home .fh-actions{grid-template-rows:44px 68px 48px;gap:8px}body.hex-fixed-home #fixed-home .home-rank-hero{min-height:168px!important;max-height:190px;padding:8px!important}body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini>span{height:78px!important;flex-basis:78px!important}body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini img,body.hex-fixed-home #fixed-home .home-rank-hero #rank-emblem svg{height:78px!important}body.hex-fixed-home #fixed-home .fh-play{font-size:28px}body.hex-fixed-home #fixed-home .fh-header{height:40px}}
@media(max-height:300px){body.hex-fixed-home #fixed-home .fh-actions{grid-template-rows:44px 54px 44px;gap:4px}body.hex-fixed-home #fixed-home .home-rank-hero{min-height:140px!important;padding:5px!important}body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini>span{height:65px!important;flex-basis:65px!important}body.hex-fixed-home #fixed-home .home-rank-hero .rank-mini img,body.hex-fixed-home #fixed-home .home-rank-hero #rank-emblem svg{height:65px!important}body.hex-fixed-home #fixed-home .fh-header{height:36px}body.hex-fixed-home #fixed-home .fh-logo{font-size:24px}}
/* Name editing is visible on the home screen. */
body.hex-fixed-home #fixed-home .fh-character{grid-template-rows:minmax(0,1fr) 44px}
body.hex-fixed-home #fixed-home .fh-name{height:44px;min-height:44px;width:100%;padding:5px 12px;font-size:16px;background:#251639aa;border:1px solid #b995d455;border-bottom:3px solid #211130;line-height:28px}
body.hex-fixed-home #fixed-home .fh-name:after{content:' ✎';color:#fcd879}
.fh-rename-dialog{width:min(420px,88vw);max-height:90dvh;overflow:auto;border:2px solid #b48ae0;border-radius:18px;padding:20px;background:#291b3e;color:#fff0d7}.fh-rename-dialog h2{font-size:22px;margin:0 0 14px}.fh-rename-dialog input{width:100%;min-height:46px;font-size:18px;margin:8px 0 16px;padding:8px}.fh-rename-dialog form>div{display:flex;gap:10px}.fh-rename-dialog button{min-height:44px;flex:1;font-size:16px}.fh-rename-dialog p:empty{display:none}
/* Wardrobe: fixed preview, compact tabs, complete cards in the browsing pane. */
body.hex-screen-ui #hub-dialog[data-tab=cosmetics][open]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px minmax(0,1fr)!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-tabs{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] .hub-heading{height:48px;min-height:0;grid-column:1;padding:3px 10px!important;gap:8px;overflow:hidden}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-title{font-size:21px;white-space:nowrap}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-wallet{margin-left:auto;font-size:13px}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-wallet small{display:none}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-close{min-height:42px!important;height:42px;min-width:70px;font-size:14px;padding:5px 10px}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content:has(>.fitting-room){grid-column:1;grid-row:2;min-height:0;height:100%;padding:6px 10px max(8px,env(safe-area-inset-bottom))!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-room{height:100%;min-height:0;grid-template-columns:150px minmax(0,1fr);gap:10px}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-preview{min-height:0;padding:8px;display:grid;grid-template-columns:1fr;grid-template-rows:20px minmax(0,1fr) 18px 40px;gap:4px;overflow:hidden;border-radius:18px}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-preview h2{font-size:16px!important;margin:0!important;line-height:20px}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-wizard{width:100%;height:100%;min-height:0;object-fit:contain;grid-row:2}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-status{font-size:12px!important;line-height:18px;margin:0!important;grid-row:3}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-actions{display:grid;grid-template-columns:1fr 44px;gap:4px;grid-row:4}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-actions button{min-height:40px!important;height:40px;font-size:12px!important;padding:4px!important;white-space:nowrap}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-actions button:last-child{font-size:0!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-actions button:last-child:after{content:'↶';font-size:24px}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-identity,body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-look,body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-pages,body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-section-title,body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .research-drawer{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-collection{height:100%;min-height:0;overflow:hidden}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-collection>.wardrobe{display:grid!important;height:100%;min-height:0;grid-template-rows:48px 36px minmax(0,1fr);gap:6px!important;overflow:hidden}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs{grid-row:1;gap:5px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs button{height:48px!important;min-height:48px!important;flex-direction:row!important;gap:5px!important;padding:4px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs button img{width:24px!important;height:26px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs button strong{font-size:12px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .collection-filters{grid-row:2;min-height:36px!important;padding:0!important;margin:0!important;gap:5px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .collection-filters button{min-height:36px!important;height:36px;padding:3px!important;font-size:12px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards{grid-row:3;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:100%!important;height:100%;min-height:0;gap:8px!important;padding:0 3px 0 0!important;overflow-y:auto!important;align-content:start;scroll-snap-type:y proximity}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards article{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:minmax(24px,1fr) 20px 36px 36px;gap:3px!important;min-height:0!important;padding:6px!important;height:100%!important;scroll-snap-align:start;border-radius:14px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-art{grid-column:1/-1;grid-row:1;min-height:0!important;height:100%!important;width:100%;overflow:hidden}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-art img,body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-art svg{max-height:100%!important;width:auto!important;max-width:100%;object-fit:contain}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards article h3{grid-column:1/-1;grid-row:2;font-size:13px!important;line-height:20px;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards article button{min-height:36px!important;height:36px;font-size:12px!important;padding:3px!important;margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-try{grid-column:1;grid-row:3}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards [data-cosmetic]{grid-column:2;grid-row:3}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-item-info{grid-column:1/-1;grid-row:4}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-item-sheet{overflow-y:auto;padding:12px!important;font-size:14px}
@media(max-height:320px){body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards{grid-auto-rows:150px!important}}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] .wardrobe-page-back{display:none!important}
/* Cards lead with centered artwork; actions live inside the expanding card. */
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-art>svg,body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-art>canvas,body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-art>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;transform:none!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards article.cosmetic-expand-card{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 36px 24px;gap:5px!important;padding:8px!important;overflow:hidden;cursor:pointer}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expand-card .wardrobe-art{grid-row:1;grid-column:1;min-height:0!important;pointer-events:none}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expand-card h3{grid-row:2;grid-column:1;font-size:14px!important;line-height:18px;white-space:normal;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expand-hint{grid-row:3;grid-column:1;text-align:center;color:#fcd879;font-weight:800;font-size:12px;line-height:24px;pointer-events:none}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expand-card .cosmetic-expand-hit{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;z-index:5;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:inherit!important;transform:none!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expand-hit:active{background:#fcd8791a!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expand-hit:focus-visible{outline:3px solid #fcd879;outline-offset:-5px}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded:not([hidden]){position:absolute;inset:0;z-index:20;display:grid!important;grid-template-columns:minmax(120px,.85fr) minmax(0,1.15fr);grid-template-rows:40px minmax(0,1fr);gap:8px 14px;overflow:hidden!important;padding:10px!important;border:2px solid #d5b2ff;border-bottom:6px solid #664183;border-radius:20px;background:radial-gradient(ellipse at 25% 50%,#7851a655,transparent 65%),linear-gradient(130deg,#392249,#1e1530);box-shadow:0 0 32px #b18bff44;transform-origin:center}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded[hidden]{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded>.fitting-sheet-close{grid-column:1/-1;grid-row:1;justify-self:start;position:static;min-height:40px!important;height:40px!important;padding:4px 18px!important;font-size:14px!important;background:linear-gradient(#c57096,#87496c);border-bottom:4px solid #4d2845;border-radius:12px;color:#fff0d7}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-visual{grid-column:1;grid-row:2;position:relative;min-height:0;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse,#bfa0e72b,transparent 72%)}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-visual .wardrobe-art{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-body{grid-column:2;grid-row:2;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding:2px 6px 8px 0}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-body h3{font-size:23px!important;line-height:1.15;margin:0 0 5px!important;color:#ffedb6}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-body small{font-size:13px;line-height:1.45}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-body button{min-height:44px!important;font-size:15px!important;padding:8px!important;border-radius:13px!important;flex-shrink:0;border-bottom-width:4px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-body button:enabled{background:linear-gradient(#fce097,#e4be54);border-color:#fdedc3;color:#382c1c;box-shadow:0 3px #372b1c}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-body .fitting-try:enabled{background:linear-gradient(#b7f2ee,#77c8c8);border-color:#d6ffff;color:#183f40}
/* A visible next-row edge and a persistent browsing cue. */
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .fitting-collection>.wardrobe{grid-template-rows:48px 36px minmax(0,1fr) 24px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards{grid-auto-rows:calc(100% - 22px)!important;scrollbar-width:thin;scrollbar-color:#d1a5ff #21152f;scroll-padding-top:0}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-scroll-cue{grid-row:4;display:flex;align-items:center;justify-content:space-between;gap:10px;height:24px;padding:0 6px;color:#e6d5f6;font-size:12px;font-weight:750;border-top:1px solid #ad89d133}
.cosmetic-scroll-track{width:70px;height:5px;border-radius:4px;overflow:hidden;background:#110b22;flex:none}.cosmetic-scroll-track i{display:block;height:100%;width:8%;border-radius:4px;background:linear-gradient(90deg,#a986db,#fcd879);transition:width .15s}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expand-card{background:radial-gradient(ellipse at 50% 20%,#ac80d42c,transparent 70%),linear-gradient(145deg,#463353,#29223c)!important}
@media(max-height:340px){body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-cards{grid-auto-rows:160px!important}}
/* Actions remain visible; only explanatory copy scrolls. */
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-body{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;gap:7px;padding:0 3px 4px 0}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-body>h3{grid-row:1;margin:0!important;font-size:20px!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-copy{grid-row:2;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin;padding-right:4px}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-actions{grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:8px;border-top:1px solid #caa4ec77;background:linear-gradient(transparent,#1e153077)}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-actions>button{width:100%;min-height:44px!important;margin:0!important;padding:6px!important;font-size:13px!important;line-height:1.2;white-space:normal}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .cosmetic-expanded-actions>button:only-child{grid-column:1/-1}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .has-celebration .cosmetic-expanded-visual{padding-bottom:28px}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .has-celebration .cosmetic-expanded-visual .wardrobe-art{height:calc(100% - 28px)!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .has-celebration .cosmetic-expanded-visual:after{content:'↻ Tap to replay';position:absolute;bottom:0;left:0;right:0;line-height:28px;text-align:center;color:#fcd879;font-size:13px;font-weight:800;pointer-events:none}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .has-live-look>:not(.expanded-live-look){visibility:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-art>.expanded-live-look{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;visibility:visible!important;pointer-events:none}

/* Transient tap art must never fall back to a visible base frame. */
.fh-feedback>*{opacity:0}

body.hex-fixed-home #fixed-home .fh-mode-button{min-height:40px;padding:5px 12px;font-size:14px;white-space:nowrap;background:linear-gradient(#725492,#3b2850);border:1px solid #c8a8eb;border-bottom:4px solid #261734;border-radius:12px;color:#ffedbc}
.fh-mode-dialog{width:min(740px,94vw);max-height:90dvh}.fh-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fh-mode-choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:145px;padding:14px;border:2px solid #b394d6;border-bottom:6px solid #392349;border-radius:16px;background:linear-gradient(#614977,#30233e);color:#fff0d7}.fh-mode-choice>span{font-size:30px}.fh-mode-choice strong{font-size:18px}.fh-mode-choice small{font-size:13px;line-height:1.4}.fh-mode-choice[aria-pressed=true]{border-color:#fcdd8a;box-shadow:inset 0 0 0 2px #fcdd8a44}.fh-mode-choice:active{transform:translateY(3px) scale(.97)}
body.hex-fixed-home #fixed-home .fh-play:disabled,body.hex-fixed-home #fixed-home .fh-queue:disabled{opacity:.55;filter:saturate(.3)}
@media(max-width:700px){body.hex-fixed-home .fh-header{gap:6px}body.hex-fixed-home #fixed-home .fh-mode-button{font-size:12px;padding:4px 7px}body.hex-fixed-home .fh-logo{font-size:23px}}

/* Every header control has an explicit column; the mode picker never displaces the wallet. */
body.hex-fixed-home #fixed-home .fh-logo{grid-column:1;grid-row:1}
body.hex-fixed-home #fixed-home .fh-mode-button{grid-column:2;grid-row:1;justify-self:end;max-width:100%}
body.hex-fixed-home #fixed-home .fh-wallet{grid-column:3;grid-row:1}
body.hex-fixed-home #fixed-home .fh-settings{grid-column:4;grid-row:1}
@media(max-width:700px){body.hex-fixed-home #fixed-home .fh-header{gap:6px;grid-template-columns:minmax(0,1fr) auto auto 44px}body.hex-fixed-home #fixed-home .fh-logo{font-size:22px}body.hex-fixed-home #fixed-home .fh-settings{width:44px;min-width:44px}body.hex-fixed-home #fixed-home #wallet{gap:4px}body.hex-fixed-home #fixed-home #wallet .currency{padding:4px 6px;font-size:13px!important}}

/* Battle choice belongs beside the launch action, not among account controls. */
body.hex-fixed-home #fixed-home .fh-header{grid-template-columns:minmax(0,1fr) auto 48px}
body.hex-fixed-home #fixed-home .fh-wallet{grid-column:2}
body.hex-fixed-home #fixed-home .fh-settings{grid-column:3}
body.hex-fixed-home #fixed-home .fh-actions{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
body.hex-fixed-home #fixed-home .fh-queues{grid-column:1/-1;grid-row:1}
body.hex-fixed-home #fixed-home .fh-play{grid-column:2;grid-row:2;font-size:28px;min-width:0}
body.hex-fixed-home #fixed-home .fh-kit{grid-column:1/-1;grid-row:3}
body.hex-fixed-home #fixed-home .fh-mode-button{grid-column:1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:2px 5px;min-width:0;width:100%;height:100%;padding:7px;border:2px solid #c5b0f4;border-bottom:6px solid #463068;background:linear-gradient(145deg,#8061b5,#48316f);box-shadow:0 0 16px #b18aff33;border-radius:16px;white-space:normal;text-align:center}
body.hex-fixed-home #fixed-home .fh-mode-icon{font-size:25px;grid-column:1;grid-row:1;color:#ffedb2}
body.hex-fixed-home #fixed-home .fh-mode-button strong{grid-column:2;grid-row:1;font-size:16px;line-height:1.1;color:#fff1cd}
body.hex-fixed-home #fixed-home .fh-mode-button small{grid-column:1/-1;grid-row:2;font-size:12px;font-weight:800;color:#e9d9ff;line-height:1.2}
@media(max-width:700px){body.hex-fixed-home #fixed-home .fh-header{grid-template-columns:minmax(0,1fr) auto 44px}}
@media(max-height:370px){body.hex-fixed-home #fixed-home .fh-mode-button{padding:4px;gap:0 3px}body.hex-fixed-home #fixed-home .fh-mode-button strong{font-size:14px}body.hex-fixed-home #fixed-home .fh-mode-icon{font-size:21px}body.hex-fixed-home #fixed-home .fh-play{font-size:25px}}
/* Dialog controls share the game's palette instead of browser button defaults. */
body.hex-screen-ui .fh-more{box-sizing:border-box;width:min(680px,94vw);max-height:calc(100dvh - 20px);padding:14px;border-bottom:6px solid #674184;box-shadow:0 14px 45px #08041488}
body.hex-screen-ui .fh-more>header{position:static;inset:auto;width:auto;max-width:none;height:44px;min-height:0;margin:0 0 12px;padding:0;display:flex;align-items:center;justify-content:space-between;background:none;border:0;box-shadow:none}
body.hex-screen-ui .fh-more .fh-rename{display:none!important}
body.hex-screen-ui .fh-more .fh-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body.hex-screen-ui .fh-more .fh-button,body.hex-screen-ui .fh-more .fh-close,body.hex-screen-ui .fh-rename-dialog button{appearance:none;box-sizing:border-box;font-family:inherit;font-weight:800;color:#fff0d7;background:linear-gradient(155deg,#74518d,#3e294f);border:1px solid #bc96d6;border-bottom:5px solid #291635;border-radius:13px;box-shadow:inset 0 1px #efd8ff33,0 3px 0 #120b2099;min-height:52px;padding:8px 10px;font-size:14px;line-height:1.2;text-align:left;cursor:pointer;transition:background .15s,box-shadow .15s}
body.hex-screen-ui .fh-more .fh-button{min-width:0;gap:9px}
body.hex-screen-ui .fh-more .fh-button span{min-width:0;overflow-wrap:break-word}
body.hex-screen-ui .fh-more .fh-button img{width:30px;height:32px;object-fit:contain}
body.hex-screen-ui .fh-more .fh-button:disabled{background:linear-gradient(#45374f,#2d2237);color:#baa9c7;border-color:#766183;border-bottom-color:#251a2e;opacity:1;cursor:default}
body.hex-screen-ui .fh-more .fh-button:disabled img{opacity:.5;filter:saturate(.35)}
body.hex-screen-ui .fh-more .fh-close{min-height:40px;height:40px;padding:5px 18px;background:linear-gradient(#ba6389,#804666);border-color:#dfa8c2;border-bottom-color:#492339;text-align:center}
body.hex-screen-ui .fh-more button:focus-visible,body.hex-screen-ui .fh-rename-dialog button:focus-visible{outline:2px solid #fcdc88;outline-offset:3px}
body.hex-screen-ui .fh-more .fh-button:not(:disabled):hover{background:linear-gradient(155deg,#8660a1,#4d3461)}
body.hex-screen-ui .fh-more::backdrop{background:#10091d88}
body.hex-fixed-home .fh-rename-dialog button[type=submit]{background:linear-gradient(#fcdf95,#dbb95d);color:#382c1c;border-color:#fdebba;border-bottom-color:#785f3e}
@media(max-height:320px){body.hex-screen-ui .fh-more{padding:10px}body.hex-screen-ui .fh-more>header{margin-bottom:8px}body.hex-screen-ui .fh-more .fh-more-grid{gap:6px}body.hex-screen-ui .fh-more .fh-button{min-height:46px;padding:5px 8px}}

/* Mobile rank road: independent header, reward and claim rows. */
body.hex-screen-ui #hub-dialog[data-tab=ranks][open]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px minmax(0,1fr)!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-tabs{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] .hub-heading{grid-column:1!important;height:48px!important;min-height:0!important;padding:3px 10px!important;gap:8px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-title{font-size:21px!important;white-space:nowrap!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-wallet{margin-left:auto!important;font-size:13px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-wallet small{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-close{min-height:42px!important;height:42px!important;padding:5px 10px!important;font-size:14px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;gap:7px!important;height:100%!important;min-height:0!important;padding:7px 10px max(8px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;box-sizing:border-box!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-banner{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content>.bazaar-launch{flex:none!important;min-height:36px!important;height:36px!important;margin:0!important;padding:4px 12px!important;font-size:14px!important;border-radius:12px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content>.bazaar-launch span{font-size:12px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-caption{flex:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;margin:0!important;padding:0!important;height:40px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-caption strong{font-size:14px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-caption span{font-size:12px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-caption button{min-width:40px!important;min-height:40px!important;margin-left:5px!important;padding:3px 9px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .rank-atlas{flex:1 0 204px!important;min-height:204px!important;display:flex!important;align-items:stretch!important;gap:12px!important;padding:3px 2px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;box-sizing:border-box!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-stop{position:relative!important;flex:0 0 260px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:24px 20px minmax(86px,1fr) 28px!important;gap:3px 8px!important;align-items:center!important;min-height:0!important;height:auto!important;max-height:none!important;padding:8px!important;border-radius:16px!important;overflow:hidden!important;box-sizing:border-box!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-marker{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-badge{grid-column:1!important;grid-row:1/3!important;width:48px!important;height:48px!important;min-height:0!important;margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-badge :is(img,svg){width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:contain!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-stop h3{grid-column:2!important;grid-row:1!important;margin:0!important;font-size:16px!important;line-height:20px!important;text-align:left!important;white-space:normal!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-elo{grid-column:2!important;grid-row:2!important;font-size:12px!important;line-height:16px!important;text-align:left!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-loot{grid-column:1/-1!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-content:center!important;align-items:center!important;gap:4px!important;margin:0!important;width:100%!important;height:100%!important;min-height:0!important;flex:none!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-loot>span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:none!important;gap:2px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-loot>span img{width:28px!important;height:28px!important;min-height:0!important;object-fit:contain!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-loot>span small{font-size:10px!important;line-height:11px!important;max-width:100%!important;margin:0!important;text-align:center!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-status,body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-claim{grid-column:1/-1!important;grid-row:4!important;font-size:12px!important;line-height:15px!important;align-self:center!important;margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-claim{min-height:28px!important;height:28px!important;padding:3px 8px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-loot:has(.atlas-gift){display:flex!important;align-items:center!important;justify-content:center!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-gift{display:flex!important;flex-direction:column!important;gap:4px!important;padding:0!important;width:100%!important;min-height:0!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-currency{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;width:100%!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-currency .reward-currency{display:flex!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;max-width:none!important;padding:4px!important;border-radius:10px!important;box-sizing:border-box!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-currency .reward-currency>svg{width:20px!important;height:20px!important;flex:0 0 20px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-currency .reward-currency b{font-size:16px!important;line-height:17px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-currency .reward-currency small{font-size:10px!important;line-height:11px!important;margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-chest{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:5px!important;padding:0!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-loot .atlas-chest img{width:36px!important;height:32px!important;min-width:0!important;max-width:36px!important;object-fit:contain!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-chest strong{font-size:13px!important;line-height:15px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-coin-gift{flex-direction:row!important;gap:6px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-coin-gift>svg{width:32px!important;height:32px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-coin-gift>strong{font-size:22px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-coin-gift>span{font-size:13px!important}
body.hex-screen-ui #hub-dialog[data-tab=ranks] #hub-content .atlas-rules{flex:none!important;margin:0!important;padding:3px 0!important;font-size:12px!important}
/* Keep landscape category navigation anchored; scroll labels instead of squeezing them. */
@media(max-width:760px),(pointer:coarse) and (max-width:1366px){
 body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;min-width:0;scrollbar-width:thin;scrollbar-color:#c3a1e3 #302541;touch-action:pan-x;padding-bottom:5px!important}
 body.hex-screen-ui #hub-dialog[data-tab=cosmetics] #hub-content .wardrobe-tabs button{flex:1 0 132px!important;min-width:132px!important;white-space:nowrap!important}
}

/* Keep the launch column inside short landscape phones without moving its controls. */
@media(max-width:620px){
 body.hex-fixed-home #fixed-home .fh-main{grid-template-columns:minmax(100px,.78fr) minmax(0,1.34fr) minmax(230px,1.18fr);gap:8px}
 body.hex-fixed-home #fixed-home .fh-main>*,body.hex-fixed-home #fixed-home .fh-queues,body.hex-fixed-home #fixed-home .fh-kit{min-width:0}
}