@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #080a12;--panel: #101421;--border: #252b40;--purple: #8c7aff;--cyan: #65e8dc;--text: #edf0ff;--muted: #8e96b2;--soft: #1a1f30;--input: #0a0c15;--gold: #f5c05e;--danger: #ff9ba7;--on-accent: #ffffff;--ease: cubic-bezier(.22,.8,.3,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg)!important;color:var(--text);font-family:Manrope,sans-serif;overflow-x:hidden;padding-bottom:75px}button,.menu-item,.nav-item,.btn{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:transparent!important;border:none!important;outline:none!important;color:inherit;cursor:pointer;font-family:inherit}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;background:#080a12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.logo-img{width:35px;height:35px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(101,232,220,.5))}.brand svg{color:var(--cyan);filter:drop-shadow(0 0 6px rgba(101,232,220,.55))}.brand b{font-size:16px;letter-spacing:1px}.search-bar-top{flex:1;margin:0 15px;background:var(--panel)!important;border:1px solid var(--border);border-radius:10px;padding:8px 15px;display:flex;align-items:center;gap:10px;color:var(--muted)}.search-bar-top input{background:none!important;border:none;outline:none;color:#fff;width:100%;font-size:13px}.icon-button{background:var(--panel)!important;border:1px solid var(--border)!important;color:#fff;padding:8px;border-radius:8px;display:grid;place-items:center}.top-actions{display:flex;align-items:center;gap:10px}.main-content{max-width:1000px;margin:0 auto;padding:20px}.hero-banner{width:100%;height:180px;background:linear-gradient(135deg,#181a37,#0e111d);border:1px solid var(--border);border-radius:16px;margin-bottom:25px;display:flex;align-items:center;padding:30px;position:relative;overflow:hidden}.hero-banner:after{content:"";position:absolute;right:-20px;top:-20px;width:150px;height:150px;background:var(--purple);filter:blur(80px);opacity:.3;border-radius:50%}.banner-content h1{font-size:28px;margin-bottom:10px}.banner-content h1 span{color:var(--cyan)}.banner-content p{color:var(--muted);font-size:13px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;background:var(--panel);border:1px solid var(--border);padding:15px;border-radius:16px;margin-bottom:30px}.menu-item{display:flex;flex-direction:column;align-items:center;gap:8px}.menu-icon{width:50px;height:50px;background:#1a1f30!important;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;color:var(--cyan);transition:.2s}.menu-item:hover .menu-icon{border-color:var(--purple);color:var(--purple);transform:translateY(-2px)}.menu-item span{font-size:11px;font-weight:600;text-align:center;color:var(--text)}.admin-icon{border-style:dashed;color:#f5c05e!important}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h2{font-size:20px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.product-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.art-back{height:120px;background:#0d101b;display:grid;place-items:center}.text-purple{color:var(--purple);opacity:.5}.listing-photo{width:100%;height:100%;object-fit:cover}.product-info{padding:12px}.product-title{font-weight:700;font-size:13px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-bottom strong{color:var(--cyan);font-size:14px}.btn{padding:8px 12px;border-radius:6px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:.2s}.btn-primary{background:var(--purple)!important;color:#fff!important;border:none!important}.btn-ghost{background:transparent!important;border:1px solid var(--border)!important;color:var(--text)}.btn-small{padding:6px 10px;font-size:11px}.full{width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#101421fa!important;border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);transition:.2s;flex:1}.nav-item span{font-size:10px;font-weight:600}.nav-item.active{color:var(--cyan)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:2000;padding:20px}.modal{background:var(--panel);border:1px solid var(--border);padding:25px;border-radius:16px;width:100%;max-width:400px;position:relative;max-height:85vh;overflow-y:auto}.modal-close{position:absolute;right:15px;top:15px;color:var(--muted)}.modal h2{margin-bottom:15px;font-size:20px}.form-stack{display:flex;flex-direction:column;gap:12px}.form-stack label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.form-stack input,.form-stack select,.form-stack textarea{background:#0a0c15!important;border:1px solid var(--border);padding:10px;border-radius:8px;color:#fff;outline:none;font-size:13px}.toast-notice{position:fixed;bottom:85px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--cyan);color:var(--cyan);padding:10px 20px;border-radius:30px;font-size:12px;font-weight:700;z-index:3000;pointer-events:none}.empty-tab{text-align:center;padding:50px 0;color:var(--muted)}.empty-tab h2,.empty-tab h3{color:#fff;margin-bottom:10px}button,.btn,.menu-icon,.product-card,.nav-item,.icon-button{transition:transform .22s var(--ease),box-shadow .25s var(--ease),border-color .25s,background-color .25s,color .25s,opacity .25s;-webkit-tap-highlight-color:transparent}.btn:hover,.icon-button:hover{transform:translateY(-2px)}.btn:active,.icon-button:active,.menu-item:active .menu-icon,.nav-item:active{transform:scale(.94)}.btn-primary{background:linear-gradient(135deg,var(--purple),#6c5ce7)!important;box-shadow:0 0 #8c7aff00}.btn-primary:hover{box-shadow:0 6px 22px #8c7aff73}.btn-ghost:hover{border-color:var(--cyan)!important;color:var(--cyan);box-shadow:0 0 14px #65e8dc2e}.btn:disabled{opacity:.45;transform:none!important;box-shadow:none!important;cursor:not-allowed}.menu-item:hover .menu-icon{box-shadow:0 0 16px #8c7aff59}.product-card{transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;animation:rise .5s var(--ease) both}.product-card:hover{transform:translateY(-5px);border-color:var(--purple);box-shadow:0 10px 28px #8c7aff38}.listing-photo{transition:transform .5s var(--ease)}.product-card:hover .listing-photo{transform:scale(1.07)}.nav-item.active svg{transform:translateY(-2px) scale(1.12);filter:drop-shadow(0 0 6px rgba(101,232,220,.6))}.nav-item svg{transition:transform .25s var(--ease),filter .25s}.market-content,.empty-tab,.orders-list,.hero-banner{animation:rise .45s var(--ease) both}.modal-backdrop{animation:fade .22s ease both}.modal{animation:pop .32s var(--ease) both}.toast-notice{animation:toastIn .35s var(--ease) both}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.search-bar-top:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #65e8dc24;transition:.2s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.pill{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;border:1px solid var(--border);color:var(--muted)}.pill.ok{color:var(--cyan);border-color:#65e8dc66}.pill.warn{color:var(--gold);border-color:#f5c05e66}.pill.bad{color:var(--danger);border-color:#ff9ba766}.qty{display:flex;align-items:center;gap:12px}.qty button{width:34px;height:34px;border:1px solid var(--border)!important;border-radius:8px;font-size:18px}.qty button:hover{border-color:var(--cyan)!important;color:var(--cyan)}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card,.manage-row{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.order-card .row,.manage-row .row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.manage-actions{display:flex;flex-wrap:wrap;gap:6px}.cat-page{max-width:1000px;margin:0 auto;padding-right:26px;animation:rise .4s var(--ease) both}.cat-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.cat-head h2{font-size:20px}.crumbs{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;margin-bottom:14px}.cat-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 -20px 14px;padding:4px 0 12px 20px;scrollbar-width:none;scroll-snap-type:x proximity;border-bottom:1px solid var(--border)}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex:0 0 auto;padding:9px 16px;border-radius:22px;font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--border)!important;scroll-snap-align:start}.cat-tab:hover{color:var(--text);border-color:var(--purple)!important}.cat-tab.active{color:#080a12;background:linear-gradient(135deg,var(--cyan),#8c7aff)!important;border-color:transparent!important;box-shadow:0 0 18px #65e8dc59}.cat-search{margin:0 0 18px;padding:12px 15px}.cat-title{display:flex;align-items:center;gap:8px;font-size:15px;margin:22px 0 14px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 10px}@media(min-width:700px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.game-tile{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;animation:rise .45s var(--ease) both}.game-icon{width:66px;height:66px;border-radius:18px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--border);background:var(--soft);transition:transform .28s var(--ease),box-shadow .28s,border-color .28s}.game-icon img{width:100%;height:100%;object-fit:cover}.game-icon b{font-size:20px;letter-spacing:1px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.game-tile:hover .game-icon{transform:translateY(-4px) scale(1.05);border-color:var(--cyan);box-shadow:0 8px 22px #65e8dc47}.game-tile:active .game-icon{transform:scale(.93)}.game-name{font-size:11px;font-weight:600;line-height:1.25;color:var(--text)}.game-tile small{font-size:9px;color:var(--muted)}.letter-sec{scroll-margin-top:84px;margin-top:8px}.letter{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--cyan);font-weight:800;font-size:15px}.letter:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.az-index{position:fixed;right:4px;top:130px;bottom:90px;width:22px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:90}.az-index button{font-size:10px;font-weight:800;color:var(--purple);line-height:1;padding:1px 4px;border-radius:6px}.az-index button:hover:not(:disabled){color:var(--cyan);transform:scale(1.35)}.az-index button:disabled{color:#3a415c;cursor:default}.hero-banner{height:auto!important;min-height:190px;background-image:linear-gradient(rgba(101,232,220,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(101,232,220,.06) 1px,transparent 1px),linear-gradient(135deg,#181a37,#0b0e1a)!important;background-size:28px 28px,28px 28px,auto!important;padding:22px 0}.hero-banner:before{content:"";position:absolute;left:-30px;bottom:-40px;width:170px;height:170px;background:var(--cyan);filter:blur(90px);opacity:.22;border-radius:50%}.hero-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(101,232,220,.4);background:#65e8dc14;padding:4px 10px;border-radius:20px;margin-bottom:10px}.hero-stats{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.hero-stats span{font-size:11px;color:var(--muted);border:1px solid var(--border);background:#080a1280;padding:5px 11px;border-radius:20px}.hero-stats b{color:var(--text)}.cat-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.cat-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:18px 8px 14px;border-radius:18px;border:1px solid rgba(var(--c),.35)!important;background:linear-gradient(165deg,rgba(var(--c),.22),rgba(var(--c),.04) 62%,var(--panel))!important;animation:rise .5s var(--ease) both}.cat-card:nth-child(2){animation-delay:.07s}.cat-card:nth-child(3){animation-delay:.14s}.cat-card:after{content:"";position:absolute;top:-30px;right:-30px;width:90px;height:90px;border-radius:50%;background:rgb(var(--c));filter:blur(48px);opacity:.28;transition:opacity .3s}.cat-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(var(--c),.3);border-color:rgba(var(--c),.8)!important}.cat-card:hover:after{opacity:.5}.cat-card:active{transform:scale(.95)}.cat-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:rgb(var(--c));background:rgba(var(--c),.14);border:1px solid rgba(var(--c),.4);box-shadow:0 0 18px rgba(var(--c),.28);margin-bottom:4px;transition:transform .3s var(--ease)}.cat-card:hover .cat-ic{transform:scale(1.1) rotate(-4deg)}.cat-card b{font-size:13px;color:var(--text)}.cat-card small{font-size:10px;color:var(--muted);line-height:1.3}.cat-count{margin-top:4px;font-size:10px;font-weight:700;color:rgb(var(--c));background:rgba(var(--c),.12);padding:3px 9px;border-radius:20px}.admin-bar{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 22px;padding:10px 12px;border:1px dashed rgba(140,122,255,.45);border-radius:14px;background:#8c7aff0f}.home-chips{margin:0 0 16px;padding-left:0;border-bottom:none}.cat-tabs .cat-tab{flex:1 1 0;padding:10px 6px;text-align:center;white-space:nowrap}@media(min-width:700px){.cat-card{padding:26px 12px 20px}.cat-card b{font-size:15px}.cat-card small{font-size:12px}}.hero-banner{padding:28px 22px!important;justify-content:center;text-align:center}.banner-content{max-width:560px;margin:0 auto}.banner-content h1{font-size:24px;line-height:1.2}.hero-stats{justify-content:center}@media(min-width:700px){.banner-content h1{font-size:30px}}.game-tabs{border-bottom:1px solid var(--border);gap:0;margin-left:0;padding-left:0}.game-tabs .cat-tab{border:none!important;border-radius:0;background:transparent!important;box-shadow:none!important;padding:12px 6px;color:var(--muted);position:relative}.game-tabs .cat-tab.active{color:var(--cyan);background:transparent!important;box-shadow:none!important}.game-tabs .cat-tab.active:after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--purple));box-shadow:0 0 10px #65e8dc99}.game-filters{display:flex;gap:8px;margin:4px 0 12px}.game-filters select{flex:1;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:11px 12px;font:inherit;font-size:12px;transition:.2s}.game-filters select:focus{border-color:var(--cyan);outline:none}.filter-pill{display:inline-flex;align-items:center;gap:5px;padding:0 16px;border-radius:12px;font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--border)!important;background:var(--panel)!important}.filter-pill.on{color:#052b27;background:linear-gradient(135deg,var(--cyan),#7af0e4)!important;border-color:transparent!important;box-shadow:0 0 14px #65e8dc66}.result-count{font-size:12px;color:var(--muted);margin:0 0 14px;padding-top:12px;border-top:1px solid var(--border)}.result-count b{color:var(--text)}.item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:700px){.item-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.item-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;animation:rise .45s var(--ease) both}.item-card:hover{transform:translateY(-4px);border-color:var(--purple);box-shadow:0 10px 26px #8c7aff38}.item-card:active{transform:scale(.97)}.item-img{aspect-ratio:16 / 10;background:var(--soft);display:grid;place-items:center;overflow:hidden}.item-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.item-card:hover .item-img img{transform:scale(1.07)}.item-body{padding:11px 12px 12px;display:flex;flex-direction:column;gap:5px;flex:1}.item-title{font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.item-cat{color:var(--muted);font-size:11px}.item-badges{display:flex;gap:5px;flex-wrap:wrap;min-height:22px}.badge-instan,.badge-manual,.badge-low{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px}.badge-instan{color:#7af0e4;background:#65e8dc1f;border:1px solid rgba(101,232,220,.3)}.badge-manual{color:var(--muted);background:var(--soft);border:1px solid var(--border)}.badge-low{color:var(--gold);background:#f5c05e1a;border:1px solid rgba(245,192,94,.3)}.item-price{color:var(--gold);font-size:16px;margin-top:2px}.item-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:auto}