
:root{--bg:#070a12;--surface:#fff;--surface2:#f7f7f8;--text:#18191f;--muted:#6b7280;--line:#e5e7eb;--brand:#f28c38;--dark:#0d1117}*{box-sizing:border-box}html{background:#070a12}body{margin:0;background:#070a12 url("/assets/shop/area51-bg.png") center top/cover fixed no-repeat;color:var(--text);font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif}.shop-top{height:98px;display:flex;align-items:center;gap:32px;padding:0 7.5vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.shop-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:800;font-size:22px}.shop-brand img{width:44px;height:44px;border-radius:10px;object-fit:cover}.shop-top nav{display:flex;gap:34px}.shop-top nav a{color:#5f6368;text-decoration:none;font-size:18px}.shop-top nav a.active,.shop-top nav a:hover{color:#111}.shop-search{flex:1;display:flex}.shop-search input{width:100%;height:52px;border:0;border-radius:10px;background:#f1f3f6;padding:0 22px;font-size:18px}.cart{display:flex;align-items:center;gap:7px;text-decoration:none;color:#111;position:relative}.bag{font-size:30px;transform:rotate(2deg)}.cart b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-size:14px}.theme-toggle{border:0;background:transparent;padding:0}.theme-toggle img{width:54px;height:30px;border-radius:999px;object-fit:cover}.shop-hero{position:relative;background:#fff;display:flex;flex-direction:column}.shop-hero>img{display:block;width:100%;height:320px;object-fit:cover;object-position:center center}.hero-caption{position:relative;background:#fff;padding:22px 7.5vw 30px;text-align:center;border-bottom:1px solid var(--line)}.hero-caption h1{font-size:42px;line-height:1.08;margin:0 0 8px;font-weight:700;letter-spacing:0;color:#191b1f}.hero-caption p{font-size:16px;color:#4b5563;margin:0 auto 18px;max-width:760px;font-weight:400}.hero-caption a,.checkout,.wide-promo a,.product-body a,.contact-form button{display:inline-flex;align-items:center;justify-content:center;height:44px;border-radius:8px;background:#111;color:#fff;text-decoration:none;padding:0 22px;font-weight:800;border:0;font-size:14px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:28px auto 0;padding:0 24px}.benefits article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;display:flex;gap:14px;align-items:center}.benefits b{color:var(--brand);font-size:24px}.benefits span{font-size:17px}.shop-section{max-width:1180px;margin:0 auto;padding:46px 24px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-title h1,.section-title h2{font-size:40px;margin:0}.section-title a{color:#111;text-decoration:none;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 8px 18px rgba(17,24,39,.04)}.product-img{display:block;aspect-ratio:1.35/1;background:#eceff3;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;display:block}.product-body{padding:18px}.product-body p{margin:0 0 6px;color:var(--brand);font-weight:800}.product-body h3{margin:0 0 8px;font-size:22px}.product-body span{display:block;color:var(--muted);min-height:42px}.product-body div{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.product-body strong{font-size:22px}.product-body a{height:38px;background:var(--brand)}.wide-promo{max-width:1180px;margin:0 auto 52px;padding:0 24px;display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:stretch}.wide-promo img{width:100%;height:260px;object-fit:cover;border-radius:8px}.wide-promo div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px;display:flex;flex-direction:column;justify-content:center}.wide-promo h2{font-size:34px;margin:0 0 10px}.wide-promo p,.text-page p,.text-page li{font-size:18px;color:#4b5563;line-height:1.55}.text-page{max-width:960px;margin:0 auto;padding:54px 24px;min-height:calc(100vh - 210px)}.text-page h1{font-size:44px;margin:0 0 18px}.text-page ul{padding-left:24px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;color:#374151}.review-grid b{display:block;margin-top:18px;color:#111}.contact-form{display:grid;gap:14px;max-width:520px}.contact-form input,.contact-form textarea{border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px;font-size:16px}.contact-form textarea{min-height:120px}.cart-line{display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:20px}.cart-line img{width:92px;height:74px;object-fit:cover;border-radius:8px}.cart-line span{display:block;color:var(--muted);margin-top:4px}.shop-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);background:#fff;padding:28px 7.5vw;color:#4b5563}.shop-footer b{display:block;color:#111}.shop-footer nav{display:flex;gap:22px}.shop-footer a{color:#4b5563;text-decoration:none}.night{--bg:#111318;--surface:#181b22;--surface2:#20242d;--text:#f6f7fb;--muted:#b6bfcc;--line:#2b303a}.night body,.night html{background:var(--bg);color:var(--text)}.night .shop-top,.night .product,.night .benefits article,.night .wide-promo div,.night .text-page .review-grid article,.night .shop-footer,.night .cart-line,.night .contact-form input,.night .contact-form textarea{background:var(--surface);border-color:var(--line);color:var(--text)}.night .shop-top nav a,.night .shop-footer a,.night .shop-footer,.night .product-body span,.night .text-page p,.night .text-page li,.night .wide-promo p{color:var(--muted)}.night .shop-search input{background:var(--surface2);color:var(--text)}.night .hero-caption{background:var(--surface);border-bottom-color:var(--line)}.night .hero-caption p{color:var(--muted)}@media(max-width:900px){.shop-top{height:auto;flex-wrap:wrap;padding:16px;gap:16px}.shop-top nav{order:3;gap:16px;overflow:auto;width:100%;padding-bottom:4px}.shop-top nav a{font-size:16px;white-space:nowrap}.shop-search{order:4;flex-basis:100%}.shop-hero>img{height:220px}.hero-caption{position:relative;padding:22px 18px 26px}.hero-caption h1{font-size:30px}.benefits,.product-grid,.wide-promo,.review-grid{grid-template-columns:1fr}.shop-section,.text-page{padding-left:16px;padding-right:16px}.section-title h1,.section-title h2,.text-page h1{font-size:32px}.shop-footer{align-items:flex-start;flex-direction:column;padding:24px 16px}.wide-promo{padding-left:16px;padding-right:16px}}

.product-page{max-width:1180px;margin:0 auto;padding:54px 24px;display:grid;grid-template-columns:1fr 1fr;gap:34px;min-height:calc(100vh - 210px)}.product-photo{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.product-photo img{width:100%;height:520px;object-fit:cover;border-radius:8px}.product-info{background:#fff;border:1px solid var(--line);border-radius:8px;padding:36px;display:flex;flex-direction:column;justify-content:center}.product-info .crumb{color:var(--muted);text-decoration:none;font-weight:700}.product-info p{color:var(--brand);font-weight:800;margin:20px 0 8px}.product-info h1{font-size:42px;line-height:1.08;margin:0 0 14px}.product-info span{font-size:18px;color:var(--muted);line-height:1.55}.product-info strong{font-size:34px;margin:28px 0}.product-actions{display:flex;gap:12px;flex-wrap:wrap}.secondary{display:inline-flex;align-items:center;justify-content:center;height:44px;border-radius:8px;border:1px solid var(--line);background:#fff;color:#111;text-decoration:none;padding:0 22px;font-weight:700}.night .product-photo,.night .product-info,.night .secondary{background:var(--surface);border-color:var(--line);color:var(--text)}@media(max-width:900px){.product-page{grid-template-columns:1fr;padding:24px 16px}.product-photo img{height:320px}.product-info{padding:24px}.product-info h1{font-size:32px}}

.night .hero-caption h1{color:var(--text)}

/* 20260608-area51-shop-bg */
body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(4,8,18,.25),rgba(4,8,18,.74) 38%,rgba(4,8,18,.88));pointer-events:none;z-index:-1}.shop-section,.benefits,.wide-promo,.text-page,.product-page{position:relative}.benefits article,.product,.wide-promo div,.text-page,.product-photo,.product-info,.cart-line{background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}.shop-footer{background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}.night body{background:#070a12 url("/assets/shop/area51-bg.png") center top/cover fixed no-repeat}.night body:before{background:linear-gradient(180deg,rgba(2,4,10,.36),rgba(2,4,10,.78) 42%,rgba(2,4,10,.92))}

/* 20260608-dark-hero-caption */
.shop-hero{background:transparent!important}.hero-caption{background:linear-gradient(180deg,rgba(4,8,18,.42),rgba(4,8,18,.5))!important;border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:none;backdrop-filter:none}.hero-caption h1{color:#f6f8fb!important;text-shadow:0 2px 18px rgba(0,0,0,.55)}.hero-caption p{color:#d8dee9!important;text-shadow:0 2px 12px rgba(0,0,0,.48)}.hero-caption a{background:#f28c38!important;color:#111!important;box-shadow:0 8px 24px rgba(242,140,56,.28)}.night .hero-caption{background:linear-gradient(180deg,rgba(4,8,18,.45),rgba(4,8,18,.54))!important}

/* 20260608-saktk-shop-characters */
.more-characters{padding-top:10px}.shop-section .section-title h1,.shop-section .section-title h2{color:#f6f8fb;text-shadow:0 2px 18px rgba(0,0,0,.45)}.shop-section .section-title a{color:#f28c38;text-shadow:0 2px 14px rgba(0,0,0,.45)}.character-card .product-img{background:linear-gradient(135deg,rgba(9,13,24,.95),rgba(32,19,50,.9))}.character-card .product-img img{object-fit:contain;padding:16px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}.product-photo img{object-fit:contain;background:linear-gradient(135deg,#0b1020,#241530);padding:26px}.section-title h1{line-height:1.05}.night .character-card .product-img{background:linear-gradient(135deg,#050814,#171124)}

/* 20260608-animated-roblox-hero */
.shop-hero{overflow:hidden}.shop-hero>img{width:106%;max-width:none;margin-left:-3%;animation:robloxHeroDrift 18s ease-in-out infinite;will-change:transform,filter}.shop-hero:before,.shop-hero:after{content:"";position:absolute;left:0;right:0;top:0;height:320px;pointer-events:none;z-index:1}.shop-hero:before{background:linear-gradient(105deg,transparent 8%,rgba(255,255,255,.16) 18%,transparent 29%);mix-blend-mode:screen;animation:robloxHeroSweep 5.5s ease-in-out infinite}.shop-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;opacity:.12;transform:rotate(-8deg) scale(1.18);animation:robloxHeroTiles 16s linear infinite}.hero-caption{z-index:2}.shop-hero:hover>img{filter:saturate(1.12) contrast(1.05)}@keyframes robloxHeroDrift{0%,100%{transform:translate3d(-1.2%,0,0) scale(1.04) rotate(.001deg)}50%{transform:translate3d(1.2%,0,0) scale(1.08) rotate(.001deg)}}@keyframes robloxHeroSweep{0%,18%{transform:translateX(-120%);opacity:0}35%{opacity:.55}62%,100%{transform:translateX(120%);opacity:0}}@keyframes robloxHeroTiles{0%{background-position:0 0,0 0}100%{background-position:144px 0,0 144px}}@media(max-width:900px){.shop-hero:before,.shop-hero:after{height:220px}}@media(prefers-reduced-motion:reduce){.shop-hero>img,.shop-hero:before,.shop-hero:after{animation:none!important}}

/* 20260609-dark-inner-pages */
.night .text-page,.night .product,.night .benefits article,.night .wide-promo div,.night .review-grid article,.night .cart-line,.night .product-photo,.night .product-info{background:linear-gradient(180deg,rgba(24,27,34,.9),rgba(14,18,27,.92))!important;border-color:rgba(255,255,255,.13)!important;color:#f6f7fb!important;box-shadow:0 20px 60px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.night .text-page h1,.night .text-page h2,.night .review-grid b,.night .cart-line b,.night .product-info h1,.night .product-body h3,.night .product-body strong,.night .wide-promo h2{color:#f6f7fb!important}.night .text-page p,.night .text-page li,.night .review-grid article,.night .cart-line span,.night .product-info span,.night .wide-promo p,.night .product-body span{color:#c7d0df!important}.night .contact-form input,.night .contact-form textarea{background:#171b23!important;border-color:rgba(255,255,255,.14)!important;color:#f6f7fb!important}.night .contact-form input::placeholder,.night .contact-form textarea::placeholder{color:#8d96a6}.night .secondary{background:#171b23!important;color:#f6f7fb!important;border-color:rgba(255,255,255,.16)!important}.night .shop-footer{background:#171b23!important;border-top-color:rgba(255,255,255,.12)!important}.night .shop-footer b{color:#f6f7fb!important}
