.shop-page{--wrap:1280px;background:#0b1814}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;z-index:1000;padding:12px;background:var(--gold);color:var(--ink-950)}.skip-link:focus{top:12px}.supply-nav{display:flex;gap:32px;align-items:center;padding:18px max(24px,calc((100% - 1380px)/2));border-bottom:1px solid #2c4036;background:var(--ink-900)}.supply-nav nav{display:flex;gap:28px;margin:auto;font-size:16px}.supply-nav nav a{text-decoration:none;color:var(--sage-300)}.supply-nav nav .active{color:var(--gold)}.supply-actions{display:flex;align-items:center;gap:12px}.bag-button{display:flex;align-items:center;gap:8px;background:none;color:var(--cream);border:0;cursor:pointer;min-height:44px}.bag-button svg{width:24px;height:24px}.bag-button span{font-family:var(--body);font-size:16px}.supply-nav .nav__brand{font-size:14px}.supply-nav .btn{font-size:14px;padding:12px 14px}.supply-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-block:54px 40px}.supply-copy h1{font-size:clamp(44px,5.6vw,80px);line-height:1.08;letter-spacing:-.025em;margin-bottom:25px}.supply-copy h1 em,.burn-copy h2 em{font-style:normal;color:var(--gold)}.supply-lead{font-size:26px;line-height:1.3;margin-bottom:18px}.supply-copy .btn{margin-top:10px;gap:32px}.supply-stage{position:relative;height:570px;border:1px solid #395044;background:radial-gradient(ellipse at 50% 45%,#344c36, #1b3026 55%,#14261e 85%);border-radius:6px;isolation:isolate;overflow:hidden}.supply-stage:after{content:'';position:absolute;width:62%;height:50px;border:1px solid #d6c68230;background:#08150e60;bottom:128px;left:19%;border-radius:50%;z-index:-1}.supply-stage>img{position:absolute;width:87%;height:77%;object-fit:contain;top:5%;left:6.5%}#viewer{position:absolute;inset:0 0 110px}#viewer canvas{display:block;width:100%;height:100%;touch-action:pan-y}.stage-label{position:absolute;bottom:61px;left:24px;right:24px;pointer-events:none}.stage-label h2{font-size:30px;margin-bottom:5px}.stage-label p{color:var(--sage-300);font-size:14px;margin:0}.stage-controls{position:absolute;inset:auto 0 0;display:flex;align-items:center;height:46px;border-top:1px solid #395044;background:#0b181450}.stage-controls button{border:0;background:none;color:var(--cream);font:20px var(--body);height:100%;width:48px;cursor:pointer}.stage-controls button:hover{background:var(--ink-600)}.stage-controls span{flex:1;font-size:11px;letter-spacing:.04em;color:var(--sage-300);text-align:center}.catalogue{padding-block:78px 90px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-heading h2{font-size:clamp(32px,4vw,48px);margin:0}.section-heading h2 span,.cart-drawer h2 span{color:var(--gold)}.section-heading>p{font-size:16px;color:var(--sage-300);margin-bottom:2px}.catalogue-tools{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #33483c;margin-bottom:28px}.filter-tabs{display:flex;gap:24px}.filter-tabs button{border:0;border-bottom:2px solid transparent;padding:15px 0;background:none;color:var(--sage-300);font:700 16px var(--body);cursor:pointer}.filter-tabs button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.filter-tabs span{font-size:11px;background:var(--ink-700);padding:2px 7px;border-radius:4px;margin-left:5px}.skin-search{display:flex;align-items:center}.skin-search input{width:190px;border:none;background:none;color:var(--cream);font:16px var(--body);padding:10px}.skin-search>span:last-child{font-size:26px;color:var(--sage-400)}input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#catalogue-status{color:var(--sage-300);font-size:15px}.skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.skin-card{background:#12251d;border:1px solid #30453a;border-radius:5px;overflow:hidden;transition:border-color .2s,transform .2s}.skin-card:hover,.skin-card.selected{border-color:#bea551}.skin-card.selected{box-shadow:0 0 0 1px #bea551}.skin-preview{position:relative;background:radial-gradient(ellipse at 50% 58%,#324c37,transparent 65%),#182e23;display:block;border:0;width:100%;height:248px;cursor:pointer;overflow:hidden;color:var(--cream)}.skin-preview:after{content:'VIEW IN 3D ↗';position:absolute;bottom:14px;right:14px;letter-spacing:.06em;font:11px var(--body);background:#09160dd9;padding:5px 9px}.skin-preview img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.skin-preview:hover img{transform:scale(1.045)}.skin-info{padding:20px 18px 16px}.skin-info h3{font-size:20px;margin-bottom:12px}.skin-info>p{font-size:13px;color:var(--sage-300);min-height:39px;line-height:1.4;margin-bottom:18px}.skin-price{font-size:26px;font-weight:800;color:var(--gold);display:block;margin-bottom:14px}.skin-actions{display:flex;gap:8px}.skin-actions button{min-height:38px;border:1px solid #43564a;background:#1e382a;color:var(--cream);border-radius:4px;cursor:pointer;font:700 13px var(--body)}.skin-actions button:first-child{flex:1}.skin-actions button:last-child{width:40px}.skin-actions button:hover{background:#2f4a38}.skin-actions .saved{color:var(--gold);border-color:#786a3d}.skin-actions svg{width:18px;height:18px;vertical-align:middle}.custom-studio{background:#efe8d3;color:var(--ink-900);padding:76px 0 56px}.custom-studio .section-heading>p{color:#4c5e4f}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.custom-card{display:flex;flex-direction:column;background:#e8e3ce;border:1px solid #b3b99e;border-radius:5px;overflow:hidden}.custom-art{height:225px;background:radial-gradient(ellipse at center,#ece8d0,#bdc3a4);position:relative;overflow:hidden}.public .custom-art{background:radial-gradient(ellipse at center,#e0ddc9,#aebfae)}.custom-copy{padding:30px;display:flex;flex-direction:column;flex:1}.custom-copy h3{font-size:24px;margin-bottom:14px}.custom-copy>p{color:#3e4c3e;font-size:17px;line-height:1.55;margin-block:20px 26px;max-width:440px}.custom-note{font-size:12px;color:#65735e;margin:22px 0 0}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.custom-copy .btn:disabled{background:#314933;color:#f4eedc;border:1px solid #314933;opacity:.7;font-size:14px;width:100%;margin-top:auto}.burn-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-block:100px;align-items:center}.burn-copy h2{font-size:clamp(36px,4vw,54px)}.burn-copy>p.planned-label{color:var(--sage-400);font-size:13px}.shop-faq{padding-bottom:80px;max-width:900px}.shop-faq h2{font-size:30px;margin-bottom:25px}.shop-faq details{border-bottom:1px solid #31483a;padding:18px 0}.shop-faq summary{cursor:pointer;font-size:18px}.shop-faq details p{color:var(--sage-300);font-size:16px;margin:14px 0 0}.supply-footer{border-top:1px solid #31483a;padding-block:28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.supply-footer .nav__brand{font-size:13px}.supply-footer p{font-size:11px;letter-spacing:.14em;color:var(--sage-400);margin:0}.supply-footer>a:last-child{font-size:13px;color:var(--sage-300)}dialog{background:var(--ink-800);color:var(--cream);border:1px solid #4b604e;border-radius:7px;max-width:calc(100% - 24px);padding:26px}dialog::backdrop{background:#030b09c9;backdrop-filter:blur(5px)}dialog header{display:flex;justify-content:space-between;gap:20px;align-items:start}dialog h2{font-size:26px}dialog p{font-size:15px;color:var(--sage-300)}.icon-button{border:1px solid #46604d;border-radius:4px;background:var(--ink-700);color:var(--cream);font:27px/1 var(--body);min-width:36px;min-height:36px;cursor:pointer}.cart-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:460px;border-radius:0;padding:28px;overflow-y:auto}.cart-disclaimer{border-bottom:1px solid #3b5141;padding-block:12px 20px}.cart-item{display:grid;grid-template-columns:68px 1fr 32px;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #34483a}.cart-item img{background:#243d2b;border-radius:4px;width:68px;height:78px;object-fit:contain}.cart-item h3{font-size:16px;margin-bottom:8px}.cart-item p{font-size:12px;margin:0;overflow-wrap:anywhere}.cart-item .text-button{color:var(--sage-300);font-size:22px;min-height:36px}.cart-bottom{padding-top:30px}.cart-total{display:flex;justify-content:space-between;font-size:17px;gap:15px}.cart-total strong{color:var(--gold);font-size:15px}.cart-bottom p{font-size:13px;margin:12px 0 22px}.cart-bottom .btn{width:100%}.text-button{display:block;border:0;background:none;color:var(--cream);font:15px var(--body);cursor:pointer;padding:8px}.cart-bottom>.text-button{margin:12px auto}.gift-dialog,.account-dialog{width:460px}.gift-dialog label{display:block;font-size:15px}.gift-dialog input{display:block;width:100%;background:var(--ink-900);border:1px solid #53634b;color:var(--cream);font:15px var(--body);padding:12px;margin-top:8px}.gift-dialog #gift-error{color:var(--red);min-height:22px}.account-dialog #account-address{overflow-wrap:anywhere;color:var(--gold)}.shop-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;background:var(--gold);color:var(--ink-950);border:2px solid var(--ink-950);box-shadow:0 4px var(--ink-950);border-radius:5px;padding:12px 24px;font-size:15px;max-width:calc(100% - 32px);text-align:center}.empty-catalogue{color:var(--sage-300);grid-column:1/-1;padding:32px 0}
@media(min-width:1500px){.supply-hero{padding-top:70px;padding-bottom:55px}}
@media(max-width:1100px){.supply-nav{gap:16px;padding-inline:20px}.supply-nav nav{gap:16px}.supply-nav .nav__brand span{display:none}.supply-hero{gap:25px}.supply-stage{height:520px}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.burn-section{gap:40px}}
@media(max-width:760px){.supply-nav{flex-wrap:wrap;gap:12px}.supply-nav nav{order:3;width:100%;justify-content:center;font-size:14px;margin-top:6px}.supply-actions{margin-left:auto}.supply-nav .btn{font-size:12px;padding:11px}.supply-hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.supply-copy h1{font-size:clamp(43px,10vw,68px)}.supply-copy{padding:0 8px}.supply-lead{font-size:22px}.supply-stage{height:490px}.catalogue{padding-block:52px}.section-heading{display:block}.section-heading>p{margin-top:18px}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skin-preview{height:190px}.skin-info{padding:16px 12px 12px}.skin-info h3{font-size:16px}.skin-info>p{font-size:12px;min-height:51px}.skin-actions{gap:4px}.skin-actions button{font-size:12px}.skin-actions button:last-child{width:32px}.skin-price{font-size:22px}.catalogue-tools{gap:8px}.filter-tabs{gap:12px}.filter-tabs button{font-size:14px}.skin-search input{width:118px;font-size:14px}.skin-search>span:last-child{display:none}.custom-studio{padding-block:50px 35px}.custom-grid{grid-template-columns:1fr}.custom-copy{padding:24px}.custom-art{height:240px}.burn-section{grid-template-columns:1fr;padding-block:56px;gap:32px}.shop-faq{padding-bottom:45px}.shop-faq h2{font-size:25px}.supply-footer{flex-wrap:wrap;padding-block:24px}.supply-footer p{display:none}.cart-drawer{padding:22px}.stage-label h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skin-card,.skin-preview img{transition:none}}

.hero-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.supply-copy .hero-links .btn{margin:0}.custom-link{color:var(--gold);font-size:16px;text-underline-offset:6px}.stage-label{display:flex;align-items:center;justify-content:space-between;gap:16px}.stage-label h2{margin:0}#stage-price{color:var(--gold);font-size:25px;white-space:nowrap}.custom-studio .section-heading{margin-bottom:40px}.custom-studio .section-heading h2{font-size:clamp(42px,5.5vw,74px);line-height:1.06}.custom-studio .section-heading>p{font-size:20px;line-height:1.5}.custom-price{font-size:clamp(32px,3.4vw,48px);line-height:1.2;color:#263e2b;font-weight:800;letter-spacing:-.035em}.custom-note{text-align:center;font-size:14px}.custom-art{height:250px;flex-shrink:0}.custom-copy h3{font-family:var(--body);font-weight:800}.skin-price{letter-spacing:-.025em}.skin-preview:after{content:'3D ↗'}.skin-info>p{display:none}
@media(max-width:760px){.hero-links{gap:22px}.stage-label{left:20px;right:20px}#stage-price{font-size:22px}.custom-studio .section-heading>p{font-size:17px}.custom-copy{padding:24px}.custom-copy h3{font-size:22px}.custom-art{height:230px}.custom-copy>p{font-size:16px}.skin-info h3{margin-bottom:12px}}

.skin-rarity{display:block;font-size:13px;margin-bottom:8px;color:#a5cbaa}.skin-rarity.rare{color:#9bbfee}.skin-rarity.epic{color:#cfacf2}.skin-rarity.legendary{color:var(--gold)}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}

/* Original island captures, reused from the game's Codex. */
.supply-stage{
  background:linear-gradient(0deg,#0b1814 0%,#0b181411 55%,#0b181422),var(--skin-scene) center/cover;
}
.supply-stage:after{border:0;background:#08150e65;filter:blur(5px)}
.skin-preview{
  background:linear-gradient(0deg,#10241d44,#10241d0a),var(--skin-scene) center/cover;
}
.custom-art,.public .custom-art{
  height:320px;
  background:linear-gradient(90deg,#10201922,#102019a6),url('../assets/shop/scene-bunker.png') center/cover;
}
.public .custom-art{background-image:linear-gradient(90deg,#10201922,#102019a6),url('../assets/shop/scene-beach.png')}
.custom-silhouette{position:absolute;left:0;bottom:0;width:64%;height:100%;isolation:isolate}
.custom-silhouette img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  filter:brightness(0) invert(.45) drop-shadow(0 7px 5px #0009);
}
.custom-silhouette span{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font:68px/1 var(--display);color:#fff5d6;text-shadow:0 3px 0 #333}
.custom-annotation{position:absolute;top:32px;right:22px;width:43%;margin:0;color:#fff5d6;font-size:21px;font-weight:800;line-height:1.25;text-shadow:0 2px 5px #000;transform:rotate(-4deg)}
.custom-arrow{position:absolute;width:90px;height:65px;top:105px;right:25%;stroke:#fff5d6;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #0008)}
@media(max-width:760px){
  .custom-art,.public .custom-art{height:280px}
  .custom-annotation{top:24px;right:14px;font-size:18px}
  .custom-arrow{top:99px;width:70px;right:23%}
  .custom-silhouette span{font-size:56px}
}

/* A single rarity palette drives both the grid and the selected 3D preview. */
.skin-card,.supply-stage{
  --skin-scene:url('../assets/shop/scene-beach.png');
  --rarity-color:#9eafa5;--rarity-border:#5e7167;--rarity-surface:#18281f;--rarity-button:#263a2c;
}
[data-rarity="uncommon"]{--rarity-color:#a1d98f;--rarity-border:#64965b;--rarity-surface:#172b1c;--rarity-button:#263e28}
[data-rarity="rare"]{--skin-scene:url('../assets/shop/scene-jungle.png');--rarity-color:#92c5ff;--rarity-border:#537dab;--rarity-surface:#152532;--rarity-button:#213950}
[data-rarity="epic"]{--skin-scene:url('../assets/shop/scene-crystal.png');--rarity-color:#d4a7ff;--rarity-border:#9365b8;--rarity-surface:#261c33;--rarity-button:#3c2a4e}
[data-rarity="legendary"]{--rarity-color:#ffd18c;--rarity-border:#bd904d;--rarity-surface:#312819;--rarity-button:#4e3b22}
.skin-card{background:var(--rarity-surface);border-color:var(--rarity-border);border-top-width:3px}
.skin-card:hover,.skin-card.selected{border-color:var(--rarity-color)}
.skin-card.selected{box-shadow:0 0 0 1px var(--rarity-color)}
.skin-card .skin-rarity,.skin-card .skin-price,.supply-stage .skin-rarity,.supply-stage #stage-price{color:var(--rarity-color)}
.skin-card .skin-rarity{font-weight:800}
.skin-card .skin-actions button{background:var(--rarity-button);border-color:var(--rarity-border)}
.skin-card .skin-actions button:hover{border-color:var(--rarity-color);filter:brightness(1.15)}
.skin-card .skin-actions .saved{color:var(--rarity-color);border-color:var(--rarity-color)}
.supply-stage,.supply-stage .stage-controls{border-color:var(--rarity-border)}
.stage-label{align-items:end}
#stage-rarity{font-size:14px;font-weight:800;margin-bottom:4px}
/* The arrow ends at 43% of the illustration width, on the silhouette's arm. */
.custom-art .custom-arrow{inset:0;width:100%;height:100%;pointer-events:none}

.burn-heading-icon{display:block;width:42px;height:49px;margin-bottom:22px}.burn-copy h2{font-size:clamp(48px,5.5vw,74px);line-height:1.06;letter-spacing:-.025em;margin-bottom:28px}.burn-copy>p{color:var(--sage-300);font-size:17px}.burn-copy>p.planned-label{font-size:13px;color:var(--sage-400)}