*{box-sizing:border-box} :root{--blue:#1264f5;--blue2:#48a5ff;--ink:#14213b;--muted:#71809b;--bg:#f4f8ff;--card:rgba(255,255,255,.78);--line:rgba(117,153,211,.22);--shadow:0 16px 45px rgba(35,91,170,.10)}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#e1efff 0,transparent 35%),var(--bg);color:var(--ink);font-family:"Plus Jakarta Sans",sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;position:fixed;inset:0 auto 0 0;padding:24px 17px 16px;background:rgba(255,255,255,.72);backdrop-filter:blur(22px);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);padding:2px 8px 25px}.brand-mark{width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,#69baff,#0754ed);box-shadow:inset 2px 2px 5px #ffffffaa,inset -3px -4px 8px #0642b8aa,0 8px 18px #1264f544;color:#fff;display:grid;place-items:center;font:700 16px "Space Grotesk";border:1px solid #ffffffaa}.brand b{font:700 16px "Space Grotesk";letter-spacing:.4px}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:1.5px;margin-top:3px}.side-label{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#91a0b8;padding:13px 12px 9px}.side-nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#52627f;padding:11px 12px;border-radius:13px;font-size:12px;font-weight:700;transition:.2s}.nav-link i{font-style:normal;font-size:18px;width:20px;text-align:center;color:#6382b5}.nav-link small{margin-left:auto;font-size:9px;color:#94a2b8}.nav-link:hover,.nav-link.active{background:linear-gradient(110deg,#e6f2ff,#fff);color:#0759e8;box-shadow:inset 0 0 0 1px #cfe4ff,0 6px 15px #4389e51a}.side-bottom{margin-top:auto}.side-action{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:12px;color:#52627f;font:700 11px inherit;text-align:left}.side-action b{margin-left:auto}.switch{width:29px;height:16px;border-radius:20px;background:#b7c8df;position:relative}.switch:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:white;top:2.5px;left:3px}.owner-shortcut{display:flex;justify-content:space-between;margin:12px 4px;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:#48658f;font-size:11px;font-weight:700;background:#ffffff80}.side-foot{font-size:10px;color:#8190a9;padding:13px 10px;line-height:1.8}.main{margin-left:254px;width:calc(100% - 254px);padding:0 34px 24px;max-width:1700px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:22px}.crumb{font-size:11px;color:#7d8ba3;font-weight:600}.crumb span{padding:0 9px;color:#c0ccdc}.crumb b{color:#263b60}.top-actions{display:flex;align-items:center;gap:15px}.secure-pill{font-size:10px;color:#4776b7;background:#e8f3ff;border:1px solid #d4e8ff;padding:8px 12px;border-radius:30px}.top-wa{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:12px;text-decoration:none;color:#1264df;font-weight:800;font-size:11px}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;min-height:365px;border-radius:26px;padding:44px 48px;background:linear-gradient(115deg,#071e4c 0%,#0b4ab1 50%,#58b5ff 100%);box-shadow:0 22px 55px #0c54bd30;color:white;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 50%,#9dd8ff66,transparent 28%),linear-gradient(90deg,transparent,#ffffff08);pointer-events:none}.hero-glow{position:absolute;width:390px;height:390px;border:1px solid #a9d8ff55;border-radius:50%;right:6%;top:-12%;box-shadow:0 0 0 28px #ffffff08,0 0 0 58px #ffffff06}.hero-copy{position:relative;z-index:2;max-width:610px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#c7e3ff}.eyebrow.blue{color:#4387e6}.pulse{display:inline-block;width:7px;height:7px;background:#66e5b2;border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px #66e5b222}.hero h1{font:700 clamp(32px,4vw,52px)/1.08 "Space Grotesk";letter-spacing:-1.8px;margin:18px 0 12px}.hero h1 em{font-style:normal;color:#9ed8ff;text-shadow:0 4px 22px #7bc5ff77}.hero-copy p{max-width:470px;line-height:1.8;color:#d6e9ff;font-size:12px}.hero-buttons{display:flex;gap:10px;margin-top:23px}.btn-primary,.btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;border:0;border-radius:12px;padding:12px 17px;font:800 11px "Plus Jakarta Sans";cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(135deg,#74caff,#1670ff);color:#fff;box-shadow:inset 1px 1px 2px #ffffffaa,0 8px 22px #0067ff55}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-glass{color:white;background:#ffffff18;border:1px solid #ffffff55;backdrop-filter:blur(12px)}.hero-trust{display:flex;gap:20px;margin-top:28px;color:#c5e3ff;font-size:9px}.mascot-card{position:absolute;z-index:2;right:8%;width:235px;height:260px;border:1px solid #ffffff45;border-radius:45% 45% 28px 28px;background:linear-gradient(145deg,#ffffff36,#ffffff08);backdrop-filter:blur(12px);box-shadow:inset 4px 4px 18px #ffffff33,0 18px 35px #001f5c55;display:grid;place-items:center;transform:rotate(2deg)}.mascot-orbit{position:absolute;width:190px;height:190px;border:1px dashed #a5d8ff99;border-radius:50%;animation:spin 24s linear infinite}.wolf-emoji{font-size:105px;filter:drop-shadow(0 12px 15px #001b55aa);z-index:1}.mascot-caption{position:absolute;bottom:18px;text-align:center;display:grid;gap:4px}.mascot-caption b{font:700 12px "Space Grotesk";letter-spacing:2px}.mascot-caption small{font-size:9px;color:#cdeaff}.float-chip{position:absolute;top:26px;right:-22px;background:#eaf6ff;color:#1766d9;border-radius:20px;padding:8px 12px;font-size:9px;font-weight:800;box-shadow:0 8px 20px #001b5544}.hero-deco{position:absolute;border:1px solid #ffffff33;transform:rotate(35deg);border-radius:12px}.deco-one{width:28px;height:28px;right:42%;top:14%}.deco-two{width:70px;height:70px;right:3%;bottom:8%}.game-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 4px 24px}.game-strip small{font-size:9px;color:#7f91ae;letter-spacing:1.5px;font-weight:800}.game-strip h2,.section-heading h2,.faq-section h2,.community h2{font:700 22px "Space Grotesk";margin:6px 0;color:#172b4d}.game-chips{display:flex;gap:8px;flex-wrap:wrap}.game-chip,.filter{border:1px solid var(--line);background:#ffffffb8;border-radius:12px;padding:10px 13px;color:#61728f;font:700 10px "Plus Jakarta Sans";cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #315f9c0c}.game-chip.selected,.filter.active{background:#e5f1ff;color:#075eea;border-color:#b8d9ff}.game-icon{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;color:white;font-size:11px;font-weight:800}.roblox{background:#222}.ml{background:linear-gradient(140deg,#ffbc4d,#e86d25)}.ff{background:linear-gradient(140deg,#ff9b31,#e43e32)}.catalog-section{padding:22px 0 32px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2 span{color:#3889ff}.section-heading p,.faq-section>div>p{font-size:11px;color:#8290a8;margin:5px 0}.catalog-tools{display:flex;gap:8px}.catalog-tools input,.catalog-tools select{border:1px solid var(--line);background:#ffffffc9;border-radius:11px;padding:10px 12px;color:#425675;font:600 10px "Plus Jakarta Sans";outline:none}.filter-row{display:flex;align-items:center;gap:7px;margin:20px 0 14px}.filter{padding:8px 12px}.filter-row span{margin-left:auto;font-size:10px;color:#8b9ab1}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-card{border:1px solid #dce8f7;background:linear-gradient(145deg,#ffffffed,#f7faffd9);border-radius:17px;padding:10px;box-shadow:0 9px 24px #1d5a9b0b;transition:.22s;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{height:145px;border-radius:12px;background:linear-gradient(135deg,#d7eaff,#8fc8ff);display:grid;place-items:center;overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.product-placeholder{font:700 30px "Space Grotesk";color:#ffffff;text-shadow:0 3px 12px #1657aa}.status-tag{position:absolute;left:9px;top:9px;border-radius:30px;padding:6px 9px;font-size:8px;font-weight:800;letter-spacing:.4px}.status-tag.ready{background:#dcfff0;color:#07875a}.status-tag.sold{background:#ffe4e8;color:#cf3150}.product-meta{display:flex;align-items:center;justify-content:space-between;margin:12px 2px 5px;color:#8090a9;font-size:9px}.product-card h3{font-size:12px;margin:5px 2px;color:#1c3153}.product-card p{font-size:10px;line-height:1.6;color:#8190a7;margin:7px 2px;min-height:32px}.product-price{font:700 15px "Space Grotesk";margin:10px 2px;color:#125ed7}.product-actions{display:flex;gap:6px}.product-actions a{flex:1;text-align:center;text-decoration:none;border-radius:9px;padding:9px 5px;font-size:9px;font-weight:800}.buy-link{background:#1768f5;color:#fff}.consult-link{background:#edf5ff;color:#2666bd;border:1px solid #d8e9ff}.empty-state{grid-column:1/-1;padding:40px;text-align:center;color:#8494ad;background:#ffffff8a;border:1px dashed #c8d8ed;border-radius:15px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px 0 38px}.info-card,.admin-card{border:1px solid var(--line);background:var(--card);backdrop-filter:blur(15px);border-radius:19px;padding:22px;box-shadow:var(--shadow)}.info-icon{width:35px;height:35px;border-radius:12px;background:#e3f1ff;color:#1767e8;display:grid;place-items:center;font-size:18px;margin-bottom:15px}.info-card h2{font:700 19px "Space Grotesk";margin:7px 0}.info-card>p{font-size:10px;color:#8190a7;line-height:1.7}.pay-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.pay-logo{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:white;font-weight:800}.dana{background:#168bff}.sea{background:#e67a32}.pay-row div{display:grid;gap:3px}.pay-row b{font-size:11px}.pay-row small{font-size:9px;color:#8493a9}.copy-btn{margin-left:auto;border:1px solid #cfe1f8;background:#f1f7ff;color:#2266bd;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800}.pay-note{margin-top:12px;font-size:9px;color:#9a7a46;background:#fff8e8;padding:10px;border-radius:9px}.steps{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:14px}.steps li{display:flex;align-items:center;gap:12px;font-size:10px;color:#667895}.steps b{font:700 12px "Space Grotesk";color:#2876e8;background:#e7f2ff;border-radius:9px;padding:8px}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;padding:30px 0;border-top:1px solid var(--line)}.faq-list details{border:1px solid var(--line);border-radius:12px;background:#ffffffa8;padding:13px 15px;margin-bottom:8px}.faq-list summary{font-size:11px;font-weight:800;cursor:pointer;color:#304564}.faq-list p{font-size:10px;color:#8190a7;line-height:1.7;margin-bottom:0}.community{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;padding:25px 28px;border-radius:20px;background:linear-gradient(110deg,#08285f,#1265d9,#62b9ff);color:white}.community h2{color:white}.community p{font-size:10px;color:#d0e8ff}.community .btn-primary{margin-left:auto;white-space:nowrap;background:#fff;color:#1763d5}.social-slide{white-space:nowrap;color:#e8f5ff;text-decoration:none;font-size:10px;animation:float 3s ease-in-out infinite}.social-slide b{display:block;font-size:9px;color:#a9d8ff}footer{display:flex;align-items:center;justify-content:space-between;padding:25px 0 5px;color:#8998ae;font-size:9px}.footer-brand{padding:0}.footer-brand .brand-mark{width:34px;height:34px;border-radius:11px}.footer-brand b{font-size:12px}footer>a:last-child{color:#4279c3;text-decoration:none;font-weight:700}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#142b50;color:white;padding:11px 16px;border-radius:11px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}.splash{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#071e4c,#1264d8);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;animation:splashOut .6s 1.1s forwards}.splash-mark{width:65px;height:65px;border:1px solid #ffffff99;border-radius:22px;display:grid;place-items:center;font:700 24px "Space Grotesk";box-shadow:inset 3px 3px 12px #ffffff55,0 0 35px #61baff77}.splash b{font:700 20px "Space Grotesk";letter-spacing:2px}.splash span{font-size:8px;letter-spacing:3px;color:#b9ddff}@keyframes splashOut{to{opacity:0;visibility:hidden}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-4px)}}.dark{--ink:#e5efff;--muted:#9cb0d0;--bg:#08162d;--card:rgba(18,39,70,.82);--line:rgba(129,170,226,.18);background:radial-gradient(ellipse at 75% 0%,#102f5d,transparent 35%),var(--bg);color:var(--ink)}.dark .sidebar{background:#0b1c36e8}.dark .brand,.dark .nav-link,.dark .side-action,.dark .game-strip h2,.dark .section-heading h2,.dark .faq-section h2,.dark .community h2{color:var(--ink)}.dark .nav-link:hover,.dark .nav-link.active,.dark .game-chip,.dark .filter,.dark .product-card,.dark .info-card,.dark .admin-card,.dark .faq-list details,.dark .catalog-tools input,.dark .catalog-tools select{background:#13294a;color:#dceaff;border-color:#29486e}.dark .product-card h3,.dark .info-card h2,.dark .faq-list summary{color:#e5efff}.dark .product-card p,.dark .info-card>p,.dark .faq-list p{color:#9db1d0}.dark .topbar{border-color:var(--line)}.dark .top-wa{background:#14294a;color:#8dc3ff}.dark .crumb b{color:#e4efff}.dark .pay-row{border-color:var(--line)}.dark .owner-side{background:#0b1c36}.dark .owner-main{color:#e5efff}.dark .stat-card{background:#14294a;border-color:#29486e}.dark .login-panel{background:#12294a;border-color:#29486e}.dark input,.dark textarea,.dark select{background:#0c1d37!important;color:#e5efff!important;border-color:#345174!important}
.owner-body{background:radial-gradient(ellipse at 70% 0%,#e1efff,transparent 40%),#f4f8ff}.owner-wrap{display:flex;min-height:100vh}.owner-side{width:245px;position:fixed;inset:0 auto 0 0;padding:24px 16px;background:#ffffffb8;backdrop-filter:blur(18px);border-right:1px solid var(--line);display:flex;flex-direction:column}.owner-nav{border:0;background:transparent;text-align:left;padding:13px;border-radius:11px;margin:3px 0;color:#657896;font:700 11px "Plus Jakarta Sans";cursor:pointer}.owner-nav.active{background:#e7f2ff;color:#1264e8}.owner-side-bottom{margin-top:auto;display:grid;gap:12px}.owner-side-bottom a{color:#5679a8;text-decoration:none;font-size:11px;font-weight:700}.owner-main{margin-left:245px;padding:35px;width:calc(100% - 245px);max-width:1400px}.owner-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.owner-top h1{font:700 29px "Space Grotesk";margin:5px 0}.owner-top p,.admin-card p{color:#8190a7;font-size:11px}.owner-status{font-size:10px;color:#07865b;background:#dcfff0;padding:9px 12px;border-radius:20px}.login-panel{display:grid;grid-template-columns:1fr 1fr;max-width:850px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#ffffffb9;box-shadow:var(--shadow)}.login-art{padding:35px;background:linear-gradient(145deg,#08265b,#1265d8,#66baff);color:white;display:flex;flex-direction:column;justify-content:center;min-height:320px}.login-orb{width:65px;height:65px;border:1px solid #ffffff88;border-radius:20px;display:grid;place-items:center;font:700 20px "Space Grotesk";box-shadow:inset 3px 3px 10px #ffffff55}.login-art h2{font:700 24px "Space Grotesk";margin:23px 0 5px}.login-art p{font-size:11px;color:#d6eaff;line-height:1.7}.login-form{padding:35px;display:grid;align-content:center;gap:15px}.login-form h2,.admin-card h2,.editor-card h2{font:700 19px "Space Grotesk";margin:0 0 5px}.login-form label,.product-form label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#6b7e9c}.login-form input,.product-form input,.product-form textarea,.product-form select{width:100%;border:1px solid #d7e4f4;border-radius:10px;padding:11px;background:#fff;color:#233c61;font:600 11px "Plus Jakarta Sans";outline:none}.full{width:100%}.form-hint,.form-message{font-size:9px;color:#91a0b7;line-height:1.6}.hidden{display:none!important}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat-card{padding:18px;border:1px solid var(--line);background:#ffffffbb;border-radius:15px;display:grid;gap:7px}.stat-card small{color:#8292ab;font-size:10px}.stat-card b{font:700 25px "Space Grotesk";color:#1766e8}.stat-card span{font-size:9px;color:#9aa8bc}.admin-card{margin-bottom:16px}.admin-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.admin-card-head .btn-primary{font-size:10px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:500px}.data-table th,.data-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:10px}.data-table th{color:#8797af;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.data-table td{color:#516580}.table-action{border:1px solid var(--line);background:#f4f8ff;color:#2868bd;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800;margin-right:4px}.table-action.danger{color:#c7475b}.product-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.product-form .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px}.btn-quiet{border:1px solid var(--line);background:#fff;color:#58708f;padding:10px 14px;border-radius:10px;font-size:10px;font-weight:800}.settings-note{background:#fff8e8;color:#92713e;padding:13px;border-radius:10px;font-size:10px;line-height:1.7}.panel{display:none}.panel.active{display:block}
@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px);padding:0 22px}.mascot-card{right:5%;transform:scale(.85)}.hero-copy{max-width:55%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-strip{align-items:flex-start;flex-direction:column}.owner-side{width:210px}.owner-main{margin-left:210px;width:calc(100% - 210px);padding:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sidebar{transform:translateX(-105%);transition:.25s;width:270px;box-shadow:20px 0 50px #092b5b22}.sidebar.open{transform:translateX(0)}.main{margin:0;width:100%;padding:0 14px 20px}.topbar{height:60px;margin-bottom:14px}.mobile-menu{display:block;border:1px solid var(--line);background:#ffffffb8;border-radius:9px;padding:8px 10px;color:#2869c5}.crumb{margin-right:auto;margin-left:10px}.secure-pill{display:none}.top-wa{padding:8px 10px}.hero{min-height:440px;padding:28px 23px;align-items:flex-start}.hero-copy{max-width:100%}.hero h1{font-size:37px}.hero-copy p{max-width:95%;font-size:11px}.hero-trust{gap:10px;flex-wrap:wrap;font-size:8px}.mascot-card{width:130px;height:145px;right:18px;bottom:12px;top:auto;transform:none;border-radius:35px}.mascot-orbit{width:105px;height:105px}.wolf-emoji{font-size:65px}.mascot-caption{bottom:9px}.mascot-caption b{font-size:8px}.mascot-caption small{font-size:7px}.float-chip{top:8px;right:-9px;font-size:7px;padding:6px}.game-strip{padding:25px 2px 18px}.game-chips{gap:6px}.game-chip{padding:8px 9px;font-size:9px}.section-heading{align-items:flex-start;flex-direction:column}.catalog-tools{width:100%}.catalog-tools input{flex:1;min-width:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{padding:7px;border-radius:13px}.product-image{height:115px}.product-card h3{font-size:10px}.product-card p{font-size:9px;min-height:42px}.product-price{font-size:13px}.product-actions{flex-direction:column}.product-actions a{padding:8px}.info-grid{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr;gap:10px}.community{flex-wrap:wrap;padding:22px}.community .btn-primary{margin-left:0}.social-slide{margin-left:auto}footer{flex-wrap:wrap;gap:13px}.footer-brand{width:100%}.owner-side{position:relative;width:100%;height:auto;inset:auto;padding:13px;display:flex;flex-direction:row;align-items:center;overflow:auto}.owner-side .brand{padding:0 8px}.owner-side .side-label,.owner-side-bottom{display:none}.owner-nav{white-space:nowrap;padding:10px}.owner-wrap{display:block}.owner-main{margin:0;width:100%;padding:20px 14px}.owner-top{align-items:flex-start}.login-panel{grid-template-columns:1fr}.login-art{min-height:180px;padding:22px}.login-art h2{margin:13px 0 4px}.login-form{padding:22px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:13px}.stat-card b{font-size:21px}.admin-card{padding:15px}.admin-card-head{align-items:flex-start;flex-direction:column}.product-form{grid-template-columns:1fr}.product-form .wide{grid-column:auto}.form-actions{grid-column:auto}.owner-top h1{font-size:24px}}


/* ARCEL STR visual refinement v1.1 */
:root{--electric:#2c8dff;--ice:#eaf6ff;--deep:#09265e}
body{background:radial-gradient(ellipse at 75% 3%,#d8eaff 0,transparent 34%),radial-gradient(ellipse at 20% 55%,#edf7ff 0,transparent 38%),var(--bg)}
.sidebar{background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(230,243,255,.76));box-shadow:12px 0 42px rgba(27,94,180,.055)}
.brand-mark{position:relative;isolation:isolate}
.brand-mark:after{content:"";position:absolute;inset:-5px;border:1px solid #62b9ff88;border-radius:18px;z-index:-1;animation:brandPulse 3.2s ease-in-out infinite}
.nav-link{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:translateX(-120%);transition:transform .55s}
.nav-link:hover:before{transform:translateX(120%)}
.nav-link:hover{transform:translateX(3px)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#f8fcff 0%,#d8edff 42%,#8fcaff 100%);border:1px solid #fff;box-shadow:0 22px 55px rgba(28,102,201,.17),inset 0 1px 0 #fff}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.36;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero:after{content:"";position:absolute;right:-8%;top:-65%;width:68%;height:180%;border:1px solid #fff9;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 18px #ffffff18,0 0 0 38px #ffffff12;z-index:-1}
.hero-glow{background:radial-gradient(circle,#fff 0,rgba(255,255,255,.55) 22%,transparent 70%);width:480px;height:480px;right:8%;top:-30%;filter:blur(5px)}
.hero-copy{position:relative;z-index:3}
.hero h1{letter-spacing:-2.4px;text-shadow:0 2px 0 #fff8}
.hero h1 em{background:linear-gradient(90deg,#0755d8,#138efc,#55baff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{color:#4d6689}
.eyebrow i{font-style:normal;color:#3b9cff}
.hero-trust span{background:#ffffff85;border:1px solid #fff;padding:7px 10px;border-radius:30px;backdrop-filter:blur(10px)}
.mascot-card{width:340px;height:320px;right:4%;top:50%;transform:translateY(-48%);border:1px solid #fff;background:linear-gradient(145deg,#ffffff9e,#9acfff66);box-shadow:0 24px 60px #1264f52b,inset 0 1px 0 #fff;backdrop-filter:blur(18px);border-radius:46% 54% 40% 60%/48% 42% 58% 52%;overflow:visible}
.mascot-aura{position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,#fff 0,#c4e6ff 43%,#70baff33 68%,transparent 72%);filter:blur(2px)}
.mascot-orbit{width:280px;height:230px;border:1px dashed #fff;box-shadow:0 0 24px #fff9,inset 0 0 22px #fff6;animation:orbit 24s linear infinite}
.wolf-mascot{position:absolute;width:100%;height:100%;inset:0;z-index:2;filter:drop-shadow(0 12px 13px #0755c633);animation:wolfFloat 4.4s ease-in-out infinite}
.mascot-caption{z-index:4;bottom:17px;background:#ffffffd9;border:1px solid #fff;border-radius:14px;padding:8px 17px;box-shadow:0 8px 22px #165eb522}
.mascot-caption b{color:#1457b9;letter-spacing:1.4px}
.mascot-caption small{color:#7187a8}
.mascot-spark{position:absolute;color:#fff;text-shadow:0 0 14px #168aff;font-size:25px;z-index:4;animation:sparkle 2.5s ease-in-out infinite}
.spark-a{left:20px;top:56px}.spark-b{right:28px;top:105px;animation-delay:.8s}
.mascot-float{position:absolute;z-index:5;background:#ffffffd9;color:#1558ad;border:1px solid #fff;border-radius:30px;padding:8px 11px;font-size:9px;box-shadow:0 8px 20px #0a57bd20;backdrop-filter:blur(12px)}
.float-game{left:-18px;top:43px}.float-game b{font-size:8px;letter-spacing:.5px}
.float-chip{z-index:5;background:linear-gradient(120deg,#fff,#e6f4ff);color:#1557b4;border:1px solid #fff;box-shadow:0 9px 24px #0757c52b}
.game-chip{border:1px solid #fff;background:linear-gradient(145deg,#fff,#eaf4ff);box-shadow:5px 6px 14px #3d78b51a,inset 1px 1px 2px #fff;transition:.22s}
.game-chip:hover,.game-chip.selected{transform:translateY(-3px);box-shadow:0 9px 22px #1675ed28,inset 0 1px 0 #fff}
.game-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;font-weight:900;font-size:12px;box-shadow:inset 1px 1px 2px #ffffff99,0 3px 8px #164e9b24}
.game-icon.roblox{background:#18233b;color:white}.game-icon.ml{background:linear-gradient(135deg,#fff0c8,#e8a43c);color:#81521b}.game-icon.ff{background:linear-gradient(135deg,#fff0d4,#ff9a3e);color:#a74c12}
.product-card{border:1px solid #fff;background:linear-gradient(145deg,#ffffffed,#f0f7ffdc);box-shadow:0 12px 28px rgba(30,88,160,.09),inset 0 1px 0 #fff;transition:transform .24s ease,box-shadow .24s ease}
.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(24,92,176,.16),inset 0 1px 0 #fff}
.product-image{overflow:hidden;background:linear-gradient(135deg,#dceeff,#8bc7ff)}
.product-image:after{content:"✦  ✧  ✦";position:absolute;right:10px;top:8px;color:#fff;text-shadow:0 0 10px #0876ff;font-size:15px;pointer-events:none}
.status-tag{backdrop-filter:blur(8px);box-shadow:0 4px 12px #0b3d7728}
.info-card,.faq-list details{border:1px solid #fff;background:linear-gradient(145deg,#ffffffdc,#edf6ffb8);box-shadow:0 13px 30px #2d6fb314,inset 0 1px 0 #fff}
.pay-logo{box-shadow:inset 1px 1px 3px #fff8,0 5px 12px #1b62ad22}
.community{position:relative;overflow:hidden;background:linear-gradient(115deg,#0a2c71,#075bd5 60%,#48aaff);box-shadow:0 18px 40px #0b58b52b}
.community:after{content:"🐺  ✦  🎮  ✧";position:absolute;right:20%;bottom:-10px;font-size:42px;opacity:.12;letter-spacing:14px;pointer-events:none}
.social-slide{animation:socialDrift 5s ease-in-out infinite}
.toast{backdrop-filter:blur(14px)}
@keyframes wolfFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes sparkle{0%,100%{opacity:.45;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(25deg)}}
@keyframes brandPulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}
@keyframes socialDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
body.dark{--bg:#07162e;--ink:#e8f2ff;--muted:#9bb1d2;--card:rgba(11,31,62,.84);--line:rgba(125,174,235,.18);background:radial-gradient(ellipse at 75% 0%,#103d7b 0,transparent 36%),#07162e}
body.dark .sidebar{background:linear-gradient(160deg,#0b2040ed,#07172eea)}
body.dark .hero{background:linear-gradient(115deg,#102b55,#124f9b 55%,#1675d4);border-color:#5baaff55}
body.dark .hero-copy p{color:#d1e6ff}
body.dark .hero-trust span,body.dark .mascot-caption,body.dark .mascot-float,body.dark .float-chip{background:#0b2b55dd;color:#dff2ff;border-color:#5caeff55}
body.dark .mascot-caption b{color:#8bcaff}
body.dark .product-card,body.dark .info-card,body.dark .faq-list details{background:linear-gradient(145deg,#10294c,#0b1d38);border-color:#5a9de833}
body.dark .game-chip{background:linear-gradient(145deg,#15345d,#0d2444);color:#e8f3ff;border-color:#5a9de833}
body.dark .community{background:linear-gradient(115deg,#04112b,#063d91 60%,#1269c5)}
@media(max-width:700px){
 .hero{min-height:510px;padding:25px 19px}
 .hero-copy{max-width:100%}
 .mascot-card{width:205px;height:195px;right:10px;top:auto;bottom:7px;transform:none;border-radius:46% 54% 40% 60%/48% 42% 58% 52%}
 .mascot-orbit{width:175px;height:145px}
 .wolf-mascot{width:100%;height:100%}
 .mascot-caption{bottom:5px;padding:6px 12px}
 .mascot-float{left:0;top:17px;padding:6px 8px}
 .spark-a{left:4px;top:40px}.spark-b{right:6px;top:70px}
 .hero-copy p{max-width:78%}
 .hero-trust{max-width:75%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

/* ARCEL STR v1.4 — compact glass marketplace */
.hero.hero-compact{min-height:390px;height:clamp(360px,36vw,430px);padding:28px 34px;border-radius:28px;background:linear-gradient(115deg,#f8fcff 0%,#e3f3ff 50%,#b9ddff 100%);border:1px solid #fff;box-shadow:0 18px 48px #2d80ce1c,inset 0 1px 0 #fff}.hero-compact .hero-copy{max-width:58%}.hero-compact h1{font-size:clamp(2.2rem,4vw,3.7rem)}.hero-compact .mascot-card{width:300px;height:280px;right:5%;box-shadow:0 20px 48px #1264f528,inset 0 1px 0 #fff}.hero-compact .hero-noise{opacity:.13}.store-status{display:inline-flex;padding:5px 9px;border-radius:99px;background:#dcfff0;color:#087a51;font-size:10px;font-weight:900;letter-spacing:.08em}.store-status.closed{background:#ffe6e9;color:#b52a42}
.sidebar{background:rgba(255,255,255,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid #ffffffc9;box-shadow:12px 0 35px #2d75b510}.nav-link{border:1px solid transparent;transition:transform .22s,background .22s,box-shadow .22s}.nav-link:hover{transform:translateX(4px);background:#ffffffd9;box-shadow:0 7px 17px #2b77bd14}.side-action{border-radius:13px}.switch{transition:.25s}.dark .switch{background:#208aff;box-shadow:0 0 0 3px #208aff33}
.game-chips{gap:9px}.game-chip{font-size:12px;padding:9px 14px}.game-icon{width:25px;height:25px;font-size:12px}.game-chip.selected{background:linear-gradient(120deg,#e4f4ff,#fff);border-color:#80bfff;color:#1265c2}.product-card{border:1px solid #fff;background:linear-gradient(145deg,#ffffffed,#edf6ffdb);box-shadow:0 12px 28px #1d5c9b12,inset 0 1px 0 #fff;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px #1765b524}.product-image{border:0;cursor:pointer}.product-image img{width:100%;height:100%;object-fit:cover}.product-image .product-placeholder{font-size:55px}.status-tag{animation:labelPulse 3s ease-in-out infinite}.promo-label{position:absolute;left:10px;top:10px;z-index:2;border-radius:99px;padding:6px 9px;background:linear-gradient(110deg,#fff0c7,#ffda78);color:#805600;font-size:10px;font-weight:900;box-shadow:0 5px 15px #81550024}.inline-promo{position:static;display:inline-flex;margin:8px 0}.clamp-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.product-actions button.buy-link{border:0;cursor:pointer;font:inherit}.buy-link.disabled{opacity:.45;pointer-events:none}.hero-glow{animation:glowDrift 8s ease-in-out infinite}.mascot-orbit{animation:orbit 28s linear infinite}.mascot-card{animation:mascotHover 5s ease-in-out infinite}.hero-deco{animation:decoFloat 7s ease-in-out infinite}@keyframes labelPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.13)}}@keyframes glowDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-8px)}}@keyframes mascotHover{0%,100%{margin-top:0}50%{margin-top:-7px}}@keyframes decoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(8deg)}}
.product-dialog{width:min(900px,94vw);max-width:900px;border:1px solid #fff;border-radius:24px;padding:24px;background:linear-gradient(145deg,#f9fdff,#eaf5ff);color:#163b65;box-shadow:0 24px 80px #073b7b55}.product-dialog::backdrop{background:#061a35a6;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:#fff;border-radius:50%;width:36px;height:36px;font-size:24px;color:#2868a7;cursor:pointer;z-index:5}.shop-detail{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.detail-art{height:330px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#d6ecff,#8bc5ff);display:grid;place-items:center}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-placeholder{font-size:100px}.detail-art .status-tag{position:absolute;left:12px;bottom:12px}.detail-info small{color:#6992b8;font-weight:800}.detail-info h2{font-size:1.6rem;line-height:1.2;margin:9px 0}.detail-price{display:block;color:#1268c9;font-size:1.55rem;margin:8px 0}.detail-info h3{margin:22px 0 7px}.detail-info p{line-height:1.7;color:#58728e;white-space:pre-line}.detail-safety{padding:13px;border-radius:13px;background:#fff5dc;color:#74591c;font-size:12px;line-height:1.6;margin:17px 0}.detail-actions{display:flex;flex-wrap:wrap;gap:8px}.qris-image{width:150px;height:150px;object-fit:contain;background:white;padding:8px;border-radius:14px;border:1px solid #d9eafa;margin-top:12px}
.ai-fab{position:fixed;z-index:100;right:18px;bottom:18px;width:72px;height:72px;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#fff,#c9e8ff);box-shadow:0 10px 30px #1769b84d;display:grid;place-items:center;cursor:pointer;animation:aiFloat 4s ease-in-out infinite}.ai-fab img{width:100%;height:100%;object-fit:contain}.ai-fab:before{content:'ARCEL';position:absolute;right:66px;background:#ffffffed;border:1px solid #fff;border-radius:30px;padding:7px 11px;color:#1b65ac;font-size:10px;font-weight:900;box-shadow:0 5px 16px #1769b820}.ai-chat{position:fixed;z-index:101;right:18px;bottom:102px;width:min(360px,calc(100vw - 28px));height:440px;max-height:65vh;border:1px solid #fff;border-radius:22px;background:#f7fbffed;box-shadow:0 20px 55px #124a8338;backdrop-filter:blur(20px);display:none;overflow:hidden}.ai-chat.open{display:flex;flex-direction:column}.ai-chat header{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(110deg,#eaf6ff,#c9e7ff)}.ai-chat header img{width:42px;height:42px;object-fit:contain}.ai-chat header span{display:grid;flex:1;color:#174f88}.ai-chat header small{font-size:10px;color:#6387aa}.ai-chat header button{border:0;background:transparent;font-size:23px;color:#32638e}.ai-chat #aiMessages{padding:13px;overflow:auto;flex:1;color:#34516f;font-size:13px;line-height:1.6}.ai-bot,.ai-user{padding:10px 12px;border-radius:14px;background:#e8f4ff;margin:7px 0;max-width:92%}.ai-user{margin-left:auto;background:#d5eaff}.ai-chat form{display:flex;gap:7px;padding:10px;border-top:1px solid #d9eafa}.ai-chat input{flex:1;min-width:0;border:1px solid #d5e7f8;border-radius:12px;padding:10px}.ai-chat form button{border:0;border-radius:12px;padding:0 14px;background:#1679e8;color:white}.ai-promo{display:flex;align-items:center;gap:18px;padding:20px;border-radius:22px;background:linear-gradient(110deg,#eff8ff,#d9eeff);border:1px solid #fff;box-shadow:0 12px 30px #1769b814;margin:30px 0}.ai-promo img{width:88px;height:88px;object-fit:contain}.ai-promo div{flex:1}.ai-promo small{color:#4d8bc4;font-weight:900;letter-spacing:.12em}.ai-promo h2{margin:5px 0;color:#145aa7}.ai-promo p{margin:0;color:#577895;font-size:13px}.ai-promo button{white-space:nowrap}
.owner-side{background:rgba(255,255,255,.72);backdrop-filter:blur(22px);border-right:1px solid #fff}.owner-nav{border-radius:13px;transition:.2s}.owner-nav:hover,.owner-nav.active{background:linear-gradient(110deg,#dcefff,#fff);box-shadow:0 7px 18px #2b77bd18}.admin-card,.stat-card,.login-panel{border:1px solid #fff;box-shadow:0 14px 35px #1c5c9912,inset 0 1px 0 #fff}.table-code{display:block;color:#6c91b3;font-size:10px}.owner-body{background:linear-gradient(145deg,#f7fbff,#eaf5ff)}.product-form input,.product-form select,.product-form textarea{border:1px solid #d8e9f8;border-radius:12px;background:#fff;padding:11px}.settings-note{background:#eef7ff;border:1px solid #dceeff;border-radius:13px;padding:13px;color:#557594}
body.dark .product-dialog{background:linear-gradient(145deg,#10294a,#0a1d36);color:#e7f3ff;border-color:#3d6c99}body.dark .detail-info p{color:#b4cbe4}body.dark .detail-safety{background:#493c20;color:#ffe8ae}body.dark .ai-chat{background:#0d2441ed;border-color:#365d83}body.dark .ai-chat header{background:linear-gradient(110deg,#15395e,#0e2b4b)}body.dark .ai-chat header span,body.dark .ai-chat #aiMessages{color:#d8eaff}body.dark .ai-bot{background:#17395e;color:#e2f2ff}body.dark .ai-user{background:#20538a;color:#fff}body.dark .ai-chat input{background:#102b49;color:#e7f3ff;border-color:#365d83}body.dark .ai-promo{background:linear-gradient(110deg,#102b4c,#153b65);border-color:#365d83}body.dark .ai-promo h2,body.dark .ai-promo p{color:#d7eaff}body.dark .store-status{background:#123e32;color:#80efc0}body.dark .store-status.closed{background:#4c2632;color:#ff9aab}
@media(max-width:700px){.hero.hero-compact{min-height:410px;height:410px;padding:20px 17px}.hero-compact .hero-copy{max-width:100%}.hero-compact h1{font-size:2.35rem}.hero-compact .mascot-card{width:190px;height:180px;right:10px;bottom:0;top:auto;transform:none}.shop-detail{grid-template-columns:1fr}.detail-art{height:220px}.product-dialog{padding:18px 14px}.ai-fab{width:64px;height:64px;right:12px;bottom:12px}.ai-chat{right:10px;bottom:88px}.ai-promo{align-items:flex-start;flex-wrap:wrap}.ai-promo img{width:65px;height:65px}.ai-promo div{min-width:60%}.ai-promo button{width:100%}}
@media(prefers-reduced-motion:reduce){.mascot-card,.status-tag,.ai-fab,.hero-glow,.hero-deco,.social-slide{animation:none!important}}
.catalog-game-filters{display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-games{display:flex;flex-wrap:wrap;gap:7px}.catalog-games .game-chip{padding:7px 11px;font-size:11px}.catalog-games .game-chip.selected{background:linear-gradient(120deg,#d9efff,#fff);border-color:#7bbcff;color:#155fae}

/* ARCEL STR v1.3 PATCH — navigation, asset and responsive corrections */
.nav-icon{width:21px;height:21px;display:inline-grid;place-items:center;flex:0 0 21px;color:#347bd0}
.nav-icon svg,.info-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mascot-brand{overflow:hidden;padding:0}.mascot-brand img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #145bb555)}
.side-backdrop{display:none}
.hero-banner{background-image:linear-gradient(90deg,rgba(248,252,255,.97) 0%,rgba(231,245,255,.91) 43%,rgba(202,229,255,.34) 100%),url('arcel-hero.webp');background-position:center;background-size:cover}
.hero-banner .hero-copy{max-width:55%}.hero-banner .eyebrow{color:#2568b5}.hero-banner .hero-copy p{color:#355b83}.hero-banner .hero-trust{color:#376b9e}.hero-banner h1{color:#123c70}.hero-banner h1 em{color:#0874ee;text-shadow:0 4px 20px #7bc5ff66}
.hero-banner .mascot-card{background:linear-gradient(145deg,#ffffffb8,#e5f4ff99);border-color:#fff;box-shadow:inset 4px 4px 18px #fff,0 18px 35px #145bb52b}
.hero-banner .mascot-caption{color:#15569c}.hero-banner .mascot-caption small{color:#507ba8}
.game-icon{font-size:9px;letter-spacing:-.5px;background:linear-gradient(145deg,#287cf0,#0d4cb5);color:white;border:1px solid #ffffffa8;box-shadow:inset 1px 1px 3px #ffffff88,0 3px 8px #1559b533}
.info-icon{display:grid;place-items:center}.info-icon svg{width:20px;height:20px}
.nav-link:focus-visible,.side-action:focus-visible,.mobile-menu:focus-visible{outline:3px solid #63aaff;outline-offset:2px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1500px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main{padding-left:42px;padding-right:42px}}
@media(max-width:1050px) and (min-width:701px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-banner .hero-copy{max-width:62%}.hero-banner .mascot-card{right:3%;width:240px;height:230px}}
@media(max-width:700px){
 .side-backdrop{display:block;position:fixed;inset:0;z-index:19;border:0;background:#061a35a8;opacity:0;visibility:hidden;pointer-events:none;transition:.22s}
 .side-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}
 .sidebar{z-index:30;overflow-y:auto;overscroll-behavior:contain;padding-bottom:18px}
 .sidebar.open{transform:translateX(0);pointer-events:auto}
 .main{position:relative;z-index:1}
 .hero.hero-compact.hero-banner{background-position:center;background-image:linear-gradient(180deg,rgba(246,251,255,.96) 0%,rgba(226,242,255,.88) 52%,rgba(210,234,255,.45) 100%),url('arcel-hero.webp')}
 .hero-banner .hero-copy{max-width:100%}.hero-banner .hero-copy p{max-width:90%}.hero-banner .hero-trust{max-width:85%}
 .hero-banner .mascot-card{background:#ffffffa8}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){.product-grid{grid-template-columns:1fr}.hero-banner .mascot-card{width:150px;height:145px}}


/* ARCEL STR v1.4 — compact banner, rich blue glass, mobile navigation */
:root{--bg:#e7f1ff;--ink:#102b50;--card:rgba(246,250,255,.84);--line:rgba(65,124,196,.25);--shadow:0 16px 40px rgba(15,70,145,.13)}
body{background:radial-gradient(ellipse at 88% 0%,#b9d8ff 0,transparent 34%),linear-gradient(145deg,#e9f3ff,#dcecff 55%,#f3f8ff)}
.sidebar{background:linear-gradient(160deg,rgba(8,31,72,.97),rgba(13,62,132,.94));border-right:1px solid #7cbaff55;box-shadow:12px 0 40px #06285b26;color:#eaf5ff;z-index:40;pointer-events:auto}
.sidebar .brand,.sidebar .nav-link,.sidebar .side-action{color:#e3f1ff}.sidebar .brand small,.sidebar .side-label,.sidebar .side-foot{color:#91bce9}.sidebar .nav-icon{color:#9fd0ff}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:linear-gradient(110deg,#1d73e8,#164a96);color:#fff;box-shadow:inset 0 0 0 1px #9bd0ff88,0 8px 20px #001b4d66}.sidebar .owner-shortcut{background:#ffffff12;color:#dceeff;border-color:#7cbaff55}.sidebar .side-action{cursor:pointer}.sidebar .switch{background:#385d8b}.sidebar .switch:after{transition:.2s}.sidebar .side-action.is-dark .switch{background:#1682ff}.sidebar .side-action.is-dark .switch:after{left:15px}
.mobile-menu{cursor:pointer;touch-action:manipulation;position:relative;z-index:45}.nav-link,.side-action,.owner-shortcut{touch-action:manipulation;cursor:pointer;position:relative;z-index:2}
.hero.hero-compact.hero-banner{height:clamp(126px,16vw,190px);min-height:0;padding:0;border-radius:18px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(5,24,62,.78),rgba(8,54,125,.18) 70%,rgba(4,24,63,.12)),url('arcel-hero.webp');background-size:cover;background-position:center 48%;box-shadow:0 12px 32px #0b3d8c35;border:1px solid #a8d4ff88}
.banner-content{position:relative;z-index:2;padding:20px 26px;color:#fff;max-width:58%;text-shadow:0 2px 10px #061c45aa}.banner-kicker{font-size:9px;font-weight:900;letter-spacing:1.8px;color:#b9e5ff}.banner-content h1{font:800 clamp(19px,2.6vw,32px)/1.1 'Space Grotesk';margin:8px 0 5px;color:#fff;letter-spacing:-.7px}.banner-content h1 em{font-style:normal;color:#83d2ff}.banner-content p{font-size:10px;line-height:1.5;margin:0;color:#e4f4ff}.banner-actions{display:flex;gap:7px;margin-top:10px}.banner-actions .btn-primary,.banner-actions .btn-glass{padding:8px 12px;font-size:9px;border-radius:9px}.banner-actions .btn-glass{background:#ffffff22}.banner-orbit{position:absolute;border:1px solid #b7e3ff70;border-radius:50%;pointer-events:none;animation:bannerDrift 8s ease-in-out infinite}.orbit-a{width:100px;height:100px;right:16%;top:-36px}.orbit-b{width:55px;height:55px;right:9%;bottom:-23px;animation-delay:-3s}.banner-spark{position:absolute;right:26%;top:18%;font-size:20px;color:#d8f3ff;filter:drop-shadow(0 0 10px #fff);animation:sparkPulse 2.5s infinite}
.game-strip{background:linear-gradient(120deg,#dcecffaa,#f4f9ff88);border:1px solid #fff;border-radius:17px;padding:18px;margin:18px 0}.game-strip h2,.section-heading h2,.faq-section h2,.community h2{color:#112f58}.game-chip{background:linear-gradient(145deg,#f9fcff,#dcecff);border-color:#b8d5f4;box-shadow:inset 1px 1px 2px #fff,0 5px 12px #2868a51a}.game-chip.selected{background:linear-gradient(130deg,#1978ed,#0c4da8);color:#fff;border-color:#73baff;box-shadow:0 6px 18px #1264df55}.product-card{background:linear-gradient(145deg,#f9fcff,#e8f2ff);border-color:#c3daf4;box-shadow:0 10px 24px #174f8c15}.product-image{background:linear-gradient(135deg,#0b2d68,#1977db)}.product-card h3{color:#17365f}.info-card,.faq-list details{background:linear-gradient(145deg,#f6faff,#e3efff);border-color:#c1d8f2}
.splash{background:radial-gradient(circle at 50% 38%,#1b77e5 0,#0b347a 35%,#061a40 78%);gap:12px;overflow:hidden}.splash:before,.splash:after{content:'';position:absolute;border:1px solid #8ccfff44;border-radius:50%;width:260px;height:260px;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff05;animation:spin 18s linear infinite}.splash:after{width:340px;height:340px;animation-direction:reverse}.splash-orbit{position:relative;width:108px;height:108px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf7ff,#70baff);box-shadow:inset 4px 4px 12px #fff,0 0 50px #64c5ff99;animation:splashFloat 2s ease-in-out infinite;z-index:1}.splash-orbit img{width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 7px 10px #0a367d66)}.splash-orbit span{position:absolute;right:-9px;top:-12px;color:#fff;font-size:25px;text-shadow:0 0 15px #fff}.splash b,.splash span,.splash small{position:relative;z-index:1}.splash b{font-size:23px;letter-spacing:2px}.splash span{font-size:8px;letter-spacing:3px;color:#b9ddff}.splash small{font-size:9px;letter-spacing:2px;color:#72c7ff;font-weight:800}.splash.splash-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s,visibility .45s}
body.dark{--bg:#07172e;--card:rgba(12,34,66,.9);--ink:#e8f3ff;background:radial-gradient(ellipse at 80% 0%,#123e78,transparent 38%),linear-gradient(145deg,#07172e,#0a2448)}body.dark .sidebar{background:linear-gradient(160deg,#06152cfa,#0a2d5df5)}body.dark .game-strip{background:linear-gradient(120deg,#0d2a50,#102d54);border-color:#244c78}body.dark .game-strip h2,body.dark .section-heading h2,body.dark .faq-section h2{color:#e8f3ff}body.dark .product-card,body.dark .info-card,body.dark .faq-list details{background:linear-gradient(145deg,#102a4c,#0b203d);border-color:#24496f}body.dark .product-card h3,body.dark .info-card h2,body.dark .faq-list summary{color:#e9f4ff}body.dark .product-card p,body.dark .info-card>p,body.dark .faq-list p{color:#a9c1df}body.dark .game-chip{background:#122e54;color:#cfe5ff;border-color:#315b86}body.dark .game-chip.selected{background:#1269db;color:white}body.dark .topbar{border-color:#24496f}body.dark .top-wa{background:#102b50;border-color:#315b86;color:#a8d6ff}
@keyframes bannerDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes sparkPulse{0%,100%{opacity:.5;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}@keyframes splashFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@media(max-width:700px){.hero.hero-compact.hero-banner{height:142px;min-height:142px;border-radius:15px;background-position:44% center}.banner-content{max-width:70%;padding:13px 14px}.banner-kicker{font-size:7px;letter-spacing:1.1px}.banner-content h1{font-size:19px;margin:5px 0}.banner-content p{font-size:8px;max-width:210px}.banner-actions{margin-top:7px}.banner-actions .btn-primary,.banner-actions .btn-glass{padding:7px 9px;font-size:8px}.banner-orbit.orbit-a{width:62px;height:62px;right:12%;top:-20px}.banner-orbit.orbit-b{width:34px;height:34px}.banner-spark{right:19%;font-size:14px}.game-strip{padding:13px;margin:13px 0;display:grid;gap:10px}.game-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:2px 0 7px;scrollbar-width:none}.game-chips::-webkit-scrollbar{display:none}.game-chip{white-space:nowrap}.sidebar{width:min(290px,84vw);height:100dvh;inset:0 auto 0 0;transform:translateX(-110%);transition:transform .28s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.sidebar.open{transform:translateX(0)!important}.side-backdrop{display:block;position:fixed;inset:0;z-index:35;background:#020e25b8;opacity:0;visibility:hidden;pointer-events:none;transition:.25s;border:0}.side-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu{display:block}.topbar{z-index:4}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:108px}.product-actions{flex-direction:row}.info-grid{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr}.ai-fab{z-index:60}}
@media(max-width:380px){.banner-content{max-width:76%}.banner-content h1{font-size:17px}.banner-content p{max-width:180px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.splash-orbit,.banner-orbit,.banner-spark{animation:none!important}}


/* ===== ARCEL STR v1.5 marketplace refinement ===== */
.brand{padding:8px 9px 27px;gap:13px}.brand b{font-size:18px;letter-spacing:1.2px;background:linear-gradient(100deg,#0a3d93,#1687ff 65%,#73c9ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 5px 18px #3b9bff22}.brand-mark.mascot-brand{overflow:hidden}.mascot-brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 7px #0b5ac955)}.nav-link{min-height:43px}.nav-link .nav-icon{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#fafdff,#dceeff);box-shadow:inset 1px 1px 2px white,0 3px 8px #3677b51b}.nav-icon svg,.info-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-link.active .nav-icon{background:linear-gradient(140deg,#167cff,#0647bd);color:white;box-shadow:0 5px 14px #0b6ce966}.side-label{color:#5b80b1;letter-spacing:1.7px}.side-bottom{padding-top:12px;border-top:1px solid #b8d4f055}.side-action{cursor:pointer;border-radius:12px}.side-action:hover{background:#dceeff88}.switch{transition:.2s}.side-action.is-dark .switch{background:#1675f5}.side-action.is-dark .switch:after{left:15px}
.hero.hero-compact.hero-banner{position:relative;height:clamp(118px,15vw,174px);min-height:118px;padding:0;border-radius:18px;background-image:url('arcel-hero.webp');background-position:center;background-size:cover;border:1px solid #b8d9ff;box-shadow:0 14px 34px #125bb42b;isolation:isolate}.hero-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061d4a08,#05265c00 60%,#06285a12);z-index:-1}.banner-hit{position:absolute;inset:0;z-index:1}.banner-caption{position:absolute;right:14px;bottom:10px;padding:6px 10px;border-radius:30px;background:#061b4e9c;color:#e9f6ff;font-size:8px;letter-spacing:1.3px;font-weight:900;backdrop-filter:blur(8px)}.banner-caption b{color:#78d1ff}
.game-strip{display:grid;grid-template-columns:minmax(190px,.75fr) 2fr;align-items:center;gap:20px;padding:18px 20px;margin:17px 0;background:linear-gradient(115deg,#e4f2ff,#f9fcff 55%,#d7eaff);border:1px solid #c7e0fb;border-radius:19px;box-shadow:0 9px 25px #2467a514,inset 1px 1px 0 white}.game-strip-heading small{font-size:9px;letter-spacing:1.8px;color:#397bc3;font-weight:900}.game-strip-heading h2{font:700 19px 'Space Grotesk';color:#143a6c;margin:6px 0}.game-strip-heading p{margin:0;color:#7188a7;font-size:10px}.game-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:9px}.game-chip{min-height:57px;border-radius:14px;padding:9px 11px;justify-content:flex-start;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#e6f2ff);border:1px solid #c4ddf7;box-shadow:inset 1px 1px 2px white,0 6px 14px #2868a51a;color:#1c4e88}.game-chip:after{content:'✦';position:absolute;right:8px;top:3px;color:#7ebdff66;font-size:22px}.game-chip .game-icon{width:31px;height:31px;border-radius:10px;font-size:12px;flex:0 0 auto}.game-chip>span:not(.game-icon){font-size:10px;font-weight:900}.game-chip small{position:absolute;left:52px;bottom:8px;color:#7c94b2;font-size:8px}.game-chip.selected{background:linear-gradient(135deg,#1267e8,#073d9c);color:#fff;border-color:#65baff;box-shadow:0 7px 18px #1264df55}.game-chip.selected small{color:#c5e5ff}.game-loading{font-size:10px;color:#6f89a9}
.catalog-section{padding-top:25px}.catalog-result-label{display:flex;align-items:center;gap:12px}.catalog-result-label b{font-size:11px;color:#2a4f7d}.catalog-result-label small{font-size:10px;color:#8096b2}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{padding:11px;border-radius:19px;background:linear-gradient(150deg,#fff,#edf5ff);border:1px solid #c7def7;box-shadow:0 9px 24px #154c8715,inset 1px 1px 0 white}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #135bb42a}.product-image{height:156px;border-radius:14px;background:radial-gradient(circle at 50% 30%,#267fe9,#09285d);box-shadow:inset 0 0 25px #001c4d66;cursor:pointer}.product-image img{transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.045)}.product-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;height:100%;font-size:52px;background:radial-gradient(circle at 50% 35%,#338fff,#0b2b66 72%)}.product-placeholder small{font:800 9px 'Space Grotesk';letter-spacing:2px;color:#d7edff}.status-tag{left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid #ffffffa8;box-shadow:0 5px 13px #092b6140;font-size:8px;letter-spacing:.7px}.status-tag i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor 22}.status-tag.ready{background:linear-gradient(135deg,#e1fff3,#b5f6d9);color:#087b52}.status-tag.sold{background:linear-gradient(135deg,#ffe9ed,#ffcbd4);color:#bf2949}.discount-tag{position:absolute;right:9px;top:9px;padding:5px 8px;border-radius:8px;background:linear-gradient(120deg,#ffdf8b,#ff9e42);color:#763c00;font-size:8px;font-weight:1000;box-shadow:0 4px 12px #67360044}.product-meta{margin:12px 2px 7px}.game-pill{background:#e4f1ff;color:#2168b5;padding:4px 8px;border-radius:30px;font-size:8px;font-weight:900}.product-code{font:700 8px 'Space Grotesk';color:#8b9db5;letter-spacing:.5px}.product-card h3{font-size:12px;line-height:1.45;margin:8px 2px 5px;color:#15365f;min-height:34px}.product-card .clamp-description{font-size:9px;line-height:1.65;color:#7186a2;margin:5px 2px 8px;min-height:31px;-webkit-line-clamp:2}.price-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:9px 2px 12px;min-height:26px}.price-line strong{font:800 15px 'Space Grotesk';color:#075edb}.price-line del,.detail-price-wrap del{font-size:9px;color:#91a0b5;font-weight:700}.discount-percent{font-size:8px;font-weight:900;color:#c94a37;background:#fff0e9;padding:4px 6px;border-radius:6px}.product-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;align-items:center}.product-actions a,.product-actions button{min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;border-radius:10px;padding:10px 8px;font-size:9px;font-weight:900;white-space:nowrap}.buy-link{background:linear-gradient(130deg,#208bff,#0752d4);color:white;box-shadow:0 6px 14px #176be53a}.buy-link:hover{filter:brightness(1.08);transform:translateY(-1px)}.consult-link{background:linear-gradient(145deg,#fff,#e7f2ff);color:#1a5da9;border:1px solid #c9e0fb}.empty-state{border-radius:18px;background:linear-gradient(135deg,#edf6ff,#fff);color:#6682a5}
.info-grid{gap:18px}.info-card{padding:23px;border-radius:20px;background:linear-gradient(145deg,#fafdff,#e5f1ff);border-color:#c4dcf6}.payment-card{background:radial-gradient(circle at 100% 0,#c4e5ff 0,transparent 36%),linear-gradient(145deg,#fafdff,#e4f1ff)}.payment-method-list{display:grid;gap:9px;margin-top:16px}.pay-row{padding:12px;border-radius:13px;background:#ffffffc9;border:1px solid #cfe3f8;box-shadow:inset 1px 1px 2px white,0 5px 13px #2b68a511}.pay-row>div{display:grid;gap:4px}.pay-row small{font-size:9px;color:#8297b1}.method-check{margin-left:auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dff9ef;color:#0a9a69;font-weight:900}.qris-logo{background:linear-gradient(145deg,#e9eaff,#d6dfff);color:#394eaa}.pay-note{margin-top:13px;padding:11px;border-radius:12px;background:#e3f1ff;color:#37638e;font-size:9px;line-height:1.7}.steps{gap:12px}.steps li{padding:11px;border-radius:12px;background:#ffffffa8;border:1px solid #d5e7f8}.faq-list details{border-radius:13px;margin-bottom:9px;padding:14px 16px}.faq-list summary{font-size:11px}.faq-list p{font-size:10px;line-height:1.8}
.community{display:grid;grid-template-columns:1fr auto;gap:12px 25px;align-items:center;padding:27px 30px;border-radius:21px;background:radial-gradient(circle at 95% 15%,#4db5ff77,transparent 30%),linear-gradient(115deg,#061d4c,#0756c7 65%,#1689ef);border:1px solid #72bdff;box-shadow:0 17px 38px #0754b936}.community h2{color:white;font-size:23px}.community p{color:#d1e9ff}.community-perks{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.community-perks span{padding:7px 10px;border:1px solid #ffffff55;background:#ffffff17;border-radius:30px;color:#e8f6ff;font-size:9px;font-weight:800;backdrop-filter:blur(8px)}.community .social-slide{grid-column:1/-1;width:max-content;padding:9px 14px;border-radius:30px;background:#ffffff17;border:1px solid #ffffff55;color:white}.ai-promo{position:relative;overflow:hidden;display:grid;grid-template-columns:100px 1fr auto;gap:20px;align-items:center;margin:18px 0 25px;padding:20px 25px;border-radius:20px;background:radial-gradient(circle at 5% 0,#7bcaff77,transparent 30%),linear-gradient(110deg,#e4f3ff,#f9fcff 58%,#d4eaff);border:1px solid #bcdcff;box-shadow:0 13px 30px #1b64ad18}.guide-art{width:94px;height:94px;position:relative;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#fff,#9bcfff);box-shadow:inset 2px 2px 9px white,0 9px 19px #155cb533}.guide-art img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 5px 9px #1353a655)}.guide-art span{position:absolute;right:-7px;top:-7px;color:#1681ff;font-size:22px;animation:sparkPulse 2s infinite}.ai-promo small{font-size:8px;letter-spacing:1.7px;color:#347ac0;font-weight:900}.ai-promo h2{font:700 19px 'Space Grotesk';color:#153c70;margin:6px 0}.ai-promo p{font-size:10px;color:#7189a8;line-height:1.7;margin:0}
.product-dialog{width:min(850px,calc(100vw - 26px));max-height:90dvh;overflow:auto;border:1px solid #b9d8fa;border-radius:22px;padding:0;background:linear-gradient(145deg,#fafdff,#e8f3ff);box-shadow:0 30px 100px #001c4c77}.product-dialog::backdrop{background:#03132dbb;backdrop-filter:blur(7px)}.dialog-close{position:sticky;top:10px;float:right;z-index:5;margin:10px 10px -45px 0;width:34px;height:34px;border:1px solid #c7ddf6;border-radius:50%;background:#ffffffdf;color:#174d88;font-size:23px;cursor:pointer}.shop-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;padding:23px}.detail-art{position:relative;min-height:320px;align-self:start;border-radius:17px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#2b8bff,#09275e 72%);box-shadow:inset 0 0 28px #001b4d66}.detail-art img{width:100%;height:100%;min-height:320px;object-fit:cover}.detail-placeholder{height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:white;font-size:65px}.detail-placeholder small{font:800 10px 'Space Grotesk';letter-spacing:2px}.detail-info{padding:8px 4px}.detail-breadcrumb{font-size:8px;color:#8299b5;letter-spacing:.7px}.detail-breadcrumb span{padding:0 5px;color:#a7bed9}.detail-info h2{font:700 23px 'Space Grotesk';color:#153963;margin:13px 0}.detail-price-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-price{font:800 23px 'Space Grotesk';color:#075bd6}.detail-highlights{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 20px}.detail-highlights span{font-size:8px;color:#2e6caa;background:#e0efff;border:1px solid #c9e0f8;border-radius:30px;padding:7px 9px}.detail-info h3{font-size:11px;color:#244c7b;margin:16px 0 7px}.detail-description{font-size:10px;line-height:1.9;color:#627d9f;margin:0}.spec-list{padding:12px 13px 12px 28px;margin:0;border-radius:12px;background:#ffffffa8;border:1px solid #d4e5f7;color:#526e91;font-size:9px;line-height:1.9}.detail-safety{margin-top:14px;padding:11px;border-radius:11px;background:#fff7e8;border:1px solid #f2dfb6;color:#86612b;font-size:8px;line-height:1.8}.detail-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:15px}.detail-actions a{padding:12px 8px;font-size:10px}
.ai-quick-questions{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 9px}.ai-quick-questions button{border:1px solid #c5def8;background:#eef7ff;color:#2366a9;border-radius:30px;padding:6px 9px;font:800 8px 'Plus Jakarta Sans';cursor:pointer}.ai-quick-questions button:hover{background:#dceeff}.field-hint{display:block;color:#8096b2;font-size:9px;line-height:1.6;margin-top:5px}
body.dark .game-strip{background:linear-gradient(120deg,#0b2850,#123d70);border-color:#2a5b8d}body.dark .game-strip-heading h2,body.dark .game-strip-heading p{color:#d6eaff}body.dark .game-chip{background:linear-gradient(145deg,#173b69,#0c2850);border-color:#2a5b8d;color:#dceeff}body.dark .game-chip small{color:#9bbce0}body.dark .product-card{background:linear-gradient(145deg,#102c50,#0b203c);border-color:#2c527a}body.dark .product-card h3{color:#e7f3ff}body.dark .product-card .clamp-description{color:#a9c1df}body.dark .price-line strong{color:#80bdff}body.dark .payment-card,body.dark .info-card{background:linear-gradient(145deg,#102d52,#0b2140);border-color:#2b527a}body.dark .pay-row{background:#17375d;border-color:#315b86}body.dark .pay-row b,body.dark .method-check{color:#e8f5ff}body.dark .pay-note{background:#173a63;color:#bddcff}body.dark .steps li{background:#17375d;border-color:#315b86;color:#d7eaff}body.dark .ai-promo{background:linear-gradient(110deg,#102d52,#0c2444);border-color:#2c5c8e}body.dark .ai-promo h2{color:#e8f4ff}body.dark .ai-promo p{color:#b0c8e4}body.dark .product-dialog{background:linear-gradient(145deg,#102d52,#0a203d);border-color:#2e5c8a}body.dark .detail-info h2,body.dark .detail-info h3{color:#e8f3ff}body.dark .detail-description,body.dark .spec-list{color:#bfd2e8}body.dark .spec-list{background:#17375d;border-color:#315b86}body.dark .detail-highlights span{background:#173e68;color:#cde6ff;border-color:#315b86}body.dark .ai-quick-questions button{background:#173b63;color:#d8edff;border-color:#315b86}body.dark .nav-link{color:#c2d9f2}body.dark .nav-link.active{background:linear-gradient(110deg,#123e78,#0c2a50);color:#8fc7ff}body.dark .nav-link .nav-icon{background:linear-gradient(145deg,#194879,#0d2b50)}body.dark .brand b{background:linear-gradient(100deg,#b9e1ff,#4aaaff);-webkit-background-clip:text;background-clip:text}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-strip{grid-template-columns:1fr}.game-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.hero.hero-compact.hero-banner{height:clamp(105px,26vw,142px);min-height:105px;background-position:center}.banner-caption{font-size:6px;right:7px;bottom:6px;padding:5px 7px}.game-strip{padding:14px;margin:13px 0;gap:11px}.game-strip-heading h2{font-size:16px}.game-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.game-chip{min-height:55px;padding:7px;gap:6px}.game-chip .game-icon{width:27px;height:27px}.game-chip>span:not(.game-icon){font-size:8px}.game-chip small{left:41px;bottom:7px;font-size:7px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:8px;border-radius:15px}.product-image{height:112px;border-radius:11px}.product-placeholder{font-size:39px}.product-card h3{font-size:10px;min-height:29px}.product-card .clamp-description{font-size:8px;min-height:29px}.price-line{gap:4px;margin:7px 1px 9px}.price-line strong{font-size:12px}.price-line del{font-size:8px}.discount-percent{font-size:7px}.product-actions{grid-template-columns:1fr;gap:5px}.product-actions a,.product-actions button{padding:9px 5px;font-size:8px}.community{grid-template-columns:1fr;padding:20px;gap:9px}.community .social-slide{grid-column:auto}.ai-promo{grid-template-columns:65px 1fr;gap:12px;padding:15px}.guide-art{width:64px;height:64px;border-radius:19px}.guide-art img{width:62px;height:62px}.ai-promo h2{font-size:15px}.ai-promo p{font-size:9px}.ai-promo>.btn-primary{grid-column:1/-1;width:100%}.shop-detail{grid-template-columns:1fr;gap:14px;padding:15px}.detail-art,.detail-art img{min-height:190px;max-height:220px}.detail-placeholder{height:190px}.detail-info h2{font-size:19px}.detail-price{font-size:20px}.detail-actions{grid-template-columns:1fr 1fr}.detail-actions a{white-space:normal}.info-grid{padding-bottom:22px}}@media(max-width:380px){.game-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{gap:8px}.product-image{height:100px}.product-actions{grid-template-columns:1fr}.banner-caption{display:none}}
@media(max-width:700px){.sidebar{z-index:42!important}.side-backdrop{z-index:40!important}.mobile-menu{position:relative;z-index:45}}

.community-socials{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.community-socials .social-slide{width:max-content}.social-slide{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:9px;font-weight:800}@media(max-width:700px){.product-actions{grid-template-columns:1.1fr .9fr}.product-actions a,.product-actions button{font-size:8px}.community-socials{grid-column:auto}}@media(max-width:380px){.product-actions{grid-template-columns:1.1fr .9fr}.product-actions a,.product-actions button{font-size:7px;padding:8px 3px}}

/* ARCEL STR v1.6 — tab navigation and responsive refinements */
.tab-page{display:none;min-height:58vh;animation:pageIn .28s ease both}.tab-page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.home-welcome{position:relative;overflow:hidden;margin:18px 0 24px;padding:26px 28px;border:1px solid #b9d9fa;border-radius:22px;background:radial-gradient(circle at 92% 10%,#8ccaff77,transparent 30%),linear-gradient(120deg,#e4f2ff,#f8fbff 58%,#d8eaff);box-shadow:0 15px 34px #1459a51a}.home-welcome:after{content:'✦';position:absolute;right:7%;top:12%;font-size:70px;color:#67b7ff55;animation:sparkPulse 2.8s ease-in-out infinite}.home-welcome h1{position:relative;z-index:1;margin:7px 0;font:700 clamp(23px,3vw,34px)/1.15 'Space Grotesk';color:#123d70}.home-welcome p{position:relative;z-index:1;max-width:650px;color:#607d9f;line-height:1.8;font-size:12px}.home-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid #b9d7f5;border-radius:12px;background:#ffffffb8;color:#1b5da7;text-decoration:none;font-size:11px;font-weight:800}.home-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.home-trust span{padding:7px 10px;border-radius:30px;background:#ffffffb8;border:1px solid #c9e1fa;color:#47749f;font-size:9px;font-weight:800}
.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#edf6ff,#d9eaff);box-shadow:inset 1px 1px 2px #fff,0 3px 9px #125bb416}.nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-link{cursor:pointer;min-height:43px}.nav-link.active{background:linear-gradient(110deg,#d8ebff,#f4f9ff);color:#0759e8;box-shadow:inset 0 0 0 1px #b8d8fb,0 7px 17px #4389e51c}.sidebar{pointer-events:auto}.side-backdrop{pointer-events:none}.side-backdrop.show{pointer-events:auto}.product-image{width:100%;padding:0;border:0;cursor:pointer}.product-actions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:7px}.product-actions a,.product-actions button{min-width:0;min-height:38px;white-space:normal;line-height:1.2;overflow-wrap:anywhere}.product-actions .buy-link{border:0}.product-card{display:flex;flex-direction:column}.product-card .product-actions{margin-top:auto}.product-card .clamp-description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}.price-line{align-items:baseline}.price-line del{font-size:8px;white-space:nowrap}.price-line strong{font-size:clamp(11px,1.1vw,15px);white-space:nowrap}.product-code{white-space:nowrap}.product-dialog{max-width:min(900px,94vw);max-height:90vh;overflow:auto;border:1px solid #b9d8f7;border-radius:22px;padding:0;background:linear-gradient(145deg,#fafdff,#e7f3ff);box-shadow:0 24px 90px #051c3d66}.product-dialog::backdrop{background:#071a35b8;backdrop-filter:blur(5px)}.dialog-close{position:sticky;float:right;top:8px;right:8px;z-index:5;width:35px;height:35px;border:1px solid #c7def5;border-radius:50%;background:#ffffffed;color:#174d86;font-size:22px;cursor:pointer}.shop-detail{clear:both}.detail-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;text-decoration:none;border-radius:11px;padding:11px;font-size:10px;font-weight:900}.detail-actions .disabled{opacity:.55;pointer-events:none}.detail-price-wrap{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.detail-price-wrap del{font-size:10px}.detail-price{font-size:24px;color:#075edb}.faq-section{display:grid;grid-template-columns:minmax(180px,.75fr) 1.25fr;gap:24px;padding:28px 0}.faq-list details{background:linear-gradient(145deg,#fff,#eaf4ff);border:1px solid #cfe2f7;box-shadow:0 7px 17px #1b5b9910}.community{margin:20px 0}.ai-promo{margin:20px 0}.payment-card{max-width:900px;width:100%;margin:10px auto 28px}.payment-method-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.qris-image{max-width:230px;width:100%;height:auto;object-fit:contain;border:1px solid #d4e5f7;border-radius:13px;padding:10px;background:white}.tab-page>.info-card{margin:10px 0 25px}.splash-emblem{width:88px;height:88px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#73c9ff,#0754dc);border:1px solid #d7efff;color:white;font:800 26px 'Space Grotesk';box-shadow:inset 2px 2px 9px #fff8,0 0 0 9px #55aaff20,0 18px 40px #0755c655;animation:float 2.8s ease-in-out infinite}
body.dark .home-welcome{background:radial-gradient(circle at 92% 10%,#2466a977,transparent 30%),linear-gradient(120deg,#102b4d,#0b203b 58%,#12365d);border-color:#2b5782}body.dark .home-welcome h1{color:#e5f3ff}body.dark .home-welcome p{color:#b0c9e5}body.dark .home-trust span,body.dark .btn-secondary{background:#17385d;border-color:#315a82;color:#d6ebff}body.dark .faq-list details{background:linear-gradient(145deg,#102b4b,#0b2039);border-color:#2b5279;color:#d9eaff}body.dark .faq-list summary{color:#e4f2ff}body.dark .payment-card{background:linear-gradient(145deg,#102d52,#0b2140)}body.dark .dialog-close{background:#183a61;color:#e8f5ff;border-color:#315b86}
@media(max-width:700px){.main{padding:0 16px 22px}.topbar{height:62px;margin-bottom:14px}.crumb{font-size:10px}.secure-pill{display:none}.home-welcome{padding:20px 18px;margin:13px 0 20px}.home-welcome h1{font-size:23px}.home-welcome p{font-size:10px}.home-trust{gap:6px}.home-trust span{font-size:8px;padding:6px 8px}.faq-section{grid-template-columns:1fr;gap:10px}.payment-card{padding:18px}.payment-method-list{grid-template-columns:1fr}.tab-page{min-height:60vh}.product-actions{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:5px}.product-actions a,.product-actions button{font-size:8px;padding:8px 5px;min-height:36px}.product-card h3{min-height:30px}.product-code{font-size:7px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop-detail{padding:15px}.detail-info h2{font-size:19px}.detail-price{font-size:21px}}
@media(max-width:380px){.main{padding-left:12px;padding-right:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{padding:7px}.product-image{height:98px}.product-actions{grid-template-columns:1fr}.product-actions a,.product-actions button{font-size:8px}.price-line strong{font-size:11px}.detail-actions{grid-template-columns:1fr}}

.store-open-pill{position:absolute;left:14px;top:13px;z-index:2;padding:7px 11px;border-radius:30px;background:#d9fff0e8;border:1px solid #8ce4c1;color:#087c56;font-size:8px;font-weight:1000;letter-spacing:1px;box-shadow:0 5px 16px #00234b33;backdrop-filter:blur(8px)}.store-open-pill.closed{background:#ffe3e8ed;border-color:#ffb8c5;color:#bd2949}
@media(max-width:700px){.store-open-pill{left:8px;top:8px;font-size:7px;padding:5px 8px}}

/* ARCEL STR v1.7 — marketplace-first home */
.home-market-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);align-items:center;gap:20px;min-height:285px;margin:4px 0 18px;padding:32px 36px;border:1px solid #9dc9f5;border-radius:25px;background:radial-gradient(circle at 83% 22%,#60b8ff70,transparent 28%),linear-gradient(115deg,#092b68 0%,#0754b8 52%,#238de8 100%);box-shadow:0 18px 42px #0a4b9b29;color:#fff}
.home-market-hero:before,.home-market-hero:after{content:"";position:absolute;z-index:-1;border:1px solid #c7e7ff42;border-radius:50%;pointer-events:none}.home-market-hero:before{width:330px;height:330px;right:7%;top:-44%;box-shadow:0 0 0 25px #ffffff08,0 0 0 52px #ffffff06}.home-market-hero:after{width:170px;height:170px;right:24%;bottom:-62%;box-shadow:0 0 45px #83d2ff66}
.home-market-copy{position:relative;z-index:2}.market-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #ffffff45;border-radius:30px;background:#ffffff16;color:#d9efff;font-size:9px;font-weight:900;letter-spacing:1.5px}.home-market-copy h1{max-width:560px;margin:15px 0 9px;font:800 clamp(27px,4vw,43px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-1.2px;color:#fff}.home-market-copy h1 em{font-style:normal;color:#8ed0ff}.home-market-copy p{max-width:550px;color:#d4e9ff;font-size:12px;line-height:1.8}.home-market-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.home-market-actions .btn-primary{background:linear-gradient(110deg,#63c8ff,#1971f5);box-shadow:0 9px 22px #001e4b44}.home-market-actions .btn-secondary{background:#ffffff16;border-color:#ffffff65;color:#fff}.market-trust{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.market-trust span{padding:7px 10px;border:1px solid #ffffff35;border-radius:30px;background:#ffffff12;color:#e2f2ff;font-size:9px;font-weight:800}
.home-market-art{position:relative;display:grid;place-items:center;min-height:215px}.art-orbit{position:absolute;border:1px solid #c5e8ff65;border-radius:50%;animation:orbitPulse 5s ease-in-out infinite}.orbit-one{width:205px;height:205px;box-shadow:0 0 0 17px #ffffff09,0 0 45px #75c7ff44}.orbit-two{width:155px;height:155px;border-style:dashed;animation-direction:reverse}.art-controller{display:grid;place-items:center;width:130px;height:130px;border:1px solid #ffffffa8;border-radius:38px;background:linear-gradient(145deg,#e6f6ff,#72bfff 48%,#1455cb);box-shadow:inset 4px 4px 12px #fff9,inset -7px -8px 17px #0746a977,0 22px 45px #001e4d66;font-size:66px;transform:rotate(-8deg);animation:float 3.8s ease-in-out infinite}.art-spark{position:absolute;color:#c4eaff;font-size:30px;animation:sparkPulse 2.5s ease-in-out infinite}.spark-a{top:17%;left:13%}.spark-b{right:10%;bottom:17%;font-size:42px}.art-float-tag{position:absolute;right:0;bottom:5%;padding:10px 14px;border:1px solid #ffffff60;border-radius:13px;background:#0a3477b8;color:#cbe9ff;font-size:8px;letter-spacing:1.5px;line-height:1.6;box-shadow:0 9px 20px #001e4b44}.art-float-tag b{color:#fff;font-size:10px}
.home-market-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 28px}.home-market-stats>div{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #c7def5;border-radius:15px;background:linear-gradient(145deg,#ffffffed,#e8f3ff);box-shadow:0 8px 20px #1b5b9910}.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#e0f1ff,#c4e2ff);font-size:18px}.home-market-stats b{display:block;color:#174b85;font:800 17px "Space Grotesk"}.home-market-stats small{display:block;margin-top:2px;color:#7187a4;font-size:9px;font-weight:700}
.home-category-section,.home-products-section{margin:26px 0}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:13px}.home-section-heading h2{margin:5px 0 3px;color:#173b68;font:800 clamp(19px,2.3vw,25px) "Space Grotesk"}.home-section-heading p{margin:0;color:#7489a4;font-size:11px}.home-section-heading>a{flex:none;padding:9px 12px;border:1px solid #bdd8f3;border-radius:11px;background:#ffffffad;color:#1763b8;text-decoration:none;font-size:10px;font-weight:900}.home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.home-game-card{position:relative;display:flex;align-items:center;gap:11px;min-width:0;padding:13px;border:1px solid #c6def5;border-radius:16px;background:linear-gradient(145deg,#fff,#e9f4ff);box-shadow:0 8px 19px #195b9810;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.home-game-card:hover{transform:translateY(-3px);border-color:#79baff;box-shadow:0 12px 24px #1264f522}.home-game-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#142d55,#07172f);box-shadow:inset 2px 2px 5px #ffffff55,0 5px 12px #143b722e;color:#fff;font:800 16px "Space Grotesk"}.home-game-mark.ff{background:linear-gradient(145deg,#ffcf87,#ff8a2b);color:#793500}.home-game-mark.ml{background:linear-gradient(145deg,#b9e2ff,#477fe9);color:#153d85}.home-game-mark.other{background:linear-gradient(145deg,#b5d9ff,#4b8ce7)}.home-game-copy{display:grid;gap:4px;min-width:0}.home-game-copy b{overflow:hidden;color:#25496f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.home-game-copy small{color:#16845c;font-size:9px;font-weight:800}.home-game-arrow{margin-left:auto;color:#438bd0;font-size:17px}
.home-stock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-stock-grid .product-card{min-width:0}.home-stock-grid .product-image{height:145px}.home-stock-grid .status-tag{max-width:calc(100% - 12px);font-size:8px;letter-spacing:.3px}.home-stock-grid .product-actions{grid-template-columns:1fr}.home-stock-grid .consult-link{display:none}
.home-assistant-card{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr) auto;align-items:center;gap:18px;overflow:hidden;margin:34px 0 22px;padding:22px 25px;border:1px solid #9fc9f2;border-radius:23px;background:radial-gradient(circle at 10% 10%,#78caff4a,transparent 32%),linear-gradient(115deg,#eaf6ff,#d4eaff 52%,#c2e0ff);box-shadow:0 14px 30px #125cb51b}.home-assistant-card:after{content:"✦";position:absolute;right:18%;top:-28px;color:#5aa9ef30;font-size:100px;pointer-events:none}.assistant-avatar{display:grid;place-items:center;width:88px;height:88px;border:1px solid #fff;border-radius:25px;background:linear-gradient(145deg,#fff,#b9ddff);box-shadow:0 9px 20px #2d78bd26}.assistant-avatar img{width:83px;height:83px;object-fit:contain}.assistant-copy{position:relative;z-index:1}.assistant-copy h2{margin:5px 0;color:#173f70;font:800 20px "Space Grotesk"}.assistant-copy p{max-width:600px;margin:0;color:#647f9e;font-size:11px;line-height:1.7}.assistant-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.assistant-shortcuts button{padding:7px 10px;border:1px solid #b4d4f3;border-radius:30px;background:#ffffffb8;color:#275c91;font-size:9px;font-weight:800;cursor:pointer}.assistant-open{position:relative;z-index:2;white-space:nowrap}.home-bottom-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 28px}.home-bottom-trust>div{display:grid;gap:5px;padding:13px;border:1px solid #cbdff3;border-radius:14px;background:#ffffff8a}.home-bottom-trust b{color:#285783;font-size:10px}.home-bottom-trust span{color:#7b90aa;font-size:9px;line-height:1.5}
@keyframes orbitPulse{0%,100%{transform:scale(.96) rotate(0);opacity:.65}50%{transform:scale(1.04) rotate(8deg);opacity:1}}
body.dark .home-market-stats>div,body.dark .home-game-card,body.dark .home-bottom-trust>div{background:linear-gradient(145deg,#102c4e,#0b203b);border-color:#2b5279}body.dark .home-market-stats b,body.dark .home-section-heading h2,body.dark .home-game-copy b,body.dark .home-bottom-trust b{color:#e3f2ff}body.dark .home-section-heading p,body.dark .home-market-stats small,body.dark .home-bottom-trust span{color:#a9c3df}body.dark .home-assistant-card{background:linear-gradient(115deg,#102e52,#0b2342);border-color:#2d5a85}body.dark .assistant-copy h2{color:#e4f3ff}body.dark .assistant-copy p{color:#b5cce5}body.dark .assistant-shortcuts button{background:#173b63;border-color:#315b86;color:#d6eaff}
@media(max-width:1000px){.home-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-market-hero{grid-template-columns:1fr .65fr;padding:27px}.home-market-art{min-height:180px}}
@media(max-width:700px){.home-market-hero{grid-template-columns:1fr;min-height:0;padding:22px 19px;border-radius:20px;gap:0}.home-market-copy h1{font-size:27px;max-width:390px}.home-market-copy p{font-size:10px;line-height:1.7}.home-market-art{position:absolute;right:-18px;bottom:-24px;width:145px;min-height:145px;opacity:.45;pointer-events:none}.art-orbit.orbit-one{width:125px;height:125px}.art-orbit.orbit-two{width:94px;height:94px}.art-controller{width:75px;height:75px;border-radius:23px;font-size:39px}.art-float-tag{display:none}.art-spark{font-size:20px}.home-market-actions{margin-top:13px}.home-market-actions .btn-primary,.home-market-actions .btn-secondary{padding:10px 12px;font-size:9px}.market-trust{max-width:85%;gap:5px;margin-top:13px}.market-trust span{font-size:7px;padding:6px 7px}.home-market-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:23px}.home-market-stats>div{padding:10px;gap:8px;border-radius:12px}.stat-icon{width:31px;height:31px;font-size:15px}.home-market-stats b{font-size:14px}.home-market-stats small{font-size:8px}.home-section-heading{align-items:flex-start}.home-section-heading h2{font-size:18px}.home-section-heading p{max-width:230px;font-size:9px}.home-section-heading>a{font-size:8px;padding:8px}.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-game-card{padding:9px;gap:8px;border-radius:13px}.home-game-mark{width:34px;height:34px;border-radius:11px;font-size:12px}.home-game-copy b{font-size:9px}.home-game-copy small{font-size:7px}.home-game-arrow{font-size:13px}.home-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-stock-grid .product-card{padding:8px;border-radius:14px}.home-stock-grid .product-image{height:112px}.home-stock-grid .product-card h3{font-size:10px}.home-stock-grid .product-card .clamp-description{font-size:8px}.home-stock-grid .product-actions .buy-link{font-size:8px;padding:9px 5px}.home-assistant-card{grid-template-columns:58px minmax(0,1fr);gap:11px;padding:14px;border-radius:18px;margin:27px 0 18px}.assistant-avatar{width:57px;height:57px;border-radius:17px}.assistant-avatar img{width:55px;height:55px}.assistant-copy h2{font-size:14px}.assistant-copy p{font-size:9px}.assistant-shortcuts{gap:5px}.assistant-shortcuts button{font-size:7px;padding:6px 7px}.assistant-open{grid-column:1/-1;width:100%;min-height:39px}.home-bottom-trust{grid-template-columns:1fr;gap:7px}.home-bottom-trust>div{padding:10px}.home-bottom-trust span{font-size:8px}}
@media(max-width:380px){.home-market-copy h1{font-size:24px}.home-category-grid{grid-template-columns:1fr}.home-market-actions .btn-secondary{display:none}.home-stock-grid .product-image{height:98px}}


/* ===== ARCEL STR v1.8 · Glass marketplace refinement ===== */
:root{--glass:rgba(255,255,255,.64);--glass-strong:rgba(255,255,255,.82);--glass-line:rgba(255,255,255,.78);--glass-shadow:0 18px 48px rgba(20,75,145,.14)}
body{background:radial-gradient(ellipse at 82% 3%,rgba(62,151,255,.23),transparent 31%),radial-gradient(ellipse at 8% 48%,rgba(104,190,255,.16),transparent 34%),linear-gradient(145deg,#e8f3ff 0%,#d8eaff 48%,#edf6ff 100%);background-attachment:fixed}
.sidebar{background:rgba(9,35,79,.78);backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);border-right:1px solid rgba(255,255,255,.18);box-shadow:12px 0 42px rgba(7,39,89,.16);color:#eaf5ff}
.sidebar .brand{color:#fff}.sidebar .brand small{color:#a9c9ef}.sidebar .side-label{color:#8eb8e8}.sidebar .nav-link{color:#d3e5fa;border:1px solid transparent}.sidebar .nav-link i{color:#9dcaff}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background:linear-gradient(105deg,rgba(35,127,255,.55),rgba(91,178,255,.18));border-color:rgba(164,213,255,.32);box-shadow:inset 0 1px 0 #ffffff32,0 8px 24px #001c4c55}.sidebar .side-action{color:#d9eaff}.sidebar .owner-shortcut{background:rgba(255,255,255,.1);border-color:#ffffff35;color:#e8f4ff}.sidebar .side-foot{color:#a9c3e0}.brand-mark{box-shadow:inset 2px 2px 6px #ffffffaa,0 0 22px #2288ff66}
.main{min-width:0}.topbar{border-color:rgba(255,255,255,.65)}.crumb b{color:#143c70}.secure-pill,.top-wa{background:rgba(255,255,255,.56);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);box-shadow:0 6px 20px #2864a312}
.home-banner{position:relative;isolation:isolate;overflow:hidden;margin:5px 0 17px;border-radius:21px;border:1px solid rgba(255,255,255,.85);background:#063b8d;box-shadow:0 16px 38px rgba(12,67,145,.2);aspect-ratio:5.2/1;min-height:92px;max-height:230px}.home-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.home-banner>a{position:absolute;inset:0;z-index:2}.banner-status{position:absolute;left:14px;top:13px;z-index:1;padding:7px 10px;border:1px solid #ffffff65;border-radius:30px;background:rgba(5,37,91,.55);backdrop-filter:blur(10px);color:#fff;font-size:8px;font-weight:900;letter-spacing:1px}.banner-status i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#63f1bd;box-shadow:0 0 0 4px #63f1bd30}
.home-trust-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.home-trust-strip span{padding:9px 13px;border:1px solid rgba(255,255,255,.88);border-radius:30px;background:rgba(255,255,255,.44);backdrop-filter:blur(14px);box-shadow:0 7px 20px #174f9010;color:#52749a;font-size:9px}.home-trust-strip b{color:#23568d}
.home-category-section,.home-products-section,.home-recent-section{padding:19px;border:1px solid rgba(255,255,255,.86);border-radius:22px;background:rgba(255,255,255,.32);backdrop-filter:blur(17px);box-shadow:0 13px 35px rgba(30,83,143,.08)}.home-category-section{margin-top:22px}.home-products-section{margin-top:18px}.home-recent-section{margin-top:18px}.home-game-card,.product-card,.info-card,.faq-list details,.community,.ai-promo,.home-assistant-card{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(230,242,255,.56));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(27,83,148,.1),inset 0 1px 0 rgba(255,255,255,.8)}
.home-game-card{min-height:76px}.home-game-card:after{content:"✦";position:absolute;right:11px;top:7px;color:#7ab9f344;font-size:18px}.product-card{padding:12px;border-radius:19px}.product-image{border-radius:14px}.product-card h3{font-size:13px;line-height:1.45}.product-card p{font-size:10px;line-height:1.7}.product-price,.price-line strong{font-size:16px}.product-actions a,.product-actions button{min-height:39px;border-radius:11px;font-size:10px}.buy-link{background:linear-gradient(120deg,#39aaff,#075ce8);box-shadow:0 7px 18px #0873ee35}.consult-link{background:rgba(255,255,255,.76);border-color:#c8e0fa}.status-tag{box-shadow:0 4px 12px #00224a22;backdrop-filter:blur(8px)}
.stock-filter{margin-left:auto;padding:9px 13px;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:rgba(255,255,255,.56);color:#37699c;font:800 9px "Plus Jakarta Sans";cursor:pointer}.stock-filter.active{background:linear-gradient(110deg,#0b65e9,#49aaff);color:white;box-shadow:0 7px 18px #0873ee35}.catalog-result-label{display:flex;align-items:center;gap:10px}.catalog-result-label small{color:#7189a7}.similar-products{margin:18px 0;padding:14px;border:1px solid #d7e8fa;border-radius:15px;background:rgba(232,244,255,.65)}.similar-products h3{margin:0 0 10px;font-size:12px;color:#234e7b}.similar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.similar-grid button{display:grid;gap:5px;text-align:left;padding:10px;border:1px solid #d3e5f8;border-radius:11px;background:#ffffffb8;color:#31577f;cursor:pointer}.similar-grid small{color:#16865d;font-size:9px}
.home-assistant-card{background:linear-gradient(120deg,rgba(8,48,105,.94),rgba(14,104,204,.87));border:1px solid #ffffff70;color:white;box-shadow:0 18px 42px #064c9b30}.home-assistant-card .eyebrow{color:#b9e1ff}.home-assistant-card .assistant-copy h2{color:#fff}.home-assistant-card .assistant-copy p{color:#d7eaff}.home-assistant-card .assistant-shortcuts button{background:rgba(255,255,255,.14);border-color:#ffffff55;color:#eff8ff;backdrop-filter:blur(10px)}.assistant-avatar{border:1px solid #ffffffb5;background:linear-gradient(145deg,#ffffffdc,#9bcfff);box-shadow:0 0 0 6px #ffffff18,0 12px 26px #001d4b35}
.home-bottom-trust>div{background:rgba(255,255,255,.48);backdrop-filter:blur(12px);border-color:#ffffffbd}.info-grid{gap:17px}.info-card{border-radius:22px;padding:25px}.faq-list details{border-radius:14px;margin:9px 0;padding:14px 16px}.community{border-radius:24px;padding:28px;background:linear-gradient(120deg,rgba(5,34,82,.96),rgba(12,104,206,.92));color:white;border:1px solid #ffffff80}.community h2,.community p{color:white}.community-perks span,.social-slide{background:rgba(255,255,255,.13);border:1px solid #ffffff4d;backdrop-filter:blur(12px)}
.owner-body{background:radial-gradient(circle at 80% 0%,#c9e4ff,transparent 36%),linear-gradient(145deg,#eaf4ff,#d8eaff 60%,#edf6ff)}.owner-side{background:rgba(8,34,77,.88);backdrop-filter:blur(25px);border-right:1px solid #ffffff30;box-shadow:12px 0 40px #123c7020}.owner-side .brand{color:white}.owner-side .brand small{color:#a9c8e9}.owner-nav{border:1px solid transparent;border-radius:13px;background:transparent;color:#d7e9fc;transition:.2s}.owner-nav:hover,.owner-nav.active{background:linear-gradient(110deg,#1674ecaa,#4aaaff30);border-color:#ffffff42;color:#fff;box-shadow:0 8px 22px #001c4c40}.owner-side-bottom a{color:#cfe6ff}.owner-top,.admin-card,.login-panel,.stat-card{background:rgba(255,255,255,.66);backdrop-filter:blur(18px);border:1px solid #ffffffc7;box-shadow:0 13px 34px #1d579318;border-radius:19px}.admin-card{padding:21px}.stat-card{border-radius:16px}.login-panel{overflow:hidden}.login-art{background:linear-gradient(145deg,#092e69,#0869d5 72%,#54b7ff);color:white}.login-art p{color:#d4eaff}
.splash{background:radial-gradient(circle at 50% 38%,#176ad5,#061b42 68%,#020b1c);color:white}.splash-emblem{border:1px solid #ffffff65;background:linear-gradient(145deg,#ffffff35,#ffffff08);box-shadow:0 0 0 9px #ffffff0c,0 0 50px #39a8ff88;backdrop-filter:blur(15px)}.splash:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #8acaff50;border-radius:50%;box-shadow:0 0 0 22px #ffffff08,0 0 0 48px #ffffff06;animation:spin 18s linear infinite}.splash>*{position:relative;z-index:1}
body.dark{background:radial-gradient(ellipse at 80% 0%,#123c70,transparent 35%),linear-gradient(145deg,#071426,#0a1b31 55%,#0c203a);color:#e6f3ff}body.dark .home-category-section,body.dark .home-products-section,body.dark .home-recent-section{background:rgba(8,30,55,.58);border-color:#31577b}body.dark .home-game-card,body.dark .product-card,body.dark .info-card,body.dark .faq-list details,body.dark .home-bottom-trust>div{background:linear-gradient(145deg,rgba(16,48,79,.92),rgba(9,31,55,.88));border-color:#31577b;color:#e5f3ff}body.dark .home-section-heading h2,body.dark .product-card h3,body.dark .info-card h2,body.dark .faq-list summary{color:#e8f4ff}body.dark .home-section-heading p,body.dark .product-card p,body.dark .info-card p{color:#a8c3df}body.dark .home-trust-strip span,body.dark .stock-filter{background:#102d4c;color:#c5def8;border-color:#355d83}body.dark .home-trust-strip b{color:#e8f4ff}body.dark .home-assistant-card{background:linear-gradient(120deg,#09274b,#0d4c88)}body.dark .owner-body{background:linear-gradient(145deg,#071426,#0d2440)}body.dark .owner-top,body.dark .admin-card,body.dark .login-panel,body.dark .stat-card{background:rgba(13,37,63,.88);border-color:#31577b;color:#e6f3ff}
@media(max-width:700px){.home-banner{aspect-ratio:3.25/1;min-height:92px;margin:3px 0 13px;border-radius:16px}.banner-status{top:8px;left:8px;font-size:6px;padding:5px 7px}.home-trust-strip{gap:5px;margin-bottom:18px}.home-trust-strip span{padding:7px 9px;font-size:7px}.home-category-section,.home-products-section,.home-recent-section{padding:13px;border-radius:17px}.home-game-card{min-height:65px}.product-card{padding:8px;border-radius:15px}.product-actions a,.product-actions button{min-height:35px;font-size:8px}.stock-filter{font-size:7px;padding:8px 9px}.catalog-result-label{gap:6px}.catalog-result-label b{font-size:9px}.catalog-result-label small{font-size:8px}.similar-grid{grid-template-columns:1fr}.owner-main{min-width:0}.owner-top{padding:17px}.admin-card{padding:14px}.home-assistant-card{background:linear-gradient(120deg,rgba(8,48,105,.97),rgba(14,104,204,.94))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Small interaction fixes carried forward from the v1.7 audit */
.home-market-art{display:none!important}
.side-backdrop{z-index:19}.sidebar{z-index:30;pointer-events:auto}.sidebar a,.sidebar button,.owner-side a,.owner-side button{position:relative;z-index:2;pointer-events:auto;touch-action:manipulation}
.side-action .switch{transition:background .2s ease}.side-action.is-dark .switch{background:linear-gradient(90deg,#1877f5,#51b5ff);box-shadow:0 0 12px #228cff66}.side-action.is-dark .switch:after{left:15px;transition:left .2s ease}.side-action .switch:after{transition:left .2s ease}