:root{--bg:#020811;--panel:#07131f;--panel2:#0a1b2a;--panel3:#0b2030;--line:#12334a;--text:#ecf8ff;--muted:#7ea0b6;--cyan:#2fe5ff;--cyan2:#0eb6d5;--gold:#ffc658;--danger:#ff5d71;--success:#49e58b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#08233a 0,#03101c 35%,#020811 72%);color:var(--text);font-family:'Noto Sans SC',system-ui,sans-serif;min-height:100vh}body.no-scroll{overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}code{color:var(--cyan);background:#03101a;padding:2px 6px;border-radius:4px}.text-btn{border:0;background:none;color:inherit;padding:0;cursor:pointer}.text-btn:hover{color:var(--cyan)}
.topbar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(62,188,229,.13);background:#02070d;color:#718da0;font-size:12px}.toplinks{display:flex;gap:22px}.toplinks a:hover{color:var(--cyan)}
.navbar{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;gap:28px;padding:0 3vw;background:rgba(2,9,16,.94);backdrop-filter:blur(16px);border-bottom:1px solid #0d2b40}.brand{min-width:280px;display:flex;align-items:center;gap:13px}.brand-mark{width:44px;height:44px;border:1px solid var(--cyan);clip-path:polygon(50% 0,100% 100%,0 100%);display:grid;place-items:center;color:var(--cyan);font-size:24px;text-shadow:0 0 12px var(--cyan)}.brand-en{font-family:'Orbitron',sans-serif;font-weight:800;letter-spacing:1px;font-size:19px}.brand-cn{font-size:13px;color:var(--cyan)}.navlinks{display:flex;align-items:center;justify-content:center;gap:23px;flex:1;font-size:14px;font-weight:600;white-space:nowrap}.navlinks a{position:relative;padding:27px 0;color:#dce8ef}.navlinks a:hover,.navlinks a.active{color:var(--cyan)}.navlinks a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.cart-btn,.primary-btn,.secondary-btn,.danger-btn{border:1px solid #0d4864;background:#06131e;color:var(--cyan);padding:11px 16px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer;transition:.2s}.cart-btn:hover,.secondary-btn:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(47,229,255,.12)}.pill{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:20px;background:var(--cyan);color:#001018;font-weight:800;margin-left:4px}.menu-btn{display:none;border:0;background:transparent;color:var(--cyan);font-size:25px;cursor:pointer}
.hero{height:430px;position:relative;display:grid;place-items:center;overflow:hidden;background-image:url('assets/hero.png');background-size:cover;background-position:center 38%}.hero:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,#03101a)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,6,12,.74),rgba(3,12,20,.25),rgba(1,6,12,.68))}.hero-content{position:relative;z-index:2;text-align:center;text-shadow:0 5px 35px #000}.hero-kicker{font-family:'Orbitron';color:#78dfee;font-size:11px;letter-spacing:3px}.hero h1{margin:10px 0 0;font-family:'Orbitron';font-size:clamp(42px,6vw,82px);letter-spacing:5px}.hero h2{font-size:42px;margin:3px 0}.hero p{color:var(--cyan);font-size:17px;letter-spacing:1px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:18px}.hero-cta{display:inline-block;border:1px solid var(--cyan);padding:11px 24px;color:var(--cyan);background:rgba(5,29,45,.72);box-shadow:inset 0 0 20px rgba(47,229,255,.05),0 0 20px rgba(47,229,255,.08)}.hero-cta.primary,.primary-btn{background:linear-gradient(135deg,#23d6ef,#0da8ca);color:#001018;border-color:var(--cyan);font-weight:700}.primary-btn:hover,.hero-cta.primary:hover{filter:brightness(1.12);box-shadow:0 0 24px rgba(47,229,255,.22)}.secondary-btn{display:inline-block;text-align:center}.danger-btn{color:#ff9baa;border-color:#6f2834;background:#271019}.danger-btn:hover{border-color:var(--danger)}.full{width:100%}.center{text-align:center}
.category-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:-1px 2vw 16px;position:relative;z-index:3}.category-card{min-height:90px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;background:linear-gradient(180deg,#081c2b,#06131e);border:1px solid #0e3851;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:.2s;cursor:pointer}.category-card:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 22px rgba(47,229,255,.12)}.category-card>span{font-size:30px;filter:drop-shadow(0 0 8px rgba(47,229,255,.45))}.category-card strong{display:block;font-size:16px}.category-card small{display:block;color:var(--cyan);font-size:11px;margin-top:4px;letter-spacing:.5px}
.products-section{margin:0 2vw 18px;padding:24px;border:1px solid #0c2c41;background:rgba(3,11,19,.9);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.section-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px;gap:20px}.section-title-row h3{font-size:24px;margin:3px 0}.section-subtitle{margin:0;color:var(--muted);font-size:13px}.eyebrow{color:var(--cyan);font-family:'Orbitron';font-size:11px;letter-spacing:2px}.stock-status{color:var(--muted);font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success);margin-right:7px}.market-toolbar{display:flex;gap:10px;margin-bottom:13px}.search-box{height:45px;display:flex;align-items:center;flex:1;border:1px solid #173b51;background:#04101a;padding:0 12px}.search-box>span{font-size:24px;color:var(--cyan);margin-right:8px}.search-box input{flex:1;border:0;outline:0;background:transparent;color:var(--text);min-width:0}.search-box input::placeholder{color:#587487}.search-box button{border:0;background:none;color:#7593a5;font-size:20px;cursor:pointer}select,input,textarea{border:1px solid #173b51;background:#04101a;color:var(--text);outline:0}select:focus,input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(47,229,255,.08)}#sortSelect{padding:0 14px;min-width:180px}.filter-row,.subfilter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.subfilter-row:empty{display:none}.filter,.subfilter{border:1px solid #163a50;background:#06131e;color:#8ca8b8;padding:7px 13px;border-radius:3px;cursor:pointer}.filter.active,.filter:hover,.subfilter.active,.subfilter:hover{color:#001018;background:var(--cyan);border-color:var(--cyan)}.subfilter{padding:5px 11px;font-size:12px;background:#061018}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{background:linear-gradient(#07141f,#04101a);border:1px solid #12374e;overflow:hidden;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:.22s;min-width:0}.product-card:hover{transform:translateY(-4px);border-color:#1e6b8c;box-shadow:0 16px 32px rgba(0,0,0,.25),0 0 22px rgba(38,193,238,.08)}.product-image{height:220px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,#17425a,#081726 55%,#03101b)}.product-image:before{content:"";position:absolute;width:160%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform:rotate(-25deg);opacity:.2}.product-image img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.emoji-art{font-size:86px;filter:drop-shadow(0 14px 22px #000);position:relative;z-index:1}.badge{position:absolute;left:10px;top:10px;z-index:2;padding:4px 9px;border-radius:4px;font-size:11px;font-weight:700;color:white;background:#166a82;box-shadow:0 4px 16px rgba(0,0,0,.3)}.badge.hot{right:10px;left:auto;background:#c33344}.product-body{padding:14px}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#5f8499;font-size:10px;margin-bottom:7px;text-transform:uppercase;letter-spacing:.5px}.product-body h4{margin:0 0 8px;font-size:16px}.product-body p{height:44px;margin:0 0 12px;color:#7f9bad;font-size:12px;line-height:1.75;overflow:hidden}.price{color:var(--cyan);font-size:19px;font-weight:700;margin-bottom:12px}.product-actions{display:flex;gap:8px}.details,.add-cart{height:36px;border:1px solid #2f5b70;background:linear-gradient(#0a2131,#081721);color:#e4f6ff;cursor:pointer}.details{flex:1}.add-cart{width:40px;color:var(--cyan);font-size:20px}.details:hover,.add-cart:hover{border-color:var(--cyan);color:var(--cyan)}.empty-state{text-align:center;padding:70px 10px;color:var(--muted)}.empty-state>div{font-size:50px;color:var(--cyan)}.empty-state h4{color:var(--text);font-size:20px;margin:5px 0}.empty-state p{margin:0 0 16px}
.trust-strip{margin:0 2vw 18px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #0f2e43;background:#05111c}.trust-strip>div{min-height:82px;display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:14px;padding:12px 28px;border-right:1px solid #0d2638}.trust-strip>div:last-child{border-right:0}.trust-strip span{grid-row:1/3;font-size:30px;align-self:center}.trust-strip strong{color:var(--cyan)}.trust-strip small{color:#718fa1;margin-top:4px}.contact{margin:0 2vw 28px;padding:28px 34px;border:1px solid #12364d;background:linear-gradient(90deg,#071724,#04101a);display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h3{margin:3px 0 8px;font-size:25px}.contact p{margin:0;color:#86a0b0;max-width:850px}.discord-btn{display:inline-block;border:1px solid var(--cyan);color:var(--cyan);padding:12px 22px;background:rgba(8,38,54,.65);white-space:nowrap}.discord-btn:hover{background:var(--cyan);color:#001018}footer{padding:26px 3vw 40px;border-top:1px solid #0b2434;color:#6f8999;display:flex;justify-content:space-between}.footer-links{display:flex;gap:22px;align-items:center}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);padding:18px}.modal.show{display:grid}.modal-card{position:relative;width:min(560px,94vw);max-height:92vh;overflow:auto;padding:28px;border:1px solid #1b5d79;background:#061522;box-shadow:0 0 50px rgba(23,201,243,.12)}.modal-close{position:absolute;right:12px;top:8px;z-index:10;border:0;background:#061522cc;color:#9fbccc;width:36px;height:36px;border-radius:50%;font-size:27px;cursor:pointer}.product-modal-card{width:min(920px,95vw);display:grid;grid-template-columns:1fr 1.05fr;padding:0;overflow:hidden}.modal-product-image{min-height:480px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#17425a,#07131f 60%,#030b12);font-size:120px;overflow:hidden}.modal-product-image img{width:100%;height:100%;min-height:480px;object-fit:cover}.modal-product-info{padding:38px}.modal-category{color:var(--cyan);font-size:11px;letter-spacing:1px}.modal-product-info h3{font-size:28px;margin:8px 0}.modal-price{font-size:28px;color:var(--cyan);font-weight:800;margin-bottom:14px}.modal-product-info>p{color:#8fb0c1;line-height:1.8;white-space:pre-line}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.spec-grid>div{padding:10px;border:1px solid #12364d;background:#04101a}.spec-grid small{display:block;color:#64869a}.spec-grid strong{font-size:13px}.modal-actions{display:flex;gap:10px;margin-top:20px}.admin-login-card p{font-size:13px;line-height:1.7}.field{display:flex;flex-direction:column;gap:7px}.field>span{color:#88a9ba;font-size:12px}.field input,.field select,.field textarea{width:100%;padding:10px 11px;resize:vertical}.form-error{color:#ff8797;min-height:22px;font-size:12px;margin:5px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}.editor-card{width:min(850px,95vw)}.editor-card h3{margin-top:6px}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.image-preview{min-height:160px;border:1px dashed #24516a;background:#03101a;display:grid;place-items:center;color:#587486;overflow:hidden}.image-preview img{max-width:100%;max-height:260px;object-fit:contain}.file-label{cursor:pointer}
.drawer-backdrop{position:fixed;inset:0;z-index:89;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.show{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;right:0;top:0;bottom:0;z-index:90;width:min(430px,100vw);background:#04101a;border-left:1px solid #15445d;transform:translateX(105%);transition:.28s;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.35)}.cart-drawer.show{transform:translateX(0)}.drawer-header{padding:22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #123044}.drawer-header h3{margin:2px 0;font-size:24px}.drawer-close{border:0;background:none;color:#9db9c7;font-size:30px;cursor:pointer}.cart-items{padding:12px 18px;overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #102a3b}.cart-thumb{width:56px;height:56px;display:grid;place-items:center;background:#071a27;overflow:hidden;font-size:28px}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-item h5{margin:0 0 4px;font-size:13px}.cart-item small{color:var(--muted)}.qty-row{display:flex;align-items:center;gap:7px;margin-top:7px}.qty-row button{width:24px;height:24px;border:1px solid #20465b;background:#061522;color:var(--cyan);cursor:pointer}.remove-cart{border:0;background:none;color:#698596;cursor:pointer;font-size:18px}.cart-empty{text-align:center;color:var(--muted);padding:40px 20px}.cart-footer{border-top:1px solid #123044;padding:18px;display:grid;gap:10px}.cart-total{display:flex;justify-content:space-between;align-items:center}.cart-total strong{font-size:22px;color:var(--cyan)}.cart-footer small{color:#617d8f;line-height:1.5}.toast{position:fixed;left:50%;bottom:28px;z-index:300;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#0a2231;border:1px solid var(--cyan);color:#dffaff;padding:10px 16px;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}
.admin-panel{position:fixed;inset:0;z-index:150;background:#020811;display:none}.admin-panel.show{display:block}.admin-shell{height:100vh;display:grid;grid-template-columns:240px 1fr}.admin-sidebar{border-right:1px solid #123044;background:#03101a;padding:20px;display:flex;flex-direction:column;gap:8px}.admin-brand{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #102b3d;margin-bottom:10px}.admin-brand strong{font-family:'Orbitron';font-size:13px}.admin-brand small{display:block;color:var(--cyan);font-size:9px;letter-spacing:1px;margin-top:3px}.admin-nav{border:1px solid transparent;background:transparent;color:#8aa5b5;padding:11px 12px;text-align:left;cursor:pointer}.admin-nav:hover,.admin-nav.active{color:var(--cyan);background:#071a27;border-color:#12384e}.admin-sidebar-bottom{margin-top:auto;display:grid;gap:10px;text-align:center}.admin-content{overflow:auto;padding:28px}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.admin-topbar h2{margin:3px 0}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.admin-stats>div{padding:18px;border:1px solid #12364d;background:#061522}.admin-stats small{display:block;color:var(--muted);margin-bottom:8px}.admin-stats strong{font-family:'Orbitron';font-size:26px;color:var(--cyan)}.admin-table-wrap{border:1px solid #12364d;overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:700px}.admin-table th,.admin-table td{text-align:left;padding:13px;border-bottom:1px solid #102c3e;font-size:13px}.admin-table th{color:#6f92a5;background:#04101a;font-weight:500}.admin-product-cell{display:flex;align-items:center;gap:10px}.admin-thumb{width:44px;height:44px;display:grid;place-items:center;background:#071a27;overflow:hidden;font-size:22px}.admin-thumb img{width:100%;height:100%;object-fit:cover}.status-chip{font-size:11px;padding:4px 8px;border-radius:20px}.status-chip.on{background:#123d2a;color:#65e99a}.status-chip.off{background:#3d1820;color:#ff8797}.row-actions{display:flex;gap:6px}.row-actions button{border:1px solid #21485d;background:#061522;color:#a4c1cf;padding:6px 9px;cursor:pointer}.row-actions button:hover{color:var(--cyan);border-color:var(--cyan)}.row-actions .delete:hover{color:#ff8797;border-color:#a03a4a}.admin-note{border:1px solid #12364d;background:#061522;padding:20px;margin-bottom:16px}.admin-note h3{margin-top:0}.admin-note p{color:var(--muted);line-height:1.8}.category-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-admin-card{border:1px solid #12364d;background:#061522;padding:18px}.category-admin-card h4{margin:0 0 8px;color:var(--cyan)}.category-admin-card p{color:var(--muted);font-size:12px;line-height:1.7}.data-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1300px){.navlinks{gap:15px}.brand{min-width:220px}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.navlinks{display:none;position:absolute;left:0;right:0;top:72px;background:#03101a;border-bottom:1px solid #13364a;padding:12px 3vw;flex-direction:column;align-items:flex-start;gap:0}.navlinks.open{display:flex}.navlinks a{padding:10px 0;width:100%}.navlinks a.active:after{display:none}.menu-btn{display:block;margin-left:auto}.cart-btn{margin-left:0}.category-strip{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:190px 1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar{display:none}.navbar{height:64px;padding:0 12px}.brand{min-width:0}.brand-mark{width:37px;height:37px}.brand-en{font-size:13px}.brand-cn{font-size:11px}.navlinks{top:64px}.menu-btn{margin-left:auto}.cart-btn{padding:9px 11px;font-size:12px}.hero{height:360px}.hero h2{font-size:30px}.hero p{font-size:13px}.hero-actions{flex-direction:column;align-items:center}.category-strip{grid-template-columns:repeat(2,1fr);margin:10px}.category-card{min-height:78px}.products-section,.trust-strip,.contact{margin-left:10px;margin-right:10px}.products-section{padding:15px}.section-title-row{align-items:flex-start;flex-direction:column}.market-toolbar{flex-direction:column}#sortSelect{height:42px}.product-grid{grid-template-columns:1fr}.product-image{height:250px}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div{padding:12px;border-bottom:1px solid #0d2638}.contact{align-items:flex-start;flex-direction:column}.product-modal-card{grid-template-columns:1fr}.modal-product-image,.modal-product-image img{min-height:260px;height:260px}.modal-product-info{padding:24px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-content{padding:15px}.admin-topbar{align-items:flex-start;flex-direction:column}.admin-stats{grid-template-columns:1fr 1fr}.category-admin-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:10px}.spec-grid{grid-template-columns:1fr}}

.catalog-summary{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:14px 0 18px}.catalog-summary button{border:1px solid #12384e;background:#061522;color:#d8eef7;padding:10px 8px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left}.catalog-summary button span{grid-row:1/3;font-size:24px}.catalog-summary button strong{font-family:Orbitron;color:var(--cyan);font-size:18px}.catalog-summary button small{color:var(--muted)}.catalog-summary button:hover{border-color:var(--cyan);background:#082033}.load-more-wrap{text-align:center;margin:22px 0 4px}.load-more-wrap .secondary-btn{min-width:240px}.price.inquiry{font-size:18px;color:#ffd36b}.hidden{display:none!important}@media(max-width:1050px){.catalog-summary{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.catalog-summary{grid-template-columns:repeat(2,1fr)}}

/* Space Market v4 - ARK automatic product texture system */
.auto-art{position:relative;width:100%;height:100%;display:grid;place-items:center;z-index:1;background:radial-gradient(circle at 50% 45%,rgba(31,114,150,.24),rgba(3,16,27,.05) 55%,rgba(3,16,27,.38));overflow:hidden}
.auto-art .emoji-art{position:absolute;inset:0;display:grid;place-items:center;font-size:72px;opacity:.15;filter:grayscale(.4) drop-shadow(0 10px 22px #000);z-index:0}
.ark-auto-image{position:relative!important;z-index:1!important;width:82%!important;height:82%!important;object-fit:contain!important;filter:drop-shadow(0 12px 16px rgba(0,0,0,.78));transition:transform .22s ease,filter .22s ease}
.product-card:hover .ark-auto-image{transform:scale(1.055);filter:drop-shadow(0 14px 18px rgba(0,0,0,.82)) drop-shadow(0 0 9px rgba(39,210,255,.22))}
.manual-product-image{object-fit:cover!important}
.auto-art.fallback-only .emoji-art{opacity:1}
.bp-overlay{position:absolute;right:12px;bottom:11px;z-index:3;border:1px solid #3be6ff;background:rgba(2,24,38,.88);box-shadow:0 0 13px rgba(49,218,255,.3);color:#62edff;font-size:13px;font-weight:900;letter-spacing:1px;padding:5px 8px;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
.cart-thumb .auto-art,.admin-thumb .auto-art{width:100%;height:100%}.cart-thumb .ark-auto-image,.admin-thumb .ark-auto-image{width:88%!important;height:88%!important}.cart-thumb .emoji-art,.admin-thumb .emoji-art{font-size:25px}.cart-thumb .bp-overlay,.admin-thumb .bp-overlay{display:none}
.modal-product-image .auto-art{min-height:480px}.modal-product-image .ark-auto-image{width:82%!important;height:82%!important;max-height:430px}.modal-product-image .emoji-art{font-size:120px}
@media(max-width:720px){.modal-product-image .auto-art{min-height:260px;height:260px}.modal-product-image .ark-auto-image{max-height:230px}.ark-auto-image{width:78%!important;height:78%!important}}

/* v8: Boss reservation + community comments */
.community-head-btn{border:1px solid #14485f;background:#061722;color:#9eefff;padding:8px 11px;cursor:pointer;white-space:nowrap}.community-head-btn:hover{border-color:var(--cyan);box-shadow:0 0 14px rgba(47,229,255,.15)}.community-head-btn span{color:#fff}
.boss-section{margin:34px 4vw;padding:26px;border:1px solid #12364d;background:linear-gradient(180deg,rgba(7,25,39,.94),rgba(3,13,22,.96));box-shadow:0 18px 70px rgba(0,0,0,.22)}.boss-title-row{margin-bottom:16px}.boss-title-row h3{margin:4px 0 5px;font-size:30px}.boss-legend{display:flex;gap:8px;flex-wrap:wrap}.boss-status{padding:5px 9px;border-radius:20px;font-size:11px;border:1px solid}.boss-status.open{color:#63ef9b;border-color:#226d47;background:#0a2a1d}.boss-status.nearly{color:#ffd36b;border-color:#705f27;background:#2b2410}.boss-status.full{color:#ff8998;border-color:#6e2934;background:#2a1117}.boss-toolbar{display:grid;grid-template-columns:180px 160px 1fr;gap:10px;margin:12px 0 18px}.boss-toolbar select{background:#061522;color:#dceff7;border:1px solid #12384e;padding:0 12px}.boss-search{margin:0}.boss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.boss-card{border:1px solid #143b50;background:linear-gradient(145deg,#071b29,#04111b);padding:18px;position:relative;overflow:hidden}.boss-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--cyan);opacity:.55}.boss-card.full{opacity:.82}.boss-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.boss-map{font-size:11px;letter-spacing:.8px;color:#67dff0}.boss-card h4{font-size:20px;margin:5px 0 3px}.boss-difficulty{color:#ffc968;font-size:12px}.boss-desc{color:#88a8b9;font-size:12px;line-height:1.7;min-height:42px}.boss-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.boss-meta div{background:#05101a;border:1px solid #102f42;padding:8px}.boss-meta small{display:block;color:#628296;font-size:10px}.boss-meta strong{font-size:12px}.seat-line{display:flex;justify-content:space-between;align-items:center;margin:8px 0 5px;font-size:12px}.seat-line strong{font-family:Orbitron;color:var(--cyan)}.seat-bar{height:7px;background:#04101a;border:1px solid #143448;overflow:hidden}.seat-bar span{display:block;height:100%;background:linear-gradient(90deg,#12a7c9,#42efff);box-shadow:0 0 12px rgba(47,229,255,.35)}.boss-card.full .seat-bar span{background:#c94d61}.boss-actions{display:flex;gap:8px;margin-top:13px}.boss-actions button{flex:1}.boss-note{color:#617f91;font-size:10px;margin-top:9px}.comments-modal-card{width:min(820px,94vw);max-height:88vh;padding:26px;overflow:hidden;display:flex;flex-direction:column}.comments-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #113348;padding-bottom:15px}.comments-head h3{font-size:27px;margin:4px 0}.comments-head p{margin:0;color:var(--muted);font-size:12px}.comments-head>strong{color:var(--cyan);white-space:nowrap}.comment-form{padding:14px 0;border-bottom:1px solid #113348}.comment-form-row{display:grid;grid-template-columns:1fr 180px;gap:8px}.comment-form input,.comment-form select,.comment-form textarea{width:100%;background:#05131e;color:#eaf8ff;border:1px solid #174158;padding:10px;outline:none}.comment-form textarea{margin-top:8px;resize:vertical}.emoji-panel{display:flex;flex-wrap:wrap;gap:5px;padding:9px 0}.emoji-btn{border:1px solid #14384d;background:#071a27;font-size:20px;padding:4px 7px;cursor:pointer}.emoji-btn:hover{border-color:var(--cyan);transform:translateY(-1px)}.comment-submit-row{display:flex;justify-content:space-between;align-items:center}.comment-submit-row small{color:#658597}.comments-list{overflow:auto;padding-top:7px}.comment-item{position:relative;padding:15px 4px;border-bottom:1px solid #0f2b3d}.comment-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.comment-name{font-weight:700}.comment-tag{font-size:10px;color:#7fe8f5;border:1px solid #1c536a;padding:2px 6px}.comment-time{font-family:monospace;color:#66879a;font-size:11px;margin-left:auto}.comment-content{margin-top:8px;line-height:1.7;color:#d8e8ef;white-space:pre-wrap}.comment-delete{border:0;background:none;color:#ff7587;cursor:pointer;font-size:11px;margin-top:6px}.comments-empty{padding:30px;text-align:center;color:var(--muted)}.reservation-card{width:min(680px,94vw);padding:28px}.reservation-card h3{font-size:28px;margin:5px 0}.reservation-summary{border:1px solid #14384d;background:#061522;padding:13px;margin:12px 0 18px;color:#9db9c7}.admin-flex-note{display:flex;align-items:center;justify-content:space-between;gap:18px}.admin-flex-note p{margin-bottom:0}.reservation-admin-note{margin-top:22px}.admin-comments-list{display:grid;gap:8px}.admin-comment-card{border:1px solid #12364d;background:#061522;padding:13px}.admin-comment-card .comment-content{font-size:13px}.mini-btn{border:1px solid #1c4b61;background:#061522;color:#a9c8d6;padding:4px 8px;cursor:pointer}.mini-btn:hover{border-color:var(--cyan);color:var(--cyan)}
@media(max-width:1100px){.boss-grid{grid-template-columns:repeat(2,1fr)}.boss-toolbar{grid-template-columns:1fr 1fr}.boss-search{grid-column:1/-1}.community-head-btn{display:none}}
@media(max-width:720px){.boss-section{margin:20px 10px;padding:15px}.boss-grid{grid-template-columns:1fr}.boss-toolbar{grid-template-columns:1fr}.boss-search{grid-column:auto}.comment-form-row{grid-template-columns:1fr}.comments-head{flex-direction:column}.comment-time{margin-left:0}.admin-flex-note{align-items:flex-start;flex-direction:column}}

/* v8.1: homepage live comment rail */
.hero-comments-panel{position:absolute;z-index:4;left:3.2vw;top:50%;transform:translateY(-50%);width:min(350px,27vw);height:342px;display:flex;flex-direction:column;border:1px solid rgba(47,229,255,.42);background:linear-gradient(180deg,rgba(3,17,29,.94),rgba(2,10,18,.92));backdrop-filter:blur(12px);box-shadow:0 16px 55px rgba(0,0,0,.38),inset 0 0 32px rgba(47,229,255,.035);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.hero-comments-panel:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.hero-comments-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 15px 11px 18px;border-bottom:1px solid #12364b;background:linear-gradient(90deg,rgba(16,74,97,.24),transparent)}
.hero-comments-kicker{display:block;color:#6edfee;font:700 9px/1 Orbitron,sans-serif;letter-spacing:1.8px;margin-bottom:5px}.hero-comments-head h3{margin:0;font-size:20px;letter-spacing:.5px}.hero-comments-count{font-size:11px;color:#86a7b8;border:1px solid #17465c;background:#061722;padding:5px 8px;white-space:nowrap}.hero-comments-count b{color:var(--cyan);font-family:Orbitron,sans-serif;font-size:13px}
.hero-comments-list{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;padding:5px 13px 8px 18px;scrollbar-width:thin;scrollbar-color:#177895 #06131d}.hero-comments-list::-webkit-scrollbar{width:6px}.hero-comments-list::-webkit-scrollbar-track{background:#06131d}.hero-comments-list::-webkit-scrollbar-thumb{background:#177895;border-radius:10px}
.hero-comment-item{padding:11px 2px 12px;border-bottom:1px solid rgba(64,137,166,.18)}.hero-comment-item:last-child{border-bottom:0}.hero-comment-meta{display:flex;align-items:center;gap:7px;margin-bottom:6px}.hero-comment-name{font-weight:800;font-size:14px;color:#f1fbff}.hero-comment-tag{font-size:9px;color:#72e6f4;border:1px solid #1a556d;padding:2px 5px}.hero-comment-time{margin-left:auto;color:#7899aa;font:10px/1.3 monospace;white-space:nowrap}.hero-comment-text{font-size:14px;line-height:1.58;color:#d9edf5;white-space:pre-wrap;word-break:break-word}.hero-comment-item.latest-comment .hero-comment-name:after{content:" NEW";color:#001018;background:var(--cyan);font:800 8px/1 Orbitron,sans-serif;padding:2px 4px;margin-left:5px;vertical-align:2px}.hero-comments-empty{height:100%;display:grid;place-items:center;text-align:center;color:#8ba7b6;font-size:15px;line-height:1.7}.hero-comments-empty small{color:#58798b}
.hero-comments-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 12px 12px 18px;border-top:1px solid #12364b}.hero-comment-btn{border:1px solid #1a536a;background:#071b28;color:#bceaf3;padding:8px 7px;font-size:11px;cursor:pointer}.hero-comment-btn:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 15px rgba(47,229,255,.1)}.hero-comment-btn.latest{color:var(--cyan)}
@media(max-width:1050px){.hero-comments-panel{width:310px;left:20px}.hero-content{transform:translateX(115px)}}
@media(max-width:820px){.hero{height:auto;min-height:700px;display:flex;flex-direction:column;justify-content:flex-start;padding:34px 12px 25px}.hero-content{transform:none;order:1;margin:0 auto 22px;padding-top:5px}.hero-comments-panel{position:relative;order:2;left:auto;top:auto;transform:none;width:min(100%,560px);height:270px;margin:0 auto}.hero:after{height:30%}}


/* v9 usability polish */
:root{--focus:#a8f4ff;--shadow:0 18px 55px rgba(0,0,0,.34)}
::selection{background:#2fe5ff;color:#001018}button,a,input,select,textarea{transition:border-color .18s,box-shadow .18s,background .18s,color .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.language-toggle{border:1px solid #1d4f65;background:#071722;color:#9eefff;padding:5px 9px;border-radius:4px;cursor:pointer;font-weight:700}.language-toggle:hover{border-color:var(--cyan);color:#fff}.market-toolbar{position:relative;align-items:stretch}.market-toolbar>.search-box{position:relative}.search-suggestions{position:absolute;left:-1px;right:-1px;top:calc(100% + 7px);z-index:30;display:none;max-height:420px;overflow:auto;background:rgba(4,16,26,.98);border:1px solid #1a5a72;box-shadow:0 20px 55px rgba(0,0,0,.5),0 0 24px rgba(47,229,255,.08);padding:5px}.search-suggestions.show{display:block}.suggestion-item{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border:0;border-bottom:1px solid rgba(45,104,128,.22);background:transparent;color:#eaf8ff;text-align:left;padding:10px;cursor:pointer}.suggestion-item:hover,.suggestion-item:focus,.suggestion-item.active{background:#0a2636;box-shadow:inset 2px 0 0 var(--cyan)}.suggestion-item>span{font-size:22px}.suggestion-item strong{display:block}.suggestion-item small{display:block;color:#6b95a8;font-size:10px;margin-top:2px}.suggestion-item em{font-style:normal;color:var(--cyan);font-size:12px}.suggestion-empty{padding:18px;color:var(--muted);text-align:center}.search-live{display:flex;align-items:center;min-width:180px;padding:0 11px;border:1px solid #12384d;background:#05111b;color:#7ea0b6;font-size:11px}.catalog-summary{min-height:20px;color:#78ddec;font-size:12px;margin:0 0 8px}.product-card{content-visibility:auto;contain-intrinsic-size:340px}.product-image{background:radial-gradient(circle at 50% 30%,#173b53 0,#071927 57%,#020b12 100%)}.product-card:hover .product-image{box-shadow:inset 0 0 45px rgba(47,229,255,.06)}.details,.add-cart,.filter,.subfilter,.category-card{touch-action:manipulation}.primary-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.toast[data-type="error"]{border-color:#7d2b38;color:#ffadba;background:#2b1017}.form-error{min-height:20px;color:#ff8191;font-size:12px}.modal.show{display:grid}.drawer-backdrop.show{opacity:1;pointer-events:auto}.admin-panel.show{display:block}.navlinks.open{display:flex}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{border:1px solid #28526a;background:#071722;color:#b9d8e5;padding:5px 8px;cursor:pointer}.row-actions button:hover{border-color:var(--cyan);color:var(--cyan)}.row-actions .delete{border-color:#67303a;color:#ff8c9b}.image-preview img{max-width:100%;max-height:220px;object-fit:contain}.field input,.field select,.field textarea{width:100%;padding:10px}.field span{display:block;color:#9bb9c8;font-size:11px;margin-bottom:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.span-2{grid-column:1/-1}.editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.admin-panel{position:fixed;inset:0;z-index:200;display:none;background:#020811}.admin-shell{height:100%;display:grid;grid-template-columns:250px 1fr}.admin-content{overflow:auto;padding:24px}.admin-sidebar{display:flex;flex-direction:column;padding:18px;background:#04111b;border-right:1px solid #123247}.admin-sidebar-bottom{margin-top:auto;display:grid;gap:10px}.admin-nav{border:0;border-left:2px solid transparent;background:transparent;color:#90acba;text-align:left;padding:12px;cursor:pointer}.admin-nav.active,.admin-nav:hover{color:var(--cyan);background:#071b28;border-left-color:var(--cyan)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.admin-stats>div{border:1px solid #13374b;background:#061522;padding:14px}.admin-stats small{color:#6f91a3}.admin-stats strong{display:block;font-size:22px;color:var(--cyan);margin-top:4px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #123247;text-align:left;font-size:12px}.admin-table th{position:sticky;top:0;background:#061522;color:#7ddfec}.admin-table-wrap{overflow:auto;max-height:65vh;border:1px solid #123247}.category-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.data-actions{display:flex;gap:10px;flex-wrap:wrap}.file-label{cursor:pointer}.cart-drawer{transform:translateX(105%)}.cart-drawer.open{transform:none}.drawer-backdrop{opacity:0;pointer-events:none}.cart-item{display:grid;grid-template-columns:66px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #123247}.cart-thumb{width:66px;height:66px;background:#071722}.qty{display:flex;gap:6px;align-items:center;margin-top:7px}.qty button{border:1px solid #245068;background:#071722;color:#d6edf6;cursor:pointer}.qty .remove{margin-left:auto;color:#ff8292}.auto-art{position:relative;width:100%;height:100%;display:grid;place-items:center}.ark-auto-image{position:absolute;inset:6%;width:88%!important;height:88%!important;object-fit:contain!important;z-index:2;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))}.auto-art .emoji-art{z-index:1}.bp-overlay{position:absolute;right:10px;bottom:10px;z-index:3}.manual-product-image{width:100%;height:100%;object-fit:contain;background:#06131d}.modal-product-image{min-height:360px;background:radial-gradient(circle,#123b52,#05131e);display:grid;place-items:center}.modal-product-image>.auto-art{min-height:360px}.modal-product-card{width:min(960px,94vw);display:grid;grid-template-columns:1fr 1fr;gap:20px}.modal-product-info{padding:22px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.spec-grid>div{border:1px solid #123247;background:#061522;padding:10px}.spec-grid small{display:block;color:#66899c}.modal-actions{display:flex;gap:8px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;z-index:999;background:#071b28;border:1px solid #1b708e;color:#dff9ff;padding:10px 16px;box-shadow:var(--shadow);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.search-live{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.admin-shell{grid-template-columns:200px 1fr}}
@media(max-width:720px){.market-toolbar{display:grid;grid-template-columns:1fr}.search-suggestions{position:absolute}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:165px}.modal-product-card{grid-template-columns:1fr;max-height:92vh;overflow:auto}.modal-product-image,.modal-product-image>.auto-art{min-height:240px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.category-admin-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr}.topbar{padding:0 12px}.topbar>div:first-child{display:none}.toplinks{width:100%;justify-content:flex-end}.hero h1{font-size:38px}.hero h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* v9.1 - prominent update announcement */
.announcement-top-btn{
  position:fixed; top:18px; right:22px; z-index:1200;
  display:flex; align-items:center; gap:8px;
  min-height:44px; padding:0 14px;
  border:1px solid rgba(76,220,255,.55);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(6,24,42,.96),rgba(10,47,72,.96));
  color:#eefbff; font-weight:800; letter-spacing:.03em;
  box-shadow:0 10px 34px rgba(0,0,0,.32),0 0 22px rgba(55,205,255,.12);
  cursor:pointer; backdrop-filter:blur(12px);
}
.announcement-top-btn:hover{transform:translateY(-1px);border-color:#8beaff;box-shadow:0 12px 38px rgba(0,0,0,.38),0 0 28px rgba(55,205,255,.2)}
.announcement-icon{font-size:18px}
.announcement-pulse{width:8px;height:8px;border-radius:50%;background:#52f2b8;box-shadow:0 0 0 0 rgba(82,242,184,.65);animation:announcementPulse 1.8s infinite}
@keyframes announcementPulse{70%{box-shadow:0 0 0 8px rgba(82,242,184,0)}100%{box-shadow:0 0 0 0 rgba(82,242,184,0)}}
.announcement-new-badge{font-size:10px;padding:3px 6px;border-radius:999px;background:#ffcf5a;color:#251a00;font-weight:900}
.announcement-new-badge.is-read{display:none}
.announcement-modal{z-index:1600}
.announcement-card{width:min(680px,calc(100vw - 28px));max-height:min(78vh,760px);overflow:auto}
.announcement-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:4px}
.announcement-heading h2{margin:.2rem 0 0;font-size:clamp(25px,4vw,36px)}
.announcement-version{white-space:nowrap;border:1px solid rgba(88,215,255,.4);background:rgba(49,183,230,.1);padding:7px 10px;border-radius:999px;font-weight:800;color:#9cecff}
.announcement-date{font-size:13px;color:var(--muted,#8fa9ba);margin:8px 0 18px}
.announcement-content{font-size:16px;line-height:1.85;white-space:pre-wrap;padding:16px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.admin-announcement-editor{margin:18px 0;padding:18px;border:1px solid rgba(70,205,255,.22);border-radius:16px;background:rgba(20,53,73,.28)}
.admin-announcement-editor label{display:grid;gap:7px;margin:12px 0;font-weight:700}
.admin-announcement-editor input,.admin-announcement-editor textarea{width:100%;box-sizing:border-box}
.admin-section-head,.admin-announcement-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.admin-announcement-actions{justify-content:flex-start;margin-top:14px}
.admin-help{font-size:12px;color:var(--muted,#8fa9ba);line-height:1.6}
@media(max-width:760px){
 .announcement-top-btn{top:10px;right:10px;padding:0 10px;min-height:40px}
 .announcement-top-btn [data-i18n="announcement"]{display:none}
 .announcement-heading{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.announcement-pulse{animation:none}}


/* v9.2 announcement placement + visibility */
.announcement-top-btn{
  top:92px !important;
  right:24px !important;
  min-height:52px !important;
  padding:0 18px !important;
  border:2px solid rgba(103,231,255,.92) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(8,31,52,.98),rgba(10,78,104,.98)) !important;
  font-size:15px !important;
  font-weight:900 !important;
  box-shadow:
    0 14px 40px rgba(0,0,0,.48),
    0 0 0 1px rgba(125,235,255,.12),
    0 0 30px rgba(66,215,255,.30) !important;
}
.announcement-top-btn::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:18px;
  border:1px solid rgba(86,224,255,.24);
  pointer-events:none;
}
.announcement-top-btn:hover{
  transform:translateY(-2px) scale(1.025) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.52),0 0 38px rgba(66,215,255,.42) !important;
}
.announcement-icon{
  font-size:22px !important;
  filter:drop-shadow(0 0 8px rgba(255,210,76,.55));
}
.announcement-new-badge{
  font-size:11px !important;
  padding:4px 8px !important;
  background:linear-gradient(135deg,#ffe26c,#ffb83d) !important;
  box-shadow:0 0 14px rgba(255,196,61,.35);
}
.announcement-pulse{
  width:10px !important;
  height:10px !important;
  background:#64ffc5 !important;
}
@media(max-width:760px){
  .announcement-top-btn{
    top:72px !important;
    right:12px !important;
    min-height:46px !important;
    padding:0 12px !important;
  }
}
