/* AI illustrated navigation keeps text labels and touch targets. */
.ui-art-icon{display:block;width:28px;height:28px;object-fit:contain;flex-shrink:0;pointer-events:none;filter:drop-shadow(0 2px 3px #03091c55)}
.collection-heading h2{display:flex;align-items:center;gap:9px}.collection-heading h2>.ui-art-icon{width:31px;height:31px}
#collectionDialog .collection-tabs{gap:5px;padding-top:7px;padding-bottom:9px}
#collectionDialog .collection-tabs>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:68px;padding:7px 3px;font-size:11px;line-height:1.25;border:1px solid transparent;border-radius:12px}
#collectionDialog .collection-tabs>button>.ui-art-icon{width:31px;height:31px}
#collectionDialog .collection-tabs>button[aria-selected=true]{border-color:#c1b4f374;background:linear-gradient(145deg,#57528370,#28364e);box-shadow:inset 0 1px #e8e0ff20}
#collectionDialog .collection-tabs>button[data-collection-tab=shop][aria-selected=true]{border-color:#d9bc7880;background:linear-gradient(140deg,#65513b80,#263845)}
#collectionDialog .collection-categories>button,#collectionDialog .collection-new-filter{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:6px 9px;line-height:1.35}
#collectionDialog .collection-categories>button>.ui-art-icon,#collectionDialog .collection-new-filter>.ui-art-icon{width:23px;height:23px}
#collectionDialog .badge-filter>button{flex:1;min-width:0;padding:5px 7px}
#collectionDialog .badge-filter>button>.ui-art-icon{width:24px;height:24px}
.shop-welcome{position:relative;display:flex;align-items:center;gap:15px;border:1px solid #c9b28b44;background:linear-gradient(120deg,#5946593d,#27434938);border-radius:14px;padding:12px 16px;margin:0 0 12px;overflow:hidden;min-height:91px}
.shop-welcome:before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,#baabdc 0 20px,#eadcba 20px 40px);opacity:.6}
.shop-welcome>.ui-art-icon{height:67px;width:67px}.shop-welcome strong{font-size:15px;color:#efdfb7}.shop-welcome p{font-size:11px;line-height:1.6;color:#bfccdc;margin-top:6px}
#collectionDialog[data-tab=shop] .cosmetic-card{border-color:#9f92b72b;background:linear-gradient(150deg,#28364b85,#172137);box-shadow:inset 0 -3px #a28b6630}
#collectionDialog[data-tab=shop] .cosmetic-card[aria-pressed=true]{border-color:#dbbc80;box-shadow:inset 0 -3px #d0b27580,0 0 0 1px #e6d4a726}
#title .title-start{width:100%;min-height:68px;font-size:22px;border-radius:19px;padding:16px 24px;background:linear-gradient(105deg,#96f2e0,#a9d9ff 65%,#c9c0ff);box-shadow:0 8px 30px #61cdda30,inset 0 1px #fff9;margin:4px 0 1px}
#title .title-start:before{content:'▶';display:inline-block;margin-right:13px;font-size:17px;vertical-align:1px}
#title .journey-entry{min-height:58px;background:linear-gradient(110deg,#28394877,#292d4680);border-color:#9dbccc38}
#title .shop-entry{position:relative;min-height:97px;padding:11px 13px;gap:11px;border:1px solid #d8ba7866;background:linear-gradient(110deg,#55416a66,#293b4e88);overflow:hidden;box-shadow:inset 0 1px #fff2,0 8px 25px #0002}
#title .shop-entry:before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,#b8a6da 0 22px,#e0d3b8 22px 44px);opacity:.68}
#title .shop-entry-art{width:74px;height:74px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 5px #070d2355)}
#title .shop-entry>.avatar-preview,#title .shop-entry .entry-badge,#title .shop-entry [data-collection-title]{display:none}
#title .shop-entry .collection-entry-copy>strong{font-size:14px;color:#f1dfbb;line-height:1.45}
#title .shop-entry .shop-entry-hint{display:block;font-size:10px;line-height:1.65;color:#c5cede;margin-top:4px}
#title .shop-entry .entry-balance{font-size:12px;align-self:center;gap:3px}
@media(max-width:620px){
 #collectionDialog .collection-tabs>button{font-size:10px;min-height:62px;gap:4px}#collectionDialog .collection-tabs>button>.ui-art-icon{width:28px;height:28px}
 #collectionDialog .collection-browser-tools{display:block}#collectionDialog .collection-categories:not(.badge-filter){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 #collectionDialog .collection-categories>button{font-size:10px;padding:5px 4px;gap:5px;min-height:40px}#collectionDialog .collection-categories>button>.ui-art-icon{width:22px;height:22px}
 #collectionDialog .collection-new-filter{margin:7px 0 0 auto;min-height:34px;padding:4px 11px;font-size:10px}
 #collectionDialog .badge-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#collectionDialog .badge-filter>button{flex-direction:column;gap:3px;font-size:9px;min-height:55px;padding:5px 2px}
 .shop-welcome{min-height:76px;padding:9px 11px;gap:10px;margin-bottom:10px}.shop-welcome>.ui-art-icon{width:56px;height:56px}.shop-welcome strong{font-size:13px}.shop-welcome p{font-size:10px;margin-top:4px}
 #title .shop-entry{min-height:85px;padding:10px;gap:8px}#title .shop-entry-art{width:60px;height:60px}#title .shop-entry .collection-entry-copy>strong{font-size:12px}#title .shop-entry .shop-entry-hint{font-size:9px}#title .shop-entry .entry-balance{font-size:11px}
}
@media(max-height:650px){#title .title-start{min-height:58px;font-size:19px;padding:12px 18px}#title .shop-entry{min-height:72px;padding:8px 10px}#title .shop-entry-art{width:50px;height:50px}#title .journey-entry{min-height:49px}}
@media(max-height:460px) and (orientation:landscape){#title .title-start{grid-column:2;grid-row:1/3;min-height:61px}#title .battle-main-entry{grid-column:2;grid-row:3}#title .journey-entry{grid-column:2;grid-row:4;min-height:48px}#title .shop-entry{grid-column:2;grid-row:5/7;min-height:79px}#title .title-tools{grid-column:2;grid-row:7}#title .intro-steps{grid-column:1;grid-row:4}#title .depth-link{grid-column:1;grid-row:5}#title #bestT{grid-column:1;grid-row:6}#title #connection,#title #startStatus,#title #updateApp{grid-column:1;grid-row:7}.shop-welcome{min-height:66px;padding:8px 12px}.shop-welcome>.ui-art-icon{width:48px;height:48px}#collectionDialog .collection-tabs>button{min-height:52px;gap:2px;font-size:10px}#collectionDialog .collection-tabs>button>.ui-art-icon{width:24px;height:24px}}

@media(max-width:360px){#collectionDialog .collection-categories:not(.badge-filter)>button{font-size:9px;gap:3px;padding:5px 3px}#collectionDialog .collection-categories:not(.badge-filter)>button>.ui-art-icon{width:19px;height:19px}#collectionDialog .collection-categories:not(.badge-filter)>button>span{white-space:nowrap}}