/* Illustrated Collection. Every override is scoped to this one Profile route. */
.collection-art-header{display:none}
body:has(#profile-dialog[open][data-tab="Collections"]){overflow:hidden!important}
body:has(#profile-dialog[open][data-tab="Collections"]) .topbar{visibility:hidden}
#profile-dialog.collection-art-page[open][data-tab="Collections"]{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:22px max(24px,4.6vw) 24px;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0;background:#54b5bf url('../assets/interface-v1/boutique.webp') center/cover no-repeat;z-index:90;box-sizing:border-box;color:#174b5c}
#profile-dialog[data-tab="Collections"] *{box-sizing:border-box}
#profile-dialog[data-tab="Collections"] .profile-top,#profile-dialog[data-tab="Collections"] .profile-notice{display:none}
#profile-dialog[data-tab="Collections"] .collection-art-header{display:flex;position:relative;align-items:center;justify-content:center;width:100%;max-width:1550px;height:106px;flex:none;margin:0 auto -8px;z-index:4}
#profile-dialog[data-tab="Collections"] .collection-art-title{position:relative;width:min(610px,64%);height:100%;display:grid;place-items:center;isolation:isolate}
#profile-dialog[data-tab="Collections"] .collection-art-title>img{position:absolute;width:100%;height:100%;object-fit:contain;z-index:-1;filter:drop-shadow(0 5px 3px #14495080)}
#profile-dialog[data-tab="Collections"] .collection-art-title h1{margin:-3px 0 0;color:#fff4c5;font:800 clamp(30px,3.4vw,56px)/1 'Baloo 2',sans-serif;letter-spacing:-.6px;text-shadow:0 3px #603513,0 0 3px #603513}
#profile-dialog[data-tab="Collections"] .collection-art-owl{position:absolute;right:72px;bottom:2px;width:141px;height:103px;object-fit:contain;filter:drop-shadow(0 3px 2px #19435a66);pointer-events:none}
#profile-dialog[data-tab="Collections"] .collection-art-close{position:absolute;right:7px;bottom:1px;z-index:5;display:grid;place-items:center;width:52px;height:52px;min-height:52px;padding:0;border-radius:50%;border:3px solid #fff1a2;outline:2px solid #b77824;background:linear-gradient(#25d5e0,#0082a1);color:#fffce8;box-shadow:inset 0 3px #b7fff0,0 4px #6c491e;font:800 41px/1 'Nunito Sans',sans-serif;cursor:pointer}
#profile-dialog[data-tab="Collections"] .profile-body{width:100%;max-width:1550px;flex:1;height:auto;min-height:0;margin:0 auto;display:block;padding:9px;border:7px solid transparent;border-image:url('../assets/social-art-v2/frame.webp') 195 170/38px/7px stretch;border-radius:22px;background:#fff3d1;box-shadow:0 7px 0 #366f6580,0 15px 35px #153f5470;overflow:hidden}
#profile-dialog[data-tab="Collections"] .profile-info-column{height:100%;gap:0}
#profile-dialog[data-tab="Collections"] #profile-tab-content{flex:1;height:100%;min-height:0;padding:0;border:0;border-radius:12px;box-shadow:none;background:#fff5d9;overflow:hidden}
#profile-dialog[data-tab="Collections"] :is(.skins-view,.balloons-view,.trails-view){height:100%;min-height:0;gap:0;display:flex;flex-direction:column;background:#fff5d9;color:#174b5c;overflow:hidden}
#profile-dialog[data-tab="Collections"] button{cursor:pointer}
#profile-dialog[data-tab="Collections"] button:focus-visible,#profile-dialog[data-tab="Collections"] summary:focus-visible{outline:3px solid #14394d!important;outline-offset:3px}
#profile-dialog[data-tab="Collections"] button:disabled{cursor:wait;opacity:.65}

/* Three generous, framed category tabs remain reachable above each catalogue. */
#profile-dialog[data-tab="Collections"] .collection-tabs{position:static;inset:auto;display:flex;align-self:stretch;width:100%;max-width:none;min-height:67px;flex:none;gap:8px;margin:0;padding:7px 10px 8px;border:0;border-bottom:3px solid #d6a544;border-radius:12px 12px 0 0;background:linear-gradient(#0da9bf,#076c8d);box-shadow:inset 0 2px #a9ffff;overflow:visible}
#profile-dialog[data-tab="Collections"] .collection-tabs button{display:flex;align-items:center;justify-content:center;gap:13px;flex:1;min-width:0;min-height:50px;margin:0;padding:3px 16px!important;border:2px solid #58cee1!important;border-radius:18px!important;background:linear-gradient(#08aec8,#006487)!important;box-shadow:inset 0 2px #8df5e880,0 3px #064e66!important;color:#effffe!important;font:900 clamp(15px,1.35vw,23px)/1.15 'Nunito Sans',sans-serif;white-space:normal}
#profile-dialog[data-tab="Collections"] .collection-tabs button[aria-pressed="true"]{border-color:#fff5b8!important;outline:2px solid #d59c26;background:linear-gradient(#ffffd8,#ffeaa0 65%,#f2c665)!important;color:#5a3416!important;box-shadow:inset 0 2px #fff,0 3px #a47124!important}
#profile-dialog[data-tab="Collections"] .collection-tabs img{width:48px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 2px #003d5966);border-radius:12px}

/* The live dancer and the complete approved battle cards share one frame. */
#profile-dialog[data-tab="Collections"] .skins-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(210px,.29fr) minmax(0,.71fr);gap:0}
#profile-dialog[data-tab="Collections"] .skins-stage{position:relative;min-height:0;padding:0;display:block;border:0;border-right:2px solid #d1aa58;border-radius:0;background:#a8d9c1 url('../assets/arena-art-v1/village.webp') 38% center/cover;overflow:hidden;isolation:isolate}
#profile-dialog[data-tab="Collections"] .skins-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(#ddffff16,transparent 60%,#123f5140);pointer-events:none}
#profile-dialog[data-tab="Collections"] .skins-stage-glow{display:none}
#profile-dialog[data-tab="Collections"] .collection-stage-caption{position:absolute;top:15px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 12px;border:1px solid #fff7cf;border-radius:99px;background:#174f59cf;color:#ffffe6;font:900 10px/1.2 'Nunito Sans',sans-serif;letter-spacing:1.3px}
#profile-dialog[data-tab="Collections"] .collection-stage-podium{position:absolute;left:0;bottom:61px;width:100%;height:95px;object-fit:fill;filter:drop-shadow(0 6px 4px #194c6366)}
#profile-dialog[data-tab="Collections"] .skins-character{position:absolute;left:2%;bottom:102px;width:96%;height:calc(100% - 130px);max-width:none;min-height:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 4px #18435433)}
#profile-dialog[data-tab="Collections"] .skins-stage-label{position:absolute;bottom:12px;left:8%;right:8%;min-width:0;min-height:68px;padding:9px 6px 8px;border:3px solid #f2c360;outline:2px solid #8e682b;border-radius:35px;background:linear-gradient(#fffdec,#ffedb3);box-shadow:inset 0 2px #fff,0 4px #a17737;color:#593918;text-align:center}
#profile-dialog[data-tab="Collections"] .skins-stage-label strong{font:800 clamp(26px,2.3vw,38px)/1 'Baloo 2',sans-serif;color:#68401c}
#profile-dialog[data-tab="Collections"] .skin-name{display:block;margin-top:4px;font:900 12px/1.25 'Nunito Sans',sans-serif;color:#116079}
#profile-dialog[data-tab="Collections"] .skins-choice{display:flex;flex-direction:column;justify-content:flex-start;container-type:normal;min-height:0;gap:7px;padding:8px 11px 9px;background:linear-gradient(110deg,#fff1ca,#ffffec 65%,#eaf4dd);overflow:hidden}
#profile-dialog[data-tab="Collections"] .skins-heading{display:flex;align-items:center;flex:none;gap:10px;min-height:24px;margin:0;padding:0 3px}
#profile-dialog[data-tab="Collections"] .skins-heading h2{margin:0;font:800 19px/1.2 'Baloo 2',sans-serif;color:#42635e}
#profile-dialog[data-tab="Collections"] .skins-heading>span{margin-left:auto;font:800 11px/1.2 'Nunito Sans',sans-serif;color:#45685f;padding:2px 0;background:none;border-radius:0}
#profile-dialog[data-tab="Collections"] .collection-roster{display:flex;flex:none;gap:5px;margin:0;padding:4px 5px 5px;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ce9c46 #f2e4b7;border:1px solid #a8cbb9;border-radius:16px;background:#eff7de;box-shadow:inset 0 2px #fff}
#profile-dialog[data-tab="Collections"] .collection-roster button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:40px;flex:1;height:63px;padding:2px 1px;border:2px solid #91c9ce;border-radius:13px;background:linear-gradient(#eaffef,#bee7df);box-shadow:0 2px #9aafa2;font-size:11px;line-height:1.2;white-space:nowrap;color:#225367}
#profile-dialog[data-tab="Collections"] .collection-roster button[aria-pressed="true"]{border-color:#ffe99f;background:linear-gradient(#fffbe5,#ffd36c);box-shadow:0 0 0 2px #d09b28,0 3px #8f7933;color:#603e16}
#profile-dialog[data-tab="Collections"] .collection-roster img{display:block;width:100%;height:43px;object-fit:contain;filter:drop-shadow(0 1px 1px #4c8a8d33)}
#profile-dialog[data-tab="Collections"] .collection-roster img[hidden]{visibility:hidden}
#profile-dialog[data-tab="Collections"] .skins-cards{display:grid;grid-template-columns:repeat(var(--skin-count,4),minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:stretch;gap:9px;flex:1;min-height:0;height:auto;width:100%;padding:4px 3px 6px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d1a551 #f7e3b9;overscroll-behavior:contain}
#profile-dialog[data-tab="Collections"] .skins-cards .skin-card,#profile-dialog[data-tab="Collections"] .skins-cards .skin-card[data-refine="true"]{display:flex;flex-direction:column;gap:0;min-height:0;min-width:0;padding:4px 4px 8px;border:2px solid #b9bc92;border-radius:20px;background:linear-gradient(#fffef2,#ffedbd);box-shadow:inset 0 0 0 1px #fff,0 3px #a39a74;overflow:hidden}
#profile-dialog[data-tab="Collections"] .skins-cards .skin-card[data-rarity="legendary"]{border-color:#d9ad4a;background:linear-gradient(#fff9d5,#ffedb7);box-shadow:inset 0 0 0 1px #ffffe4,0 3px #a77b35}
#profile-dialog[data-tab="Collections"] .skins-cards .skin-card[data-selected="true"]{border-color:#ffc533;outline:2px solid #f7df74;outline-offset:0;box-shadow:0 0 12px #e2b22766,0 3px #bf9431}
#profile-dialog[data-tab="Collections"] .skin-card[data-selected="true"]:not([data-locked="true"]):after{content:'✓';position:absolute;right:10px;top:10px;z-index:4;display:grid;place-items:center;width:29px;height:29px;border:2px solid #fff3bd;border-radius:50%;background:#ffe49a;color:#754a19;box-shadow:0 2px #ad7834;font:900 23px/1 'Nunito Sans',sans-serif;pointer-events:none}
#profile-dialog[data-tab="Collections"] .skins-cards .skin-card .character-card-art{display:flex;flex-direction:column;flex:none;min-height:0;max-height:none;aspect-ratio:auto;border-radius:14px 14px 0 0;background:#0d6975;box-shadow:none}
#profile-dialog[data-tab="Collections"] .skins-cards .character-card-art:after{display:none}
#profile-dialog[data-tab="Collections"] .skins-cards .character-card-image{position:relative;inset:auto;display:block;flex:none;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:2/3;object-fit:contain!important;object-position:center!important;margin:0;padding:0!important;background:none;border-radius:0;transform:none!important;filter:none}
#profile-dialog[data-tab="Collections"] .skins-cards .character-card-copy{position:static;inset:auto;display:flex;flex:none;flex-direction:column;justify-content:center;gap:2px;min-height:53px;padding:6px 3px;background:linear-gradient(#fffbdc,#ffecb8);text-align:center}
#profile-dialog[data-tab="Collections"] .skins-cards .character-card-copy:before{display:none}
#profile-dialog[data-tab="Collections"] .skins-cards .character-card-name{font:800 clamp(15px,1.5vw,23px)/1.1 'Baloo 2',sans-serif;color:#5c3b1f;text-shadow:none;overflow-wrap:normal}
#profile-dialog[data-tab="Collections"] .skins-cards .character-card-subtitle{font:800 11px/1.2 'Nunito Sans',sans-serif;color:#617b6a;text-shadow:none}
#profile-dialog[data-tab="Collections"] .skins-cards .character-card-stamp{position:absolute;top:7px;left:7px;right:auto;min-height:23px;max-width:calc(100% - 14px);padding:4px 7px;border-radius:99px;border:1px solid #fff6c8;background:#fdf4c8ed;color:#6a471f;box-shadow:0 1px 3px #143b4244;font-size:9px}
#profile-dialog[data-tab="Collections"] .skin-card[data-locked="true"]:after{top:39px;right:10px;width:25px;height:25px;background-size:14px}
#profile-dialog[data-tab="Collections"] :is(.skin-card,.balloon-card,.trail-card)>button,#profile-dialog[data-tab="Collections"] .trail-mode-controls>button{min-height:42px;flex:none;margin:5px 3px 0;padding:7px 10px;border:2px solid #a7f8f6;border-radius:999px;background:linear-gradient(#0fc3e8,#007bae);box-shadow:inset 0 2px #b7ffff88,0 3px #11628a;color:#f7ffff;font:900 14px/1.2 'Nunito Sans',sans-serif;white-space:normal}
#profile-dialog[data-tab="Collections"] :is(.skin-card,.balloon-card,.trail-card)>button[aria-pressed="true"],#profile-dialog[data-tab="Collections"] .trail-mode-controls>button[aria-pressed="true"]{border-color:#ceffdb;background:linear-gradient(#25de9b,#039663);box-shadow:inset 0 2px #a5ffe7,0 3px #367952;color:#fff}
#profile-dialog[data-tab="Collections"] .skin-card>.skin-refine{background:linear-gradient(#f6edff,#d9b4f2);color:#4f2470;border-color:#ffefff;box-shadow:0 3px #9e6fc6}
#profile-dialog[data-tab="Collections"] .skin-card .skin-stars{margin:3px 0 2px;color:#694b1f;font-size:11px;line-height:13px}
#profile-dialog[data-tab="Collections"] .collection-source{flex:none;min-height:42px;margin:5px 3px 0;padding:6px;font-size:11px;background:#fffae8;border-color:#c6ae76;color:#665331}
#profile-dialog[data-tab="Collections"] .skin-description{display:block;flex:none;margin:0;padding:2px 5px;min-height:18px;border:0;border-radius:0;background:none;color:#476c66;font:700 11px/1.35 'Nunito Sans',sans-serif}
#profile-dialog[data-tab="Collections"] .skins-view>footer{flex:none;min-height:21px;padding:2px 12px;background:#fff2c7;border-top:1px solid #d8bb74}
#profile-dialog[data-tab="Collections"] .skins-status{font-size:11px;line-height:1.3;color:#496a62}
#profile-dialog[data-tab="Collections"] .skins-status[data-error="true"]{color:#8e3b25}
#profile-dialog[data-tab="Collections"][data-collection-more="true"] .skins-view>footer:after{content:var(--copy-scroll-more,'Scroll to explore more') ' ↓';color:#567367;font:800 11px/1.2 'Nunito Sans',sans-serif}

/* Object art and illustrated trail tiles accompany the original live canvases. */
#profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading){position:static;display:flex;flex:none;align-items:center;gap:18px;margin:0;padding:13px 20px 8px;min-height:79px;background:linear-gradient(#fffcdf,#fff1cd)}
#profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading)>div:first-child{display:block}
#profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading) h2{margin:2px 0;font:800 clamp(24px,2.25vw,34px)/1.05 'Baloo 2',sans-serif;color:#69431e}
#profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading) small{display:block;font-size:10px;color:#447570}
#profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading) p{display:block;margin:5px 0 0;color:#466e67;font-size:12px;line-height:1.3}
#profile-dialog[data-tab="Collections"] :is(.balloons-equipped,.trails-equipped){flex:none;padding:7px 14px;border:2px solid #dab151;border-radius:18px;background:linear-gradient(#fffef0,#ffe8a6);box-shadow:0 2px #bfaa6b}
#profile-dialog[data-tab="Collections"] :is(.balloons-equipped,.trails-equipped) :is(small,span){font-size:10px;color:#76542b}
#profile-dialog[data-tab="Collections"] :is(.balloons-equipped,.trails-equipped) strong{font:800 21px/1.2 'Baloo 2',sans-serif;color:#664322}
#profile-dialog[data-tab="Collections"] :is(.balloons-grid,.trails-scroll){flex:1;min-height:0;margin:0;padding:10px 17px 16px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1a551 #f7e3b9}
#profile-dialog[data-tab="Collections"] .balloons-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;gap:16px;align-content:start;align-items:stretch}
#profile-dialog[data-tab="Collections"] .balloons-grid .balloon-card{height:max-content;min-height:370px;flex-shrink:0}
#profile-dialog[data-tab="Collections"] .balloon-card>*{flex-shrink:0}
#profile-dialog[data-tab="Collections"] :is(.balloon-card,.trail-card){position:relative;min-width:0;padding:5px 5px 12px;gap:0;border:2px solid #c5be8f;border-radius:20px;background:linear-gradient(#fffdec,#ffedbd);box-shadow:inset 0 0 0 1px #fff,0 4px #b3a16b;overflow:hidden}
#profile-dialog[data-tab="Collections"] :is(.balloon-card,.trail-card)[data-rarity="legendary"]{border-color:#d6a842;background:linear-gradient(#fff9d8,#f0e1f6 70%,#fff0c4)}
#profile-dialog[data-tab="Collections"] :is(.balloon-card,.trail-card)[data-selected="true"]{outline:2px solid #ffc633;outline-offset:1px}
#profile-dialog[data-tab="Collections"] .balloon-card-art{height:auto;min-height:145px;flex:none;aspect-ratio:1.15;border-radius:14px;background:radial-gradient(ellipse at center,#ffffe4bd,#d1efdf55 80%),url('../assets/interface-v1/boutique.webp') center/cover}
#profile-dialog[data-tab="Collections"] .balloon-card-art canvas{width:100%;height:100%;object-fit:contain}
#profile-dialog[data-tab="Collections"] :is(.balloon-card,.trail-card)>h3{min-height:42px;margin:6px 4px 8px;padding:0;font:800 22px/1.05 'Baloo 2',sans-serif;color:#69451f;text-align:center}
#profile-dialog[data-tab="Collections"] :is(.balloon-rarity,.trail-rarity){align-self:center;margin:10px 5px 0;padding:3px 8px;border-radius:99px;background:#dfefe1;color:#3d6963;font:900 10px/1.2 'Nunito Sans',sans-serif;letter-spacing:.8px;text-align:center}
#profile-dialog[data-tab="Collections"] [data-rarity="legendary"]>:is(.balloon-rarity,.trail-rarity){background:#f3dfa3;color:#765121;border:1px solid #d3b061;font-size:10px}
#profile-dialog[data-tab="Collections"] .balloon-hero{gap:7px;min-height:47px;height:auto;margin:0 6px 10px;padding:5px;border-radius:10px;background:#fff8dd}
#profile-dialog[data-tab="Collections"] .balloon-hero>.character-card-art{flex:0 0 29px;width:29px;height:44px;border-radius:5px}
#profile-dialog[data-tab="Collections"] .balloon-hero .character-card-image{object-fit:contain;object-position:center!important}
#profile-dialog[data-tab="Collections"] .balloon-hero :is(.character-card-copy,.character-card-stamp){display:none}
#profile-dialog[data-tab="Collections"] .balloon-hero strong{font-size:12px;color:#5a5870}
#profile-dialog[data-tab="Collections"] .balloon-hero small{font-size:11px;line-height:1.2;color:#6c647b}
#profile-dialog[data-tab="Collections"] .balloon-normal-note{min-height:47px;margin:0 6px 10px;padding:7px 4px;font-size:12px;line-height:1.35;color:#54776b;text-align:center}
#profile-dialog[data-tab="Collections"] .balloon-card>button{margin-top:auto}
#profile-dialog[data-tab="Collections"] :is(.balloons-footnote,.trails-loading){display:block;flex:none;margin:0;padding:5px 17px;background:#fff0c4;border-top:1px solid #debc71;color:#4a6d64;font-size:11px;line-height:1.35}
#profile-dialog[data-tab="Collections"] .trails-heading-main{flex:1;min-width:0}
#profile-dialog[data-tab="Collections"] .trails-title-row{display:flex;align-items:center;gap:20px;min-width:0;margin:3px 0 8px}
#profile-dialog[data-tab="Collections"] .trails-title-row h2{flex:none;margin:0}
#profile-dialog[data-tab="Collections"] .trail-mode-controls{display:flex;align-items:center;gap:9px;min-width:0}
#profile-dialog[data-tab="Collections"] .trail-mode-controls>button{margin:0;min-width:128px;white-space:nowrap}
#profile-dialog[data-tab="Collections"] [data-trail-catalog][hidden]{display:none!important}
#profile-dialog[data-tab="Collections"] .trails-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#profile-dialog[data-tab="Collections"] .collection-trail-art{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;border-radius:13px;background:#bfd9ba}
#profile-dialog[data-tab="Collections"] .trail-card>p{display:block;min-height:34px;margin:0 7px 10px;font-size:12px;line-height:1.35;color:#507365;text-align:center}
#profile-dialog[data-tab="Collections"] .trail-card>button{width:auto;margin-top:auto}
#profile-dialog[data-tab="Collections"] .trail-included{display:block;margin:4px 4px 0;padding:10px 4px;font-size:11px;line-height:1.3;color:#685276;text-align:center}
#profile-dialog[data-tab="Collections"] .trails-exclusives{margin:0;padding:0;border:0;border-radius:0;background:none}
#profile-dialog[data-tab="Collections"] .trails-skin-heading{display:flex;align-items:baseline;gap:14px}
#profile-dialog[data-tab="Collections"] .trails-skin-heading h3{margin:0 0 5px;font:800 23px/1.2 'Baloo 2',sans-serif;color:#674b27}
#profile-dialog[data-tab="Collections"] .trails-skin-heading span{font-size:12px;font-weight:800;color:#776744}
#profile-dialog[data-tab="Collections"] .trails-exclusives summary{min-height:44px;color:#674b27;font-size:24px}
#profile-dialog[data-tab="Collections"] .trails-exclusives summary span{font-size:12px;color:#776744}
#profile-dialog[data-tab="Collections"] .trails-exclusives>p{font-size:12px;line-height:1.4;color:#656b53}

@media(max-width:1100px){
 #profile-dialog.collection-art-page[open][data-tab="Collections"]{padding:10px 22px 18px}
 #profile-dialog[data-tab="Collections"] .collection-art-header{height:82px}
 #profile-dialog[data-tab="Collections"] .collection-art-title{width:min(470px,66%)}
 #profile-dialog[data-tab="Collections"] .collection-art-owl{width:110px;height:80px;right:65px}
 #profile-dialog[data-tab="Collections"] .skins-layout{grid-template-columns:minmax(175px,.27fr) minmax(0,.73fr)}
 #profile-dialog[data-tab="Collections"] .skins-choice{padding:7px;gap:5px}
 #profile-dialog[data-tab="Collections"] .skins-cards{gap:7px}
 #profile-dialog[data-tab="Collections"] .collection-roster button{min-width:40px}
 #profile-dialog[data-tab="Collections"] .skins-heading h2{font-size:17px}
 #profile-dialog[data-tab="Collections"] .balloons-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #profile-dialog[data-tab="Collections"] .trails-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1101px) and (min-height:601px) and (max-height:800px){
 #profile-dialog.collection-art-page[open][data-tab="Collections"]{padding-top:8px;padding-bottom:14px}
 #profile-dialog[data-tab="Collections"] .collection-art-header{height:78px}
 #profile-dialog[data-tab="Collections"] .collection-art-title{width:475px}
 #profile-dialog[data-tab="Collections"] .collection-art-title h1{font-size:39px}
 #profile-dialog[data-tab="Collections"] .collection-art-owl{width:106px;height:78px}
 #profile-dialog[data-tab="Collections"] .collection-tabs{min-height:57px;padding-top:4px;padding-bottom:6px}
 #profile-dialog[data-tab="Collections"] .collection-tabs button{min-height:43px}
 #profile-dialog[data-tab="Collections"] .collection-tabs img{height:36px;width:38px}
 #profile-dialog[data-tab="Collections"] .skins-choice{gap:4px;padding-top:5px;padding-bottom:5px}
 #profile-dialog[data-tab="Collections"] .skins-heading{min-height:21px}
 #profile-dialog[data-tab="Collections"] .collection-roster button{height:55px}
 #profile-dialog[data-tab="Collections"] .collection-roster img{height:35px}
 #profile-dialog[data-tab="Collections"] .skin-description{display:none}
 #profile-dialog[data-tab="Collections"] .skins-cards .character-card-copy{min-height:45px;padding-top:4px;padding-bottom:4px}
 #profile-dialog[data-tab="Collections"] .skins-cards .character-card-name{font-size:19px}
}
@media(max-height:600px) and (orientation:landscape){
 #profile-dialog.collection-art-page[open][data-tab="Collections"]{padding:3px 16px 12px}
 #profile-dialog[data-tab="Collections"] .collection-art-header{height:58px;margin-bottom:-5px}
 #profile-dialog[data-tab="Collections"] .collection-art-title{width:330px}
 #profile-dialog[data-tab="Collections"] .collection-art-title h1{font-size:30px}
 #profile-dialog[data-tab="Collections"] .collection-art-owl{width:77px;height:57px;right:57px}
 #profile-dialog[data-tab="Collections"] .collection-art-close{width:41px;height:41px;min-height:41px;font-size:31px;right:5px;bottom:0}
 #profile-dialog[data-tab="Collections"] .profile-body{padding:5px;border-width:5px;border-image-width:27px;border-image-outset:4px;border-radius:15px}
 #profile-dialog[data-tab="Collections"] .collection-tabs{min-height:45px;padding:3px 5px 6px;gap:6px}
 #profile-dialog[data-tab="Collections"] .collection-tabs button{min-height:35px;padding:2px 8px!important;gap:8px;font-size:13px;border-radius:12px!important}
 #profile-dialog[data-tab="Collections"] .collection-tabs img{width:30px;height:29px;border-radius:7px}
 #profile-dialog[data-tab="Collections"] .skins-layout{grid-template-columns:minmax(155px,.27fr) minmax(0,.73fr)}
 #profile-dialog[data-tab="Collections"] .skins-choice{gap:4px;overflow-y:auto;display:block;padding:5px 7px 9px}
 #profile-dialog[data-tab="Collections"] .skins-heading{min-height:21px;margin-bottom:3px}
 #profile-dialog[data-tab="Collections"] .skins-heading h2{font-size:16px}
 #profile-dialog[data-tab="Collections"] .skins-heading>span{font-size:11px}
 #profile-dialog[data-tab="Collections"] .collection-roster{margin-bottom:7px;padding:3px 4px 5px;gap:5px}
 #profile-dialog[data-tab="Collections"] .collection-roster button{height:54px;min-width:43px;font-size:11px}
 #profile-dialog[data-tab="Collections"] .collection-roster img{height:33px}
 #profile-dialog[data-tab="Collections"] .skins-cards{overflow:visible;min-height:0;height:auto;gap:7px;margin:0}
 #profile-dialog[data-tab="Collections"] .skins-cards .character-card-name{font-size:16px}
 #profile-dialog[data-tab="Collections"] .skin-description{margin:6px 0 0}
 #profile-dialog[data-tab="Collections"] .skins-view>footer{min-height:18px;padding:1px 8px}
 #profile-dialog[data-tab="Collections"] .skins-status{font-size:11px}
 #profile-dialog[data-tab="Collections"] .collection-stage-caption{top:8px;font-size:8px;letter-spacing:.5px;padding:4px 8px}
 #profile-dialog[data-tab="Collections"] .collection-stage-podium{bottom:40px;height:62px}
 #profile-dialog[data-tab="Collections"] .skins-character{bottom:66px;height:calc(100% - 78px)}
 #profile-dialog[data-tab="Collections"] .skins-stage-label{min-height:45px;bottom:6px;padding:5px;left:5%;right:5%;border-width:2px}
 #profile-dialog[data-tab="Collections"] .skins-stage-label strong{font-size:24px}
 #profile-dialog[data-tab="Collections"] .skin-name{font-size:11px;margin-top:1px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading){padding:6px 12px;min-height:49px;gap:10px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading) h2{font-size:23px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading)>div:first-child>small{display:none}
 #profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading) p{margin-top:2px;font-size:11px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-equipped,.trails-equipped){padding:4px 10px;max-width:180px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-equipped,.trails-equipped) strong{font-size:17px}
 #profile-dialog[data-tab="Collections"] .balloons-grid,#profile-dialog[data-tab="Collections"] .trails-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-grid,.trails-scroll){padding:8px 12px 13px}
 #profile-dialog[data-tab="Collections"] :is(.balloon-card,.trail-card)>h3{font-size:19px;min-height:39px}
 #profile-dialog[data-tab="Collections"] .balloon-card-art{min-height:125px}
 #profile-dialog[data-tab="Collections"] .trails-title-row{gap:13px;margin:2px 0 5px}
 #profile-dialog[data-tab="Collections"] .trail-mode-controls>button{min-width:105px;min-height:36px;font-size:12px}
 #profile-dialog[data-tab="Collections"] .trails-loading{display:none}
}
@media(max-width:600px) and (orientation:portrait){
 #profile-dialog.collection-art-page[open][data-tab="Collections"]{padding:7px 10px 14px}
 #profile-dialog[data-tab="Collections"] .collection-art-header{height:68px;margin-bottom:-4px}
 #profile-dialog[data-tab="Collections"] .collection-art-title{width:280px;max-width:86%}
 #profile-dialog[data-tab="Collections"] .collection-art-title h1{font-size:29px}
 #profile-dialog[data-tab="Collections"] .collection-art-owl{width:66px;height:49px;right:8px;bottom:35px}
 #profile-dialog[data-tab="Collections"] .collection-art-close{right:1px;bottom:-2px;width:38px;height:38px;min-height:38px;font-size:29px}
 #profile-dialog[data-tab="Collections"] .profile-body{padding:4px;border-width:4px;border-image-width:25px;border-image-outset:3px;border-radius:15px}
 #profile-dialog[data-tab="Collections"] .collection-tabs{min-height:56px;padding:5px 4px 6px;gap:5px}
 #profile-dialog[data-tab="Collections"] .collection-tabs button{flex-direction:column;min-height:45px;gap:1px;padding:2px 3px!important;font-size:11px;border-radius:11px!important;white-space:nowrap}
 #profile-dialog[data-tab="Collections"] .collection-tabs img{width:25px;height:24px;border-radius:5px}
 #profile-dialog[data-tab="Collections"] .skins-layout{display:block;overflow-y:auto;overscroll-behavior:contain}
 #profile-dialog[data-tab="Collections"] .skins-stage{height:225px;min-height:225px;border:0;border-bottom:2px solid #d1aa58;background-position:center 51%}
 #profile-dialog[data-tab="Collections"] .collection-stage-caption{left:12px;top:12px;transform:none;font-size:8px}
 #profile-dialog[data-tab="Collections"] .collection-stage-podium{width:170px;height:48px;left:calc(50% - 85px);bottom:40px}
 #profile-dialog[data-tab="Collections"] .skins-character{width:190px;height:175px;left:calc(50% - 95px);bottom:57px}
 #profile-dialog[data-tab="Collections"] .skins-stage-label{left:calc(50% - 97px);right:auto;width:194px;min-height:43px;bottom:6px;padding:4px 8px;border-width:2px}
 #profile-dialog[data-tab="Collections"] .skins-stage-label strong{font-size:23px}
 #profile-dialog[data-tab="Collections"] .skin-name{font-size:11px;margin-top:2px}
 #profile-dialog[data-tab="Collections"] .skins-choice{overflow:visible;gap:8px;padding:10px 8px}
 #profile-dialog[data-tab="Collections"] .skins-heading h2{font-size:19px}
 #profile-dialog[data-tab="Collections"] .collection-roster button{min-width:48px;height:63px;font-size:11px}
 #profile-dialog[data-tab="Collections"] .collection-roster img{height:42px}
 #profile-dialog[data-tab="Collections"] .skins-cards{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;flex:none;gap:12px 9px;height:auto}
 #profile-dialog[data-tab="Collections"] .skins-cards .skin-card,#profile-dialog[data-tab="Collections"] .skins-cards .skin-card[data-refine="true"]{height:auto;min-height:0}
 #profile-dialog[data-tab="Collections"] .skins-cards .character-card-name{font-size:18px}
 #profile-dialog[data-tab="Collections"] .skins-view>footer{padding:4px 8px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading){align-items:flex-start;gap:8px;padding:10px 9px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading) h2{font-size:23px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading) small{font-size:8px;letter-spacing:.6px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-heading,.trails-heading) p{font-size:11px;line-height:1.35}
 #profile-dialog[data-tab="Collections"] :is(.balloons-equipped,.trails-equipped){max-width:106px;padding:6px 8px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-equipped,.trails-equipped) strong{font-size:16px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-grid,.trails-scroll){padding:7px 9px 14px}
 #profile-dialog[data-tab="Collections"] .balloons-grid,#profile-dialog[data-tab="Collections"] .trails-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px}
 #profile-dialog[data-tab="Collections"] .balloon-card-art{min-height:128px}
 #profile-dialog[data-tab="Collections"] :is(.balloon-card,.trail-card)>h3{font-size:19px;min-height:41px}
 #profile-dialog[data-tab="Collections"] :is(.balloon-rarity,.trail-rarity){font-size:9px;letter-spacing:.5px}
 #profile-dialog[data-tab="Collections"] .trails-title-row{gap:9px;margin:4px 0 8px}
 #profile-dialog[data-tab="Collections"] .trail-mode-controls{gap:7px}
 #profile-dialog[data-tab="Collections"] .trail-mode-controls>button{min-width:87px;min-height:36px;padding:6px 9px;font-size:11px}
 #profile-dialog[data-tab="Collections"] .trail-mode-controls>button[data-trail-mode="custom"]{min-width:103px}
 #profile-dialog[data-tab="Collections"] .trails-heading .trails-equipped{display:none}
 #profile-dialog[data-tab="Collections"] .trails-exclusives{padding:7px;margin-top:18px}
 #profile-dialog[data-tab="Collections"] .trails-exclusives summary{font-size:20px}
 #profile-dialog[data-tab="Collections"] :is(.balloons-footnote,.trails-loading){padding:5px 9px;font-size:11px}
}