/* Approved collection v1: real independent model images and live inventory. */
.claw-platform.platform-shell>#collection[data-platform-page]{width:100%;max-width:none;margin:0;padding:0}
#read-ui-collection.global-collection{--collection-ink:#141750;--collection-unowned:#8e8e9e;width:100%;padding:0 0 22px;color:var(--collection-ink)}
#read-ui-collection .collection-heading{position:relative;height:118px;margin:0;padding:0;text-align:center}
#read-ui-collection .collection-title{position:absolute;top:7px;left:calc(50% + 24px);transform:translateX(-50%);width:331px;height:59px;margin:0;padding:0}
#read-ui-collection .collection-title-art,#read-ui-collection .collection-title-art img{display:block;width:100%;height:100%;object-fit:contain}
#read-ui-collection .collection-subtitle{position:absolute;top:69px;left:calc(50% + 24px);transform:translateX(-50%);margin:0;color:var(--collection-ink);font-size:18px;font-weight:700;line-height:23px;letter-spacing:0;white-space:nowrap}
#read-ui-collection .collection-legend{position:absolute;top:74px;right:22px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:13px;line-height:20px;white-space:nowrap}
#read-ui-collection .collection-legend-key{display:flex;align-items:center;gap:6px}
#read-ui-collection .collection-legend-dot{display:inline-block;flex:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ece8ff,#bab2ff);box-shadow:inset 0 1px 1px #ffffffb3}
#read-ui-collection .collection-legend-dot.empty{background:linear-gradient(135deg,#f4f4f6,#d6d6da)}
#read-ui-collection .collection-scroll{box-sizing:border-box;width:min(888px,100%);height:622px;max-height:max(300px,calc(100dvh - 230px));margin:0 auto;padding:1px 17px 12px 1px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:#cfc6fc #eae5fb;border-radius:4px}
#read-ui-collection .collection-scroll::-webkit-scrollbar{width:10px}
#read-ui-collection .collection-scroll::-webkit-scrollbar-track{background:#eae5fb;border-radius:8px}
#read-ui-collection .collection-scroll::-webkit-scrollbar-thumb{background:#cfc6fc;border-radius:8px}
#read-ui-collection .collection-scroll:focus-visible{outline:3px solid #7765d0;outline-offset:4px}
#read-ui-collection .collection-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16.5px 20px;margin:0;padding:0}
#read-ui-collection .collection-tile{position:relative;isolation:isolate;aspect-ratio:200 / 196;min-width:0;margin:0;padding:0;border:0;background:none}
#read-ui-collection .collection-card-skin{position:absolute;z-index:-1;left:-.5%;top:-.510204%;width:100.5%;height:100.510204%;pointer-events:none;user-select:none;filter:drop-shadow(0 5px 6px #b57a3514)}
#read-ui-collection .collection-card-skin img{display:block;width:100%;height:100%;max-width:none}
#read-ui-collection .collection-model-image{position:absolute;left:15%;top:6.122449%;width:70%;height:62.755102%;display:grid;place-items:center;min-width:0}
#read-ui-collection .collection-model-image img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}
#read-ui-collection .collection-tile.locked .collection-model-image img{filter:grayscale(1);opacity:.42}
#read-ui-collection .collection-tile figcaption{position:absolute;left:4%;top:70.918367%;width:92%;height:25%;display:grid;place-items:center;margin:0;padding:0;border:0;background:none}
#read-ui-collection .collection-model-count{min-width:0;color:var(--collection-ink);font:400 24px/1 "DejaVu Sans","Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
#read-ui-collection .collection-tile.locked .collection-model-count,#read-ui-collection .collection-tile.unknown .collection-model-count{color:var(--collection-unowned)}
#read-ui-collection .collection-image-missing{padding:10px;text-align:center;color:#8b849d;font-size:12px}
#read-ui-collection .collection-notice{margin:8px 0 16px;text-align:center;color:#79718b;font-size:13px}
#read-ui-collection .collection-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Navigation state assets apply only while this page is visible. */
body:has(#collection[data-platform-page]:not([hidden])) .platform-nav [data-platform-nav=collection] .platform-nav-picture-icon{background:url('/game/platform-art/approved-collection-v1/icons/collection-active-desktop.png') center/contain no-repeat}
body:has(#collection[data-platform-page]:not([hidden])) .platform-nav [data-platform-nav=lobby] .platform-nav-picture-icon{background:url('/game/platform-art/approved-collection-v1/icons/lobby-inactive-desktop.png') center/contain no-repeat}
body:has(#collection[data-platform-page]:not([hidden])) .platform-nav :is([data-platform-nav=collection],[data-platform-nav=lobby]) .platform-nav-picture-icon>img{opacity:0}
@media(min-width:641px) and (max-width:959px){
 #read-ui-collection .collection-heading{height:140px}
 #read-ui-collection .collection-legend{top:106px;right:auto;left:50%;transform:translateX(-50%);font-size:12px}
 #read-ui-collection .collection-model-count{font-size:clamp(19px,2.5vw,24px)}
}
@media(max-width:640px){
 .claw-platform.platform-shell>#collection[data-platform-page]{padding-top:0}
 #read-ui-collection.global-collection{padding-bottom:10px}
 #read-ui-collection .collection-heading{height:137px}
 #read-ui-collection .collection-title{top:15px;left:50%;width:242px;height:44px}
 #read-ui-collection .collection-subtitle{top:64px;left:50%;font-size:16px;line-height:21px}
 #read-ui-collection .collection-legend{top:100px;left:50%;right:auto;transform:translateX(-50%);gap:24px;font-size:13px;line-height:20px}
 #read-ui-collection .collection-scroll{width:calc(100% - 9px);height:auto;max-height:none;overflow:visible;scrollbar-gutter:auto;padding:1px 1px 12px}
 #read-ui-collection .collection-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}
 #read-ui-collection .collection-tile{aspect-ratio:98 / 121}
 #read-ui-collection .collection-card-skin{left:-1.020408%;top:-.826446%;width:101.020408%;height:100.826446%}
 #read-ui-collection .collection-model-image{left:10.204082%;top:5.785124%;width:79.591837%;height:61.983471%}
 #read-ui-collection .collection-tile figcaption{left:5.102041%;top:71.07438%;width:89.795918%;height:24.793388%}
 #read-ui-collection .collection-model-count{font-size:17px}
 body:has(#collection[data-platform-page]:not([hidden])) .platform-nav [data-platform-nav=collection] .platform-nav-picture-icon{background-image:url('/game/platform-art/approved-collection-v1/icons/collection-active-mobile.png')}
 body:has(#collection[data-platform-page]:not([hidden])) .platform-nav [data-platform-nav=lobby] .platform-nav-picture-icon{background-image:url('/game/platform-art/approved-collection-v1/icons/lobby-inactive-mobile.png')}
}
@media(max-width:340px){#read-ui-collection .collection-legend{gap:17px;font-size:12px}}

/* Model display shelves: retain the real front renders, let the page scroll. */
#read-ui-collection .collection-scroll{height:auto;max-height:none;overflow:visible;scrollbar-gutter:auto;padding:4px 0 32px;width:100%;max-width:960px;border-radius:0}
#read-ui-collection .collection-catalog{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#read-ui-collection .collection-tile{aspect-ratio:180 / 220;border:1px solid #fff;border-radius:24px;background:linear-gradient(150deg,#fff 12%,#fff8ed 100%);box-shadow:0 6px 20px #30205409,inset 0 1px 0 #fff;overflow:hidden}
#read-ui-collection .collection-tile::before{content:'';position:absolute;left:12%;top:18%;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff8e4,#eee4ff 78%);opacity:.85;z-index:-1}
#read-ui-collection .collection-item-number{position:absolute;top:14px;left:16px;color:#a298b4;font-size:12px;letter-spacing:1.5px;line-height:1}
#read-ui-collection .collection-model-image{left:10%;top:13%;width:80%;height:64%}
#read-ui-collection .collection-model-image img{filter:drop-shadow(0 7px 5px #33215515)}
#read-ui-collection .collection-tile figcaption{left:12px;right:12px;top:auto;bottom:12px;width:auto;height:36px;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 12px;border-radius:12px;background:#eee5ff;box-shadow:inset 0 1px 0 #ffffffc9}
#read-ui-collection .collection-item-state{font-size:12px;color:#685392;white-space:nowrap}
#read-ui-collection .collection-model-count{font-size:20px;color:#201953}
#read-ui-collection .collection-tile.locked{background:linear-gradient(145deg,#ffffffad,#f4f2f7);border-color:#ffffffd9;box-shadow:0 4px 14px #30205405}
#read-ui-collection .collection-tile.locked::before{background:radial-gradient(circle at 35% 25%,#fff,#e5e2ed);opacity:.7}
#read-ui-collection .collection-tile.locked .collection-model-image img{filter:grayscale(1);opacity:.48}
#read-ui-collection .collection-tile.locked figcaption,#read-ui-collection .collection-tile.unknown figcaption{background:#eeecf2;box-shadow:none}
#read-ui-collection .collection-tile.locked .collection-item-state,#read-ui-collection .collection-tile.unknown .collection-item-state{color:#7e778c}
@media(min-width:641px) and (max-width:900px){#read-ui-collection .collection-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){
 #read-ui-collection .collection-scroll{width:100%;padding:0 0 24px}
 #read-ui-collection .collection-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #read-ui-collection .collection-tile{aspect-ratio:170 / 206;border-radius:20px}
 #read-ui-collection .collection-item-number{top:13px;left:14px}
 #read-ui-collection .collection-tile figcaption{left:10px;right:10px;bottom:10px;padding:0 10px;height:34px}
 #read-ui-collection .collection-model-count{font-size:19px}
}

.collection-tile .collection-find-machine{position:absolute;top:8px;right:8px;z-index:2;min-height:32px;padding:4px 10px;border:1px solid #dbc9fa;border-radius:16px;background:#fffaf4;color:#67509b;font:400 12px ClawSystemLocal;cursor:pointer;box-shadow:0 2px 0 #e9ddf5}.collection-tile .collection-find-machine:hover{background:#efe5ff}.collection-tile .collection-find-machine:focus-visible{outline:3px solid #9270ce;outline-offset:2px}.collection-tile .collection-find-machine:disabled{opacity:.6;cursor:wait}.claw-platform .platform-machine-card.collection-machine-match{position:relative;outline:none}
.claw-platform .platform-machine-card.collection-machine-match::after{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border:2px solid #c3a1ef;box-shadow:inset 0 0 0 2px #fff9ee,inset 0 0 16px #dcc4fa99;animation:collection-machine-glow 1s ease-in-out 3 both;animation-delay:var(--match-delay,0ms)}
@keyframes collection-machine-glow{0%,100%{opacity:0}40%,60%{opacity:1}}
@media(prefers-reduced-motion:reduce){.claw-platform .platform-machine-card.collection-machine-match::after{animation:none;opacity:1}}
.collection-tile button.collection-find-machine{width:auto;left:auto;margin:0;min-width:0;height:32px;line-height:20px}

/* Point at the entry action, without outlining the machine card. */
.claw-platform .platform-machine-card.collection-machine-match::after{display:none!important}
.claw-platform .collection-machine-match .platform-enter::after{content:'';position:absolute;z-index:5;left:-66px;top:12px;bottom:auto;width:112px;height:112px;background:url(/game/platform-art/collection-pointer-down-right-v3.png) center/contain no-repeat;pointer-events:none;animation:collection-hand-float 1s ease-in-out 3 both;animation-delay:var(--match-delay,0ms);filter:drop-shadow(0 3px 2px #54387270) drop-shadow(0 0 3px #fff)}
@keyframes collection-hand-float{0%,100%{transform:translate(-3px,-3px)}50%{transform:translate(3px,3px)}}
@media(prefers-reduced-motion:reduce){.claw-platform .collection-machine-match .platform-enter::after{animation:none;transform:none}}

.claw-platform .platform-machine-card.collection-machine-match{overflow:visible!important;z-index:auto!important}

.claw-platform .platform-machine-card.collection-machine-match{z-index:2!important}
.claw-platform .platform-machine-card.collection-machine-match:has(~ .collection-machine-match){z-index:3!important}

/* Keep the full pointing hand inside the card, clear of fixed bottom navigation. */
.claw-platform .collection-machine-match .platform-enter::after{top:auto;bottom:12px;scale:1}