/* 1.4 shared surfaces. The artwork moves, never labels or click targets. */
:root{--card-radius:22px;--control-radius:13px;--surface-base:var(--v-surface-1d1c27);--surface-deep:var(--v-surface-15141d);--text-subtle:var(--v-ink-ada0bd);--action-accent:var(--v-accent-c6a8ec);--shadow-soft:0 12px 35px var(--v-shadow-08080b20);--spring-ui:cubic-bezier(.2,1.18,.3,1)}
.panel,.browser-panel,.upgrade-arena,.wallet-main,.wallet-reserved,.stat-card,.game-stage,.game-controls{border-radius:var(--card-radius);box-shadow:var(--shadow-soft);background-color:var(--surface-base)}
.panel.padded,.browser-panel{padding:24px}.panel>h2,.section-heading h2{font-weight:590;letter-spacing:-.015em}
.button{border-radius:var(--control-radius);min-height:44px;font-weight:550;transition:transform .4s var(--spring-ui),background .22s,color .22s,box-shadow .22s}
.button.primary{background:var(--action-accent);color:var(--v-ink-2b213c);box-shadow:0 6px 14px var(--v-shadow-100a1a18)}.button.secondary{background:var(--v-surface-322b3e);color:var(--v-ink-dfd1ee)}.button.ghost{color:var(--v-ink-c4b5d1)}
.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:scale(.965)}.button:disabled{opacity:.46;cursor:not-allowed;box-shadow:none}
input:not([type=range]),select,textarea{border-radius:var(--control-radius);background-color:var(--surface-deep)}input:not([type=range]),select{min-height:44px}
input:focus-visible,select:focus-visible,textarea:focus-visible,.button:focus-visible{outline:2px solid var(--v-line-ceb6ee);outline-offset:3px}
.main-content{max-width:1440px;margin-inline:auto}.page-heading h1{letter-spacing:-.035em}.page-heading p{color:var(--text-subtle)}
.header-wallet{background:var(--v-surface-292331);border-radius:16px}.header-wallet small{color:var(--v-ink-bba3ce);font-size:10px;letter-spacing:.04em}.header-wallet .balance-link{min-height:40px}.key-small{min-width:38px;min-height:38px;border-radius:11px}
.coin-mark{display:inline-grid;place-items:center;width:19px;height:19px;min-width:19px;border-radius:50%;background:linear-gradient(135deg,var(--v-fill-dac6f4),var(--v-fill-9875bd));color:var(--v-ink-3b2850);font:700 10px/1 system-ui;box-shadow:inset 0 0 0 2px var(--v-shadow-e1cff033);vertical-align:middle}
.collection-summary{display:flex;align-items:center;gap:44px;border-radius:var(--card-radius);padding:24px 28px;margin-bottom:22px;background:linear-gradient(110deg,var(--v-surface-2b2439),var(--v-surface-211e2c) 64%,var(--v-surface-24212e));box-shadow:var(--shadow-soft)}
.collection-summary>div{min-width:0}.collection-summary span{font-size:12px;color:var(--v-ink-b8a8c9)}.collection-summary strong{display:flex;align-items:center;gap:7px;font-size:29px;line-height:1.2;margin-top:12px;letter-spacing:-.025em;white-space:nowrap}.collection-summary small{font-size:13px;color:var(--text-subtle);font-weight:400}.collection-summary>.button{margin-left:auto}.collection-summary .coin-mark{width:26px;height:26px;font-size:13px}
.browser-filter{gap:12px}.search-field{background:var(--surface-deep);flex:1;max-width:430px;width:100%;border-radius:13px}.search-field input{width:100%;min-width:0}
.item-filters{display:flex;gap:9px;margin:-2px 0 18px;flex-wrap:wrap}.item-filters select{font-size:12px;color:var(--v-ink-c4b7d0);padding:7px 34px 7px 13px;max-width:100%;background-color:var(--v-surface-262131)}.item-filters label{max-width:100%;min-width:0}
.skin-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px}.skin-grid>.empty{width:100%;min-height:240px}
.skin-card,.inventory-tile{border-radius:18px;overflow:hidden;background:var(--v-surface-272330)}.skin-card{display:block;width:100%;padding:14px;isolation:isolate;position:relative;text-align:left;background:linear-gradient(160deg,var(--v-surface-302936),var(--v-surface-26232f) 68%);border:0;box-shadow:0 5px 15px var(--v-shadow-05040920);transition:background .22s,transform .5s var(--spring-ui)}
.skin-card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--hx,50%) var(--hy,30%),var(--rarity-wash,var(--v-fill-74608722)),transparent 67%);pointer-events:none;z-index:-1}
.skin-card:after{pointer-events:none}.skin-card.selected{background:var(--v-surface-3a2c4c)}.skin-card.selected:after{background:var(--v-fill-c6a8ec);width:22px;height:22px;line-height:22px;top:11px;right:11px;font-size:12px}.skin-card:hover{background-color:var(--v-surface-312839);transform:translateY(-3px)}.skin-card:focus-visible{outline:2px solid var(--v-line-d3b5fa);outline-offset:3px}
.skin-card>.skin-weapon{font-size:11px;letter-spacing:.01em;color:var(--v-ink-b4a7c0);padding-left:11px;position:relative}.skin-card>.skin-weapon:before{content:'';position:absolute;width:5px;height:5px;left:0;top:5px;border-radius:50%;background:var(--rarity,var(--v-fill-ba91ed))}
.skin-card>strong{font-size:14px;margin-top:4px;line-height:1.45;min-height:21px;font-weight:570}.skin-card-bottom{margin-top:15px;gap:8px}.skin-card-bottom small{color:var(--v-ink-a797b7);font-size:10px}.skin-card-bottom b{display:flex;align-items:center;gap:5px;font-size:13px;white-space:nowrap}.skin-card-bottom .coin-mark{width:15px;height:15px;min-width:15px;font-size:8px}
.skin-card-art,.slot-art{overflow:hidden;border-radius:16px;perspective:750px;isolation:isolate}.skin-card-art{height:128px;margin:-6px -6px 9px}
.skin-picture{position:relative;display:block;width:100%;height:100%;perspective:750px;isolation:isolate}.skin-picture:before{content:'';position:absolute;left:16%;right:16%;bottom:19%;height:7%;border-radius:50%;background:var(--v-surface-00000033);filter:blur(9px);z-index:-1}
.skin-picture img.skin-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:9px;pointer-events:none;user-select:none;opacity:0;filter:drop-shadow(0 10px 8px var(--v-shadow-06050945));transform:translate3d(var(--sx,0px),var(--sy,0px),0) rotateX(var(--sk,0deg)) rotateY(var(--sr,0deg)) scale(var(--hs,1));transition:opacity .32s;will-change:auto}
.is-tracking .skin-art{will-change:transform}.image-ready img.skin-art{opacity:1}.image-ready .skin-picture-status{opacity:0;visibility:hidden}.skin-picture-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--v-ink-897a98);pointer-events:none;background:linear-gradient(110deg,transparent,var(--v-fill-9382ae0b),transparent)}.skin-picture-status .icon{width:28px;height:28px;stroke-width:1.2}.skin-picture-status small{font-size:10px;font-weight:400}.skin-picture.image-unavailable .skin-picture-status{opacity:.65}
.rarity-industrial{--rarity:var(--v-ink-86b5eb);--rarity-wash:var(--v-fill-4d8fe71c)}.rarity-restricted{--rarity:var(--v-ink-b293f0);--rarity-wash:var(--v-fill-9e65ec20)}.rarity-classified{--rarity:var(--v-ink-cf8abe);--rarity-wash:var(--v-fill-b85bab1c)}.rarity-covert{--rarity:var(--v-ink-e18d9e);--rarity-wash:var(--v-fill-ba566e1a)}.rarity-knife{--rarity:var(--v-ink-dabb8a);--rarity-wash:var(--v-fill-b7873c20)}
.inventory-tile{display:flex;flex-direction:column;box-shadow:0 5px 15px var(--v-shadow-05040920)}.inventory-tile .skin-card{box-shadow:none;border-radius:18px 18px 0 0;flex:1}.inventory-tile .skin-card:hover{transform:none}.tile-actions{display:flex;align-items:center;gap:5px;padding:0 10px 12px}.tile-actions .button{padding:8px 9px;font-size:11px;min-height:40px;flex:1}.tile-actions .icon{width:14px;height:14px}.tile-actions .ghost{flex:0;white-space:nowrap}
.upgrade-arena{background:linear-gradient(110deg,var(--v-surface-251f30),var(--v-surface-1e1c27) 44%,var(--v-surface-26202f));position:relative}.upgrade-slot.has-item:hover .slot-art{transform:none}.slot-art{height:182px;max-width:280px}.upgrade-slot.has-item .slot-art{background:radial-gradient(ellipse at 50% 55%,var(--rarity-wash),transparent 70%)}.upgrade-slot small{color:var(--v-ink-afa0bf)}.upgrade-action>.text-link{min-height:36px}.upgrade-presets button{border-radius:10px;min-height:38px}.browser-top{flex-wrap:wrap}.browser-top>.ghost{margin-left:0}.browser-tabs{margin-right:auto}
.item-detail-art{height:220px;max-width:100%;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 50% 55%,var(--rarity-wash,var(--v-fill-8d61c21a)),var(--v-surface-1b182200));perspective:750px}.item-detail-art .skin-art{padding:8px 26px}.item-detail-meta{text-align:center;margin-top:5px}.item-detail-meta>span{font-size:12px;color:var(--text-subtle)}.item-detail-meta h3{font-size:25px;margin:8px 0;letter-spacing:-.02em}.item-detail-meta p{font-size:12px}.item-detail-meta strong{font-size:22px;display:block;margin:18px 0 22px}.item-detail-meta small{font-size:13px;font-weight:400;color:var(--text-subtle)}.item-detail-actions{display:grid;gap:8px}.item-detail-actions>.button{margin:0!important}
.shop-grid{gap:12px;padding:4px;grid-template-columns:repeat(3,minmax(0,1fr))}.shop-checkout{background:var(--v-surface-191620);border-radius:17px;padding:16px;gap:12px}.shop-checkout .quantity-switch button{min-width:40px;min-height:40px}.shop-checkout .primary{min-height:45px}.shop-checkout small{color:var(--text-subtle)}
.modal{border-radius:24px}.modal-top{gap:12px}.modal-top h2{font-weight:590}.modal-description{color:var(--text-subtle)}.admin-tabs{gap:8px}.admin-tabs>button{min-height:44px;border-radius:12px}.stat-card{background:linear-gradient(130deg,var(--v-surface-27222f),var(--v-surface-1e1c28))}.request-row{border-radius:18px}.request-row .button{border-radius:11px}.home-utilities{border-radius:22px}.utility-card{border-radius:16px;min-height:88px}.home-heading p{font-size:13px;line-height:1.7}
@media(min-width:901px){.nav-item{border-radius:13px;min-height:44px}.sidebar-key{border-radius:14px}.collection-browser{padding:24px}.inventory-tile:hover{background:var(--v-surface-2e2739)}}
@media(max-width:1150px){.slot-art{height:155px}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(162px,1fr))}}
@media(max-width:700px){
.panel.padded,.browser-panel{padding:16px}.collection-summary{padding:20px;gap:20px;flex-wrap:wrap;margin-bottom:16px}.collection-summary>div{flex:1}.collection-summary strong{font-size:22px;gap:4px}.collection-summary small{font-size:10px}.collection-summary .coin-mark{width:20px;height:20px;font-size:10px}.collection-summary>.button{width:100%;margin:0}.page-heading{flex-wrap:wrap;gap:12px}.route-inventory .page-heading>.button{font-size:12px}
.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-card{padding:12px;border-radius:16px}.skin-card-art{height:104px;margin-bottom:7px}.skin-card>strong{font-size:12px}.skin-card-bottom{margin-top:11px}.skin-card-bottom b{font-size:12px}.skin-card>.skin-weapon{font-size:10px}.tile-actions{padding:0 7px 10px;gap:2px;flex-wrap:wrap}.tile-actions .button{min-height:42px;padding:8px 6px;font-size:10px}.tile-actions .icon{display:none}.inventory-tile .skin-card{border-radius:16px 16px 0 0}.inventory-tile{border-radius:16px}
.item-filters{gap:7px;flex-wrap:nowrap}.item-filters label{flex:1}.item-filters select{width:100%;font-size:11px;min-height:42px;padding-left:10px;padding-right:22px}.search-field{max-width:100%;min-width:0}.browser-filter{margin:12px 0}.browser-filter>.muted{font-size:10px}.browser-top{gap:8px}.browser-top>.button{font-size:11px;min-width:0;min-height:42px;padding:8px 10px;gap:5px}.browser-top>.button .icon{width:14px}.browser-tabs{width:100%;margin:0}.browser-tabs button{min-height:44px;font-size:13px}.browser-top>.ghost{margin-left:auto}
.slot-art{height:110px}.upgrade-slot{padding:5px 1px}.upgrade-slot>strong{font-size:11px}.upgrade-presets button{min-height:36px}.upgrade-action>.text-link{font-size:11px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:48dvh}.shop-grid .skin-card-art{height:92px}.shop-checkout{padding:13px;margin-top:14px}.shop-checkout>div:first-child{min-width:130px}.shop-checkout strong{font-size:12px}.shop-checkout>.primary{width:100%}.item-detail-art{height:180px}.item-detail-meta h3{font-size:22px}
.modal{border-radius:24px 24px 0 0}.key-small{min-width:32px;min-height:32px}.header-wallet .balance-link{min-height:32px}.header-wallet small{font-size:9px}.utility-card{min-height:70px}.collection-browser .browser-top h2{font-size:18px}.skin-grid>.empty{min-height:210px;padding:25px 10px}
}
@media(prefers-reduced-motion:reduce){.skin-art,.button,.skin-card{transition:none!important;transform:none!important;will-change:auto!important}}
html[data-motion=reduced] .skin-art{transform:none!important;will-change:auto!important}