.skins-button{color:#caff55;border-color:#667e43;background:#27351d}
.skin-shop{width:min(1080px,calc(100vw - 32px));max-width:none;height:min(880px,calc(100dvh - 32px));max-height:none;padding:0;overflow:hidden;background:#101a15;border:1px solid #52684c;border-radius:20px;color:#edf6e8;box-shadow:0 30px 120px #000a}
.skin-shop[open]{display:flex;flex-direction:column}
.skin-shop::backdrop{background:#030a07db;backdrop-filter:blur(8px)}
.skin-shop-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px 18px;border-bottom:1px solid #324233;flex:none;gap:12px}
.skin-shop-header h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:36px;letter-spacing:.02em;line-height:1;margin:7px 0}
.skin-shop-header h2 span{color:#caff55}.skin-shop-header p{font-size:13px;color:#b2c0b3;margin:0}
.skin-shop-header .icon-button{flex:none}
.skin-shop-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0;flex:1}
.sphere-skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px;padding:22px;overflow:auto;overscroll-behavior:contain}
.sphere-skin-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:16px 10px 13px;color:#e0eadd;border:1px solid #344235;border-radius:14px;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--skin-accent) 13%,#16241a),#121b16 73%);transition:border-color .15s,background .15s}
.sphere-skin-card:hover{border-color:var(--skin-accent)}
.sphere-skin-card[aria-pressed=true]{border:2px solid var(--skin-accent);padding:15px 9px 12px;box-shadow:inset 0 0 26px color-mix(in srgb,var(--skin-accent) 10%,transparent)}
.sphere-skin-card:focus-visible{outline:3px solid white;outline-offset:2px}
.sphere-skin-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 7px #0005)}
.sphere-skin-card strong{font-size:13px;line-height:1.25;text-align:center}
.sphere-skin-number{position:absolute;z-index:1;top:8px;left:9px;display:grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:6px;background:#0a110ee8;color:var(--skin-accent);font-weight:800;font-size:12px}
.skin-detail{display:flex;flex-direction:column;justify-content:flex-start;border-left:1px solid #344235;background:#18221a;padding:20px;overflow:auto;min-width:0}
.skin-detail-art canvas{display:block;width:100%;height:auto;max-height:290px;object-fit:contain}
.skin-detail-info h3{font-size:25px;line-height:1.1;margin:8px 0;color:var(--skin-accent)}
.skin-detail-info p{font-size:13px;line-height:1.45;color:#c0cbbb;margin:8px 0 14px}
.skin-face-toggle{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer;min-height:36px}
.skin-face-toggle input{flex:none;width:18px;height:18px;margin:0;accent-color:#caff55;cursor:pointer}
#skin-shop-status{font-size:12px;color:#c1d5ab;min-height:34px;margin:8px 0}
.skin-detail .primary-button{min-height:48px;width:100%;font-size:24px;justify-content:center;padding:12px 8px;white-space:nowrap;line-height:1.2}
.skin-detail .practice-button{width:100%;font-size:12px;padding:13px 4px}
.skin-detail-info>small{display:block;text-align:center;font-size:11px;color:#a6b39f}
@media(max-width:760px){
  .skin-shop{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:14px}
  .skin-shop-header{padding:15px 16px 12px}.skin-shop-header h2{font-size:27px}.skin-shop-header p{font-size:11px}.skin-shop-header .eyebrow{font-size:9px}
  .skin-shop-body{display:flex;flex-direction:column-reverse}
  .skin-detail{flex:none;display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px;padding:10px 13px;border:0;border-bottom:1px solid #344235;overflow:visible}
  .skin-detail-art{display:flex;align-items:center}.skin-detail-art canvas{max-height:155px}
  .skin-detail-info h3{font-size:19px;margin:3px 0}.skin-detail-info>.eyebrow{font-size:9px}.skin-detail-info>p:not(#skin-shop-status){display:none}
  .skin-face-toggle{font-size:11px;min-height:28px}.skin-face-toggle input{height:16px;width:16px}
  #skin-shop-status{min-height:0;font-size:10px;margin:3px 0 6px}
  .skin-detail .primary-button{min-height:38px;font-size:19px}.skin-detail .practice-button{font-size:10px;padding:7px 0}.skin-detail-info>small{display:none}
  .sphere-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;flex:1;min-height:0}
  .sphere-skin-card{padding:16px 5px 9px;border-radius:10px}.sphere-skin-card[aria-pressed=true]{padding:15px 4px 8px}.sphere-skin-card strong{font-size:10px}.sphere-skin-number{top:5px;left:5px;min-width:20px;height:20px;font-size:10px}
  .skins-button{padding:5px 7px;font-size:10px}
}
@media(max-width:380px){.skin-detail{grid-template-columns:104px minmax(0,1fr)}.skin-shop-header h2{font-size:23px}.skin-detail-info h3{font-size:17px}.sphere-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions{gap:3px}.skins-button{padding:4px}}
@media(max-height:520px) and (min-width:600px){.skin-shop-header{padding:10px 18px}.skin-shop-header h2{font-size:25px}.skin-shop-header p{display:none}.skin-shop-body{display:grid;grid-template-columns:minmax(0,1fr) 240px}.skin-detail{display:flex;overflow:auto;padding:12px}.skin-detail-art{display:none}.skin-detail-info>p:not(#skin-shop-status){display:block}.sphere-skin-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}}
@media(prefers-reduced-motion:reduce){.sphere-skin-card{transition:none}}

.skin-price{display:block;font-size:24px;color:#caff55;margin:10px 0}.skin-card-price{font-size:12px;color:#caff55}.skin-order{display:block;text-align:left;width:100%;padding:10px 0;font-size:12px;color:#edf6e8;background:none;border:0;border-bottom:1px solid #344235}.skin-detail-info #skin-payment-status{color:#caff55}#skin-checkout-link{color:#caff55}#skin-orders-section{font-size:12px;margin-top:10px}
@media(max-width:760px){.skin-price{font-size:19px;margin:4px 0}.skin-detail-info #skin-payment-status{display:block;font-size:10px;margin:4px 0}.skin-detail{max-height:55dvh;overflow:auto}.skin-card-price{font-size:11px}}