/* Generated neon illustrations and actual receipt values share the mobile rail.
   Desktop keeps the full illustrated receipt cards. */
.mobile-collections{display:none}
@media(max-aspect-ratio:1/1),(max-width:1100px) and (max-height:600px){
 #app .power-panel.has-mobile-collections #mobile-collections-button,
 #app .power-panel.has-mobile-collections .collections-feed{display:none!important}
 #app .power-panel.has-mobile-collections::after{display:none}
 #app .power-panel.has-mobile-collections{pointer-events:auto}
 .mobile-collections{
  --collection-columns:6;--collection-gap:2px;--collection-chip-height:clamp(18px,6.2cqw,34px);
  display:block;position:absolute;left:0;right:0;top:calc(13.9cqw - var(--mobile-touch-row,44px) * 1.5);
  height:var(--mobile-touch-row,44px);min-height:44px;z-index:5;margin:0;
  padding:min(calc(var(--mobile-touch-row,44px) * 1.5 - 10.25cqw - var(--collection-chip-height) / 2),calc(var(--mobile-touch-row,44px) - var(--collection-chip-height))) 0 0;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:auto;touch-action:pan-x;
  -webkit-overflow-scrolling:touch;outline-offset:-2px;pointer-events:auto;
 }
 .mobile-collections::-webkit-scrollbar{display:none}
 .mobile-collections:focus-visible{outline:1px solid #77e9ff}
 .mobile-collection-list{display:flex;flex-flow:row nowrap;align-items:center;gap:var(--collection-gap);width:100%;height:var(--collection-chip-height);margin:0;padding:0;list-style:none}
 .mobile-collection-chip{
  --chip-color:#a7ffc9;flex:0 0 calc((100% - var(--collection-gap) * (var(--collection-columns) - 1)) / var(--collection-columns));
  display:flex;align-items:center;justify-content:center;gap:clamp(1px,.3cqw,2px);position:relative;min-width:0;height:100%;padding:0 .5px;
  border-right:1px solid #3b799e66;background:linear-gradient(180deg,#06304a29,#03172455);color:var(--chip-color);contain:layout style;
 }
 .mobile-collection-chip:last-child{border-right-color:transparent}
 .mobile-collection-chip[data-tone=cyan]{--chip-color:#8bffff}
 .mobile-collection-chip[data-tone=lime]{--chip-color:#b5ff8b}
 .mobile-collection-chip[data-tone=red]{--chip-color:#ff746d}
 .mobile-collection-chip[data-tone=purple]{--chip-color:#dea4ff}
 .mobile-collection-chip[data-tone=orange]{--chip-color:#ffc081}
 .mobile-collection-icon{display:block;position:relative;flex:0 0 clamp(16px,5.8cqw,30px);width:clamp(16px,5.8cqw,30px);height:clamp(16px,5.8cqw,30px);background:none;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--chip-color) 42%,transparent));pointer-events:none}
 .mobile-collection-icon::before{content:'';position:absolute;left:50%;top:50%;width:var(--neon-art-width);height:var(--neon-art-height);transform:translate(-50%,-50%);background:url('../../public/assets/ui-v25-mobile/collection-neon-icons.png') var(--neon-icon-x) var(--neon-icon-y) / var(--neon-atlas-width) var(--neon-atlas-height) no-repeat;pointer-events:none}
 .mobile-collection-award{display:block;flex:0 1 auto;min-width:0;font-size:clamp(9px,2.65cqw,15px);font-weight:800;line-height:1;letter-spacing:-.025em;white-space:nowrap;text-box:trim-both cap alphabetic;text-shadow:0 0 5px color-mix(in srgb,var(--chip-color) 32%,transparent);pointer-events:none}
 .mobile-collection-award.is-word{font-size:clamp(6px,1.7cqw,10px);letter-spacing:-.02em}
 .mobile-collection-chip:has(.is-word) .mobile-collection-icon{flex-basis:clamp(14px,5.25cqw,28px);width:clamp(14px,5.25cqw,28px);height:clamp(14px,5.25cqw,28px)}
 .mobile-collection-award.is-long{font-size:clamp(6px,1.65cqw,10px);letter-spacing:-.035em}
 .mobile-collection-chip.is-empty{background:transparent;border-right-color:#2d577345}
 .mobile-collection-chip.is-empty .mobile-collection-icon{opacity:.18;filter:saturate(.6)}
 .mobile-collection-empty-mark{font-size:clamp(12px,3cqw,18px);line-height:1;color:#72afcf44}
 .mobile-collections[data-empty=true]{cursor:default}
}
@media(min-aspect-ratio:10001/10000) and (max-width:1100px) and (max-height:600px){
 .mobile-collections{
  --collection-columns:5;--collection-gap:1px;--collection-chip-height:24px;
  --collection-hit-top:min(calc(var(--landscape-board) * .073169014 - 22px),calc(var(--landscape-board) * .217535211 - 66px));
  top:var(--collection-hit-top);height:44px;
  padding:calc(var(--landscape-board) * .073169014 - var(--collection-hit-top) - var(--collection-chip-height) / 2) 0 0;
 }
 .mobile-collection-chip{gap:1px;padding:0 1px}
 .mobile-collection-icon{flex-basis:20px;width:20px;height:20px}
 .mobile-collection-chip:has(.is-word) .mobile-collection-icon{flex-basis:16px;width:16px;height:16px}
 .mobile-collection-award{font-size:9px}.mobile-collection-award.is-word,.mobile-collection-award.is-long{font-size:6px;letter-spacing:-.025em}
 .mobile-collection-chip.is-empty:nth-child(n+6){display:none}
}
@media(min-aspect-ratio:10001/10000) and (max-width:1100px) and (max-height:350px){
 .mobile-collections{--collection-chip-height:21px}
 .mobile-collection-icon{flex-basis:18px;width:18px;height:18px}
 .mobile-collection-chip:has(.is-word) .mobile-collection-icon{flex-basis:14px;width:14px;height:14px}
}