.oc{--oc-a: var(--accent, #c8a464);--oc-a2: var(--accent2, #f0d79a);--oc-on: var(--onAccent, #14110a);--oc-card: color-mix(in srgb, var(--surface, #141920) 88%, transparent);--oc-line: color-mix(in srgb, var(--oc-a) 35%, transparent);--oc-r: 14px;position:relative;display:flex;flex-direction:column;gap:12px;margin:18px 0;direction:rtl}.oc-head{display:flex;align-items:center;gap:12px}.oc-head h3{margin:0;font-family:var(--font-display);font-size:19px;color:var(--text)}.oc-head small{color:var(--muted);font-size:12px}.oc-badge{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;color:var(--oc-on);background:linear-gradient(135deg,var(--oc-a2),var(--oc-a));box-shadow:0 6px 22px color-mix(in srgb,var(--oc-a) 45%,transparent);animation:oc-bob 3.2s ease-in-out infinite}.oc-badge svg{width:21px;height:21px}.oc-list{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x mandatory}.oc-list::-webkit-scrollbar{height:6px}.oc-list::-webkit-scrollbar-thumb{background:var(--oc-line);border-radius:9px}.oc-ticket{position:relative;flex:0 0 400px;width:400px;display:flex;align-items:stretch;scroll-snap-align:start;border-radius:var(--oc-r);overflow:hidden;background:var(--oc-card);border:1px solid var(--oc-line);box-shadow:0 10px 30px #00000047;animation:oc-in .5s var(--ease, ease) both;animation-delay:calc(var(--i, 0) * 70ms);transition:transform .25s var(--ease, ease),box-shadow .25s}.oc-ticket:hover{transform:translateY(-3px);box-shadow:0 16px 40px color-mix(in srgb,var(--oc-a) 22%,rgba(0,0,0,.35))}.oc-ticket:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.1) 50%,transparent 65%);transform:translate(120%);animation:oc-shine 4.5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .6s)}.oc-value{flex:0 0 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:14px 8px;color:var(--oc-on);background:linear-gradient(160deg,var(--oc-a2),var(--oc-a))}.oc-value b{font-family:var(--font-display);font-size:30px;line-height:1;letter-spacing:-.5px;text-align:center}.oc-value b.long{font-size:20px}.oc-value small{font-size:12px;font-weight:700;opacity:.8}.oc-cut{position:relative;flex:0 0 0;border-inline-start:2px dashed var(--oc-line)}.oc-cut:before,.oc-cut:after{content:"";position:absolute;inset-inline-start:-10px;width:18px;height:18px;border-radius:50%;background:var(--bg, #0a0d11)}.oc-cut:before{top:-9px}.oc-cut:after{bottom:-9px}.oc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding:12px 14px}.oc-desc{margin:0;color:var(--text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-code{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 12px;cursor:pointer;border:1.5px dashed var(--oc-a);border-radius:10px;color:var(--oc-a2);background:color-mix(in srgb,var(--oc-a) 9%,transparent);font-family:Consolas,Chakra Petch,monospace;font-size:21px;font-weight:800;letter-spacing:3px;transition:background .2s,transform .15s}.oc-code:hover{background:color-mix(in srgb,var(--oc-a) 18%,transparent)}.oc-code:active{transform:scale(.98)}.oc-code svg{width:18px;height:18px;flex:none;opacity:.8}.oc-code.copied{border-style:solid;color:var(--ok, #5fc48a);border-color:var(--ok, #5fc48a);animation:oc-pop .35s ease}.oc-meta{display:flex;flex-wrap:wrap;gap:6px}.oc-meta span{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;color:var(--muted);background:color-mix(in srgb,var(--text, #fff) 6%,transparent)}.oc-time svg{width:12px;height:12px}.oc-time{color:var(--warn, #e7b45a)!important}.oc-actions{display:flex;gap:8px;margin-top:auto}.oc-btn{flex:1;white-space:nowrap;padding:7px 10px;border-radius:9px;font-weight:700;font-size:13px;cursor:pointer;color:var(--text);background:color-mix(in srgb,var(--text, #fff) 7%,transparent);border:1px solid color-mix(in srgb,var(--text, #fff) 12%,transparent);transition:filter .2s,transform .15s}.oc-btn.strong{color:var(--oc-on);border-color:transparent;background:linear-gradient(135deg,var(--oc-a2),var(--oc-a))}.oc-btn:hover{filter:brightness(1.1)}.oc-btn:active{transform:scale(.97)}.oc-promos{display:flex;flex-wrap:wrap;gap:8px}.oc-promo{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;font-size:13px;color:var(--text);background:color-mix(in srgb,var(--bad, #e0605a) 14%,var(--oc-card));border:1px solid color-mix(in srgb,var(--bad, #e0605a) 40%,transparent)}.oc-promo>svg{width:16px;height:16px;color:var(--bad, #e0605a);animation:oc-flick 1.6s ease-in-out infinite}@keyframes oc-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes oc-shine{0%,70%{transform:translate(120%)}to{transform:translate(-120%)}}@keyframes oc-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}@keyframes oc-pop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes oc-flick{0%,to{opacity:1}50%{opacity:.55}}.oc--nebula .oc-ticket{backdrop-filter:blur(14px);background:linear-gradient(135deg,color-mix(in srgb,var(--oc-a) 10%,transparent),color-mix(in srgb,var(--surface, #141920) 70%,transparent))}.oc--nebula .oc-value{border-radius:0 var(--oc-r) var(--oc-r) 0}.oc--classic{--oc-r: 0px}.oc--classic .oc-ticket{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border-color:var(--oc-a)}.oc--classic .oc-badge,.oc--classic .oc-btn,.oc--classic .oc-code{border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.oc--classic .oc-head h3{text-transform:uppercase;letter-spacing:1px}.oc--classic .oc-head{border-bottom:1px solid var(--oc-line);padding-bottom:10px}.oc--console{position:absolute;top:62px;inset-inline-end:48px;z-index:4;margin:0;width:340px;gap:8px}.oc--console .oc-head{display:none}.oc--console .oc-list{flex-direction:column;overflow:visible;padding:0;gap:8px}.oc--console .oc-desc,.oc--console .oc-meta>span:not(.oc-time){display:none}.oc--console .oc-meta:not(:has(.oc-time)){display:none}.oc--console .oc-body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px}.oc--console .oc-code{flex:1;width:auto;font-size:16px;letter-spacing:2px;padding:5px 8px}.oc--console .oc-actions{margin:0;flex:none}.oc--console .oc-actions .oc-btn:not(.strong){display:none}.oc--console .oc-btn{padding:6px 10px;font-size:12px}.oc--console .oc-meta{flex-basis:100%}.oc--console .oc-promo{font-size:12px;padding:6px 12px;border-radius:10px}.oc--console .oc-ticket{flex:none;width:auto;background:#06080c9e;backdrop-filter:blur(18px);border-color:color-mix(in srgb,var(--oc-a) 50%,transparent);box-shadow:0 0 0 1px #ffffff0a,0 18px 50px #0000008c,0 0 32px color-mix(in srgb,var(--oc-a) 20%,transparent)}.oc--console .oc-ticket:nth-child(n+3){display:none}.oc--console .oc-value{flex-basis:74px;padding:8px 4px}.oc--console .oc-value b{font-size:20px}.oc--console .oc-value b.long{font-size:15px}.oc--console .oc-promos{justify-content:flex-end}.oc--console .oc-promo{background:#06080c9e;backdrop-filter:blur(14px)}.oc--bento{margin:0 0 16px;padding:16px;border-radius:22px;background:var(--bn-tile, var(--oc-card));border:1px solid var(--bn-tile-border, var(--oc-line));backdrop-filter:blur(16px);overflow:hidden;--oc-a: var(--bn-strong, var(--accent));--oc-on: var(--bn-on-strong, var(--onAccent))}.oc--bento .oc-list{padding-bottom:4px}.oc--bento .oc-ticket{border-radius:16px;box-shadow:none;background:var(--bn-solid, var(--oc-card))}.oc--bento .oc-cut:before,.oc--bento .oc-cut:after{background:var(--bn-tile-solid, var(--bg2, #12161c))}.oc--bento .oc-code{color:var(--oc-a)}.oc--bento .oc-value{background:var(--oc-a)}.still .oc *,.oc.still *{animation:none!important}.cx{position:fixed;inset:0;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(120% 90% at 70% 10%,color-mix(in srgb,var(--accent) 22%,#05060a),#05060a 70%);font-family:var(--font-body);animation:cxIn .5s ease both}:root:not([data-scheme=light]) .cx{background:radial-gradient(120% 90% at 70% 10%,color-mix(in srgb,var(--accent) 24%,var(--bg)),var(--bg) 70%)}.cx-select{height:42px;padding:0 12px;border-radius:21px;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.14);outline:none}.cx-select option{color:#111}.cx.still *,.cx.still *:before,.cx.still *:after{animation:none!important;transition:none!important}.cx-backdrop{position:absolute;inset:-40px;z-index:-2;background-size:cover;background-position:center 35%;filter:blur(22px) saturate(1.4) brightness(.7);transform:scale(1.1);animation:cxFade .7s ease both}.cx:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(270deg,#04050aeb,#04050a8c 38%,#04050a1a 70%),linear-gradient(0deg,rgba(4,5,10,.97) 0%,rgba(4,5,10,.75) 30%,transparent 62%),linear-gradient(180deg,rgba(4,5,10,.7) 0%,transparent 18%)}[dir=ltr] .cx:before{background:linear-gradient(90deg,#04050aeb,#04050a8c 38%,#04050a1a 70%),linear-gradient(0deg,rgba(4,5,10,.97) 0%,rgba(4,5,10,.75) 30%,transparent 62%),linear-gradient(180deg,rgba(4,5,10,.7) 0%,transparent 18%)}.cx:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.06;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 4px)}.cx-top{position:relative;z-index:5;display:flex;align-items:center;gap:28px;height:74px;padding:0 48px}.cx-brand{display:flex;align-items:center;gap:12px;cursor:pointer;flex:none}.cx-brand img{height:38px;width:auto}.cx-logo{width:40px;height:40px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:15px;color:#05060a;background:var(--accent2);transform:skew(-12deg)}.cx-brand b{font-family:var(--font-display);font-size:20px;letter-spacing:.5px}.cx-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.cx-tabs::-webkit-scrollbar{display:none}.cx-tabs button{position:relative;flex:none;padding:10px 14px;font-size:15px;font-weight:600;color:#ffffff8c;transition:color .25s}.cx-tabs button:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:3px;border-radius:3px;background:var(--accent2);transform:scaleX(0);transition:transform .35s cubic-bezier(.16,1,.3,1)}.cx-tabs button:hover,.cx-tabs button.on{color:#fff}.cx-tabs button.on:after{transform:scaleX(1);box-shadow:0 0 14px var(--accent2)}.cx-actions{display:flex;align-items:center;gap:10px;flex:none}.cx-search{display:flex;align-items:center;height:42px;border-radius:21px;transition:background .3s,width .4s}.cx-search.open{background:#ffffff1a;padding-inline-end:14px}.cx-search button{width:42px;height:42px;display:grid;place-items:center;color:#fffc}.cx-search input{width:220px;background:none;border:0;outline:none;color:#fff}.cx-balance{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:21px;font-family:var(--font-display);background:#ffffff14;border:1px solid rgba(255,255,255,.14);transition:background .25s}.cx-balance:hover{background:#ffffff29}.cx-balance svg{width:18px;height:18px;color:var(--accent2)}.cx-balance b{font-size:16px}.cx-balance small{font-size:11px;opacity:.6}.cx-icon{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#ffffffd9;background:#ffffff0f;transition:background .25s,transform .25s}.cx-icon svg{width:19px;height:19px}.cx-icon:hover,.cx-icon.on{background:#ffffff2e}.cx-icon i,.cx-menu i{position:absolute;top:-3px;inset-inline-end:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:#05060a;background:var(--accent2)}.cx-close:hover{background:var(--bad)}.cx-menu-wrap{position:relative}.cx-menu{position:absolute;top:52px;inset-inline-end:0;z-index:20;width:240px;padding:8px;border-radius:16px;background:#0c0d14f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px #0009;animation:cxDrop .25s cubic-bezier(.16,1,.3,1) both}.cx-menu-head{display:flex;flex-direction:column;padding:10px 12px 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px}.cx-menu-head small{opacity:.55;margin-top:2px}.cx-menu button{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#fffc;text-align:start}.cx-menu button svg{width:18px;height:18px;color:var(--accent2)}.cx-menu button:hover,.cx-menu button.on{background:#ffffff14;color:#fff}.cx-menu button i{position:static;margin-inline-start:auto}.cx-main{position:absolute;inset:74px 0 0}.cx-main.browse{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.cx-main.page{overflow-y:auto;padding:10px 48px 40px}.cx-panel{max-width:1200px;margin:0 auto;padding:28px;border-radius:22px;background:#0a0b12d1;border:1px solid rgba(255,255,255,.08);animation:cxUp .45s cubic-bezier(.16,1,.3,1) both}.cx-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:30px;padding:0 48px;min-height:0;overflow:hidden}.cx-info{position:relative;z-index:2;max-width:640px;animation:cxText .6s cubic-bezier(.16,1,.3,1) both}.cx-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.cx-tags span{padding:5px 12px;font-size:12px;font-weight:700;letter-spacing:.3px;border-radius:4px;background:#ffffff1f}.cx-tags span.gold{color:#05060a;background:var(--accent2)}.cx-tags span.hot{background:var(--bad)}.cx-info h1{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.4vw,60px);line-height:1.08;letter-spacing:-.5px;text-shadow:0 6px 40px rgba(0,0,0,.5);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cx-info p{font-size:16px;line-height:1.7;color:#ffffffb8;max-width:520px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cx-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:13px;color:#ffffffa6}.cx-meta span{display:flex;align-items:center;gap:6px}.cx-meta svg{width:16px;height:16px;color:var(--accent2)}.cx-price{margin-top:18px}.cx-price .price .now{color:#fff;font-size:34px!important}.cx-price .price .now small{color:var(--accent2)}.cx-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.cx-btn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 26px;font-weight:700;font-size:15px;border-radius:6px;background:#ffffff24;color:#fff;transition:transform .2s,background .2s,box-shadow .2s}.cx-btn svg{width:18px;height:18px}.cx-btn:hover:not(:disabled){background:#ffffff3d;transform:translateY(-2px)}.cx-btn.primary{color:#05060a;background:#fff}.cx-btn.primary:hover:not(:disabled){background:var(--accent2);box-shadow:0 10px 34px color-mix(in srgb,var(--accent2) 55%,transparent)}.cx-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.3)}.cx-btn:disabled{opacity:.4;cursor:not-allowed}.cx-hero-art{position:relative;height:100%;min-height:0;display:grid;place-items:center;animation:cxArt .8s cubic-bezier(.16,1,.3,1) both}.cx-hero-art:before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 45%,transparent),transparent 65%);filter:blur(20px)}.cx-hero-art img{position:relative;max-width:100%;max-height:min(40vh,480px);object-fit:contain;filter:drop-shadow(0 50px 50px rgba(0,0,0,.7));animation:cxFloat 7s ease-in-out infinite}.cx-hero-art .emblem svg{width:200px;height:200px;color:var(--accent2)}.cx-topup{position:absolute;top:12px;inset-inline-end:48px;z-index:3;display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:6px;font-weight:700;color:#05060a;background:var(--accent2)}.cx-topup svg{width:17px;height:17px}.cx-strips{position:relative;z-index:2;height:40vh;overflow-y:auto;padding:4px 0 26px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,transparent) transparent}.cx-strip{margin-bottom:18px}.cx-strip-head{display:flex;align-items:baseline;gap:10px;padding:0 48px;margin-bottom:10px}.cx-strip-head h3{font-family:var(--font-display);font-size:18px;font-weight:700}.cx-strip-head small{opacity:.5}.cx-arrows{margin-inline-start:auto;display:flex;gap:6px}.cx-arrows button{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffffff14}.cx-arrows button:hover{background:#fff3}.cx-arrows svg{width:16px;height:16px}.cx-arrows .flip svg,[dir=ltr] .cx-arrows button:not(.flip) svg{transform:scaleX(-1)}[dir=ltr] .cx-arrows .flip svg{transform:none}.cx-row{display:flex;gap:14px;overflow-x:auto;padding:8px 48px 12px;scroll-snap-type:x proximity;scrollbar-width:none}.cx-row::-webkit-scrollbar{display:none}.cx-poster{--pa: var(--accent);position:relative;flex:none;width:176px;height:236px;border-radius:10px;overflow:hidden;scroll-snap-align:start;text-align:start;background:linear-gradient(170deg,color-mix(in srgb,var(--pa) 38%,#11131c),#0b0c12 75%);outline:2px solid transparent;outline-offset:3px;transition:transform .35s cubic-bezier(.16,1,.3,1),outline-color .25s,box-shadow .35s;animation:cxUp .5s cubic-bezier(.16,1,.3,1) backwards}.cx-poster-img{position:absolute;inset:0 0 52px;display:grid;place-items:center;padding:14px}.cx-poster-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.6));transition:transform .45s cubic-bezier(.16,1,.3,1)}.cx-poster-img .emblem svg{width:60px;height:60px;color:#fffc}.cx-poster-txt{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.cx-poster-txt b{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cx-poster-txt small{font-family:var(--font-display);font-weight:700;color:var(--accent2)}.cx-poster:hover,.cx-poster.active{transform:translateY(-6px) scale(1.04);outline-color:#fff;box-shadow:0 20px 44px #0009,0 0 30px color-mix(in srgb,var(--pa) 45%,transparent)}.cx-poster:hover .cx-poster-img img,.cx-poster.active .cx-poster-img img{transform:scale(1.08)}.cx-poster.off{opacity:.5}.cx-empty{display:grid;place-items:center;gap:12px;padding:60px;color:#fff9;font-size:16px}.cx-empty svg{width:56px;height:56px}.cx .overlay{background:#020308b3}.cx .modal{border-radius:14px;background:#0c0d14;border-color:#ffffff1a}.cx .drawer{background:#0c0d14}.cx .toasts{top:86px}@keyframes cxIn{0%{opacity:0}}@keyframes cxFade{0%{opacity:0}}@keyframes cxUp{0%{opacity:0;transform:translateY(20px)}}@keyframes cxDrop{0%{opacity:0;transform:translateY(-8px)}}@keyframes cxText{0%{opacity:0;transform:translate(40px)}}@keyframes cxArt{0%{opacity:0;transform:scale(.88) translate(-40px)}}@keyframes cxFloat{50%{transform:translateY(-14px)}}[dir=ltr] .cx-info{animation-name:cxTextL}@keyframes cxTextL{0%{opacity:0;transform:translate(-40px)}}@media (max-width: 1100px){.cx-stage{grid-template-columns:1fr}.cx-hero-art{display:none}.cx-top,.cx-stage,.cx-strip-head,.cx-row{padding-left:20px;padding-right:20px}}.bn{--bn-page: radial-gradient(120% 100% at 80% 0%, color-mix(in srgb, var(--accent) 14%, var(--bg2)), var(--bg) 65%);--bn-tile: color-mix(in srgb, var(--bg2) 82%, transparent);--bn-tile-border: color-mix(in srgb, var(--text) 9%, transparent);--bn-solid: var(--bg2);--bn-strong: var(--accent);--bn-on-strong: var(--onAccent);--radius: 22px;--shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 12px 34px rgba(0, 0, 0, .28);position:fixed;inset:0;overflow:hidden;isolation:isolate;color:var(--text);font-family:var(--font-body);background:var(--bn-page);animation:bnIn .45s ease both}:root[data-scheme=light] .bn{--bg: #f3f4f8;--bg2: #ffffff;--surface: #ffffff;--surface2: #f1f3f7;--border: rgba(15, 23, 42, .08);--text: #0f172a;--muted: #64748b;--onAccent: #ffffff;--bn-page: linear-gradient(160deg, #f8f9fc, #eef0f6);--bn-tile: rgba(255, 255, 255, .88);--bn-tile-border: #fff;--bn-solid: #fff;--bn-strong: #0f172a;--bn-on-strong: #fff;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 30px rgba(15, 23, 42, .06)}:root:not([data-scheme=light]) .bn-blob{opacity:.22}.bn.still *,.bn.still *:before,.bn.still *:after{animation:none!important;transition:none!important}.bn-blob{position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none}.bn-blob.b1{width:520px;height:520px;top:-160px;inset-inline-end:8%;background:color-mix(in srgb,var(--accent) 45%,#fff);animation:bnDrift 22s ease-in-out infinite alternate}.bn-blob.b2{width:460px;height:460px;bottom:-180px;inset-inline-start:20%;background:color-mix(in srgb,var(--accent2) 40%,#fff);animation:bnDrift 28s ease-in-out infinite alternate-reverse}.bn-blob.b3{width:300px;height:300px;top:40%;inset-inline-end:40%;background:#ffd6e8;opacity:.4;animation:bnDrift 18s ease-in-out infinite alternate}.bn-dock{position:absolute;top:50%;inset-inline-start:20px;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;max-height:calc(100% - 40px);border-radius:30px;background:var(--bn-tile);backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--bn-tile-border);box-shadow:0 20px 50px #0f172a1f;animation:bnSide .55s cubic-bezier(.16,1,.3,1) both}.bn-dock::-webkit-scrollbar{display:none}.bn-dock-logo{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;margin-bottom:6px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 40%,transparent)}.bn-dock-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.bn-dock-logo svg{width:22px;height:22px}.bn-dock-group{display:flex;flex-direction:column;gap:4px}.bn-dock-sep{width:26px;height:1px;margin:6px 0;background:var(--border)}.bn-dock-btn{position:relative;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:var(--muted);transition:background .25s,color .25s,transform .25s cubic-bezier(.16,1,.3,1)}.bn-dock-btn svg{width:21px;height:21px}.bn-dock-btn:hover{background:var(--surface2);color:var(--text);transform:scale(1.08)}.bn-dock-btn.on{color:var(--bn-on-strong);background:var(--bn-strong);box-shadow:0 8px 18px #0f172a40}.bn-dock-btn i{position:absolute;top:4px;inset-inline-end:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;font-style:normal;font-size:10px;font-weight:700;display:grid;place-items:center;color:#fff;background:#ef4444;border:2px solid var(--bn-solid)}.bn-dock-btn:after{content:attr(data-tip);position:absolute;top:50%;inset-inline-start:calc(100% + 16px);margin-top:-16px;padding:7px 12px;z-index:30;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--bn-on-strong);background:var(--bn-strong);opacity:0;pointer-events:none;transform:translate(8px);transition:opacity .2s,transform .2s}[dir=rtl] .bn-dock-btn:after{transform:translate(-8px)}.bn-dock-btn:hover:after{opacity:1;transform:none}.bn-body{position:absolute;inset:0;inset-inline-start:100px;display:flex;flex-direction:column;min-width:0}.bn-head{display:flex;align-items:center;gap:18px;padding:22px 34px 14px;animation:bnDown .5s cubic-bezier(.16,1,.3,1) both}.bn-hello small{color:var(--muted);font-size:13px;font-weight:600}.bn-hello h2{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.3px}.bn-search{flex:0 1 460px;margin-inline-start:auto;display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border-radius:16px;color:var(--muted);background:var(--bn-tile);border:1px solid var(--border);box-shadow:var(--shadow);transition:box-shadow .25s,transform .25s}.bn-search:hover{transform:translateY(-1px);box-shadow:0 14px 34px #0f172a1a}.bn-search svg{width:18px;height:18px}.bn-search span{flex:1;text-align:start}.bn kbd{font-family:inherit;font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px;color:var(--muted);background:var(--surface2);border:1px solid var(--border);direction:ltr}.bn-head-end{display:flex;align-items:center;gap:10px}.bn-select{height:50px;padding:0 14px;border-radius:16px;color:var(--text);background:var(--bn-tile);border:1px solid var(--border);box-shadow:var(--shadow);outline:none;font-weight:600}.bn-select option{color:var(--text);background:var(--bn-solid)}.bn-balance{display:flex;align-items:center;gap:8px;height:50px;padding:0 16px 0 8px;border-radius:16px;background:var(--bn-strong);color:var(--bn-on-strong);box-shadow:0 10px 24px #0f172a33;transition:transform .25s}[dir=rtl] .bn-balance{padding:0 8px 0 16px}.bn-balance:hover{transform:translateY(-2px)}.bn-balance .dot{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2))}.bn-balance .dot svg{width:18px;height:18px}.bn-balance b{font-family:var(--font-display);font-size:18px}.bn-balance small{font-size:11px;opacity:.65}.bn-round{position:relative;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;color:var(--text);background:var(--bn-tile);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .25s,background .25s}.bn-round:hover{transform:translateY(-2px)}.bn-round svg{width:20px;height:20px}.bn-round i{position:absolute;top:-4px;inset-inline-end:-4px;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--accent);border:2px solid var(--bn-solid)}.bn-round.close:hover{background:#fee2e2;color:#dc2626}.bn-main{flex:1;min-height:0;overflow-y:auto;padding:6px 34px 40px;animation:bnPage .45s cubic-bezier(.16,1,.3,1) backwards}.bn-panel{max-width:1300px;padding:26px;border-radius:28px;background:var(--bn-tile);border:1px solid var(--bn-tile-border);box-shadow:var(--shadow)}.bn-empty{display:grid;place-items:center;gap:12px;padding:70px;color:var(--muted);font-size:16px}.bn-empty svg{width:54px;height:54px}.bn-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:192px;grid-auto-flow:dense;gap:16px}.bn-tile{--ta: var(--accent);position:relative;overflow:hidden;border-radius:28px;padding:20px;text-align:start;display:flex;flex-direction:column;background:var(--bn-tile);border:1px solid var(--bn-tile-border);box-shadow:var(--shadow);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;animation:bnTile .6s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i, 0) * 50ms + 60ms)}.bn-tile:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--ta) 16%,transparent),transparent 60%)}.bn-tile:hover{transform:translateY(-4px);box-shadow:0 2px 4px #0f172a0a,0 24px 50px #0f172a1a}.bn-tile:hover:before{opacity:1}.bn-tile-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted)}.bn-tile-head svg{width:18px;height:18px;color:var(--accent)}.bn-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;background:#ffffff29;color:#fff}.bn-chip svg{width:14px;height:14px}.bn-featured{grid-column:span 2;grid-row:span 2;color:#fff;padding:30px;border:0;background:radial-gradient(120% 90% at 85% 15%,color-mix(in srgb,var(--ta) 70%,#0f172a),#0f172a 70%)}.bn-featured:before{background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.14),transparent 60%)}.bn-featured-art{position:absolute;inset:0 0 0 46%;display:grid;place-items:center;animation:bnArt .7s cubic-bezier(.16,1,.3,1) both}[dir=rtl] .bn-featured-art{inset:0 46% 0 0}.bn-featured-art img{max-width:100%;max-height:82%;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(0,0,0,.5));animation:bnFloat 6s ease-in-out infinite}.bn-featured-art .emblem svg{width:140px;height:140px;color:#ffffffd9}.bn-featured-txt{position:relative;z-index:1;height:100%;max-width:52%;display:flex;flex-direction:column;animation:bnUp .6s cubic-bezier(.16,1,.3,1) both}.bn-featured h1{font-family:var(--font-display);font-size:clamp(26px,2.4vw,40px);line-height:1.3;font-weight:800;margin:14px 0 8px;padding-bottom:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bn-featured p{font-size:14px;color:#ffffffb3;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bn-featured-foot{margin-top:auto}.bn .bn-featured .price .now{color:#fff}.bn .bn-featured .price .now small,.bn .bn-featured .price .was{color:#fff9}.bn-featured-btns{display:flex;gap:8px;margin-top:12px}.bn-dots{position:absolute;bottom:18px;inset-inline-end:24px;display:flex;gap:6px;z-index:2}.bn-dots button{width:8px;height:8px;border-radius:4px;background:#ffffff59;transition:width .35s,background .35s}.bn-dots button.on{width:26px;background:#fff}.bn-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 18px;border-radius:13px;font-weight:700;font-size:14px;color:var(--text);background:var(--bn-solid);transition:transform .2s,box-shadow .2s,background .2s}.bn-btn svg{width:17px;height:17px}.bn-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #0f172a26}.bn-btn.dark{color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--accent2)))}.bn-btn.sm{height:36px;padding:0 12px;font-size:13px;border-radius:11px}.bn-btn:disabled{opacity:.4;cursor:not-allowed}.bn-tile:not(.bn-featured) .bn-btn:not(.dark){background:var(--surface2)}.bn-wallet-num{margin:auto 0 10px;display:flex;align-items:baseline;gap:6px}.bn-wallet-num b{font-family:var(--font-display);font-size:38px;font-weight:800;letter-spacing:-1px}.bn-wallet-num small{color:var(--muted);font-weight:600}.bn-wallet-btns{display:flex;gap:6px}.bn-pass{cursor:pointer;align-items:stretch}.bn-ring{position:relative;flex:1;display:grid;place-items:center;margin-top:4px}.bn-ring svg{position:absolute;height:100%;max-height:118px;transform:rotate(-90deg)}.bn-ring circle{fill:none;stroke-width:9}.bn-ring .track{stroke:var(--surface2)}.bn-ring .bar{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 50%,transparent))}.bn-ring div{display:flex;align-items:baseline;gap:3px}.bn-ring b{font-family:var(--font-display);font-size:30px;font-weight:800}.bn-ring small,.bn-pass-name{color:var(--muted);font-size:12px;text-align:center}.bn-pass-none{margin:auto;color:var(--muted);font-size:13px}.bn-cat{cursor:pointer;justify-content:flex-end;gap:4px}.bn-cat-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;transition:opacity .4s,transform .6s cubic-bezier(.16,1,.3,1)}.bn-cat:hover .bn-cat-img{opacity:.35;transform:scale(1.06)}.bn-cat>span{position:relative;z-index:1}.bn-cat-ico{position:absolute!important;top:18px;inset-inline-start:18px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 35%,transparent);transition:transform .4s cubic-bezier(.16,1,.3,1)}.bn-cat:hover .bn-cat-ico{transform:rotate(-8deg) scale(1.08)}.bn-cat-ico svg{width:22px;height:22px}.bn-cat-txt{display:flex;flex-direction:column}.bn-cat-txt b{font-family:var(--font-display);font-size:18px;font-weight:800}.bn-cat-txt small{color:var(--muted);font-size:13px}.bn-cat-go{position:absolute!important;top:22px;inset-inline-end:20px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);transition:background .3s,color .3s,transform .3s}.bn-cat-go svg{width:16px;height:16px}[dir=ltr] .bn-cat-go svg{transform:scaleX(-1)}.bn-cat:hover .bn-cat-go{background:var(--bn-strong);color:var(--bn-on-strong);transform:translate(-4px)}[dir=ltr] .bn-cat:hover .bn-cat-go{transform:translate(4px)}.bn-mini{grid-row:span 2}.bn-mini.wide{grid-column:span 2;grid-row:span 1}.bn-mini-row{display:flex;flex-direction:column;gap:8px;margin-top:12px;min-height:0;overflow:hidden}.bn-mini.wide .bn-mini-row{flex-direction:row;overflow-x:auto;scrollbar-width:none;flex:1}.bn-mini-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:16px;text-align:start;background:var(--surface2);transition:background .25s,transform .25s;flex:none}.bn-mini.wide .bn-mini-item{flex-direction:column;align-items:stretch;width:120px;gap:6px}.bn-mini-item:hover{background:color-mix(in srgb,var(--accent) 14%,var(--bn-solid));transform:translateY(-2px)}.bn-mini-img{width:54px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--bn-solid);overflow:hidden}.bn-mini.wide .bn-mini-img{width:100%;height:58px}.bn-mini-img img{max-width:100%;max-height:100%;object-fit:contain}.bn-mini-img .emblem svg{width:26px;height:26px}.bn-mini-txt{display:flex;flex-direction:column;min-width:0}.bn-mini-txt b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-mini-txt small{font-family:var(--font-display);font-weight:700;color:var(--accent)}.bn-list-head{position:relative;display:flex;align-items:flex-end;gap:20px;margin-bottom:20px;border-radius:28px;overflow:hidden}.bn-list-head.cover{min-height:170px;padding:24px;color:#fff;background:#0f172a}.bn-list-head>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.bn-list-head.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,23,42,.85),transparent)}.bn-list-head>div{position:relative;z-index:1}.bn-list-head h1{font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:-.5px}.bn-list-head small{color:var(--muted)}.bn-list-head.cover small{color:#ffffffb3}.bn-seg{position:relative;z-index:1;margin-inline-start:auto;display:flex;padding:5px;border-radius:15px;background:var(--bn-tile);border:1px solid var(--border);box-shadow:var(--shadow)}.bn-seg-thumb{position:absolute;top:5px;bottom:5px;left:0;border-radius:11px;background:var(--bn-strong);transition:transform .4s cubic-bezier(.16,1,.3,1),width .4s cubic-bezier(.16,1,.3,1)}.bn-seg button{position:relative;z-index:1;height:36px;padding:0 16px;border-radius:11px;font-weight:700;font-size:13px;color:var(--muted);transition:color .3s}.bn-seg button.on{color:var(--bn-on-strong)}.bn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.bn-card{--ta: var(--accent);position:relative;overflow:hidden;border-radius:26px;cursor:pointer;background:var(--bn-solid);border:1px solid var(--bn-tile-border);box-shadow:var(--shadow);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;animation:bnTile .55s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i, 0) * 40ms)}.bn-card:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--ta) 14%,transparent),transparent 60%)}.bn-card:hover{transform:translateY(-6px);box-shadow:0 2px 4px #0f172a0a,0 26px 50px #0f172a1f}.bn-card:hover:before{opacity:1}.bn-card-img{aspect-ratio:4 / 3;margin:10px;border-radius:20px;display:grid;place-items:center;padding:14px;background:radial-gradient(80% 70% at 50% 100%,color-mix(in srgb,var(--ta) 26%,var(--bn-solid)),color-mix(in srgb,var(--ta) 8%,var(--bn-solid)))}.bn-card-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(15,23,42,.2));transition:transform .5s cubic-bezier(.16,1,.3,1)}.bn-card:hover .bn-card-img img{transform:scale(1.08) translateY(-4px)}.bn-card-img .emblem svg{width:64px;height:64px;color:var(--ta);filter:none}.bn-card-wish{position:absolute;top:20px;inset-inline-end:20px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:var(--bn-tile);transition:color .2s,transform .2s}.bn-card-wish svg{width:16px;height:16px}.bn-card-wish:hover,.bn-card-wish.on{color:#ef4444;transform:scale(1.1)}.bn-card-flag{position:absolute;top:22px;inset-inline-start:22px;z-index:3;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;color:var(--bn-on-strong);background:var(--bn-strong)}.bn-card-body{padding:4px 18px 16px;display:flex;flex-direction:column;gap:6px}.bn-card-body>b{font-family:var(--font-display);font-size:16px;font-weight:800}.bn-card-body>small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.bn-card-body>small svg{width:14px;height:14px}.bn-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.bn-card-add{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--bn-on-strong);background:var(--bn-strong);transition:transform .3s cubic-bezier(.16,1,.3,1),background .2s}.bn-card-add svg{width:19px;height:19px}.bn-card-add:hover{transform:rotate(90deg) scale(1.08);background:var(--accent)}.bn-card-add.on{background:#22c55e}.bn-card-add.on:hover{transform:none}.bn-card.off{opacity:.55}.bn .price .now{color:var(--text)}.bn .price .now small{color:var(--muted)}.bn-palette-wrap{position:fixed;inset:0;z-index:60;display:flex;justify-content:center;align-items:flex-start;padding-top:14vh;background:#0f172a59;backdrop-filter:blur(6px);animation:bnIn .2s ease both}.bn-palette{width:min(640px,92vw);border-radius:24px;overflow:hidden;background:var(--bn-solid);box-shadow:0 40px 100px #0f172a59;animation:bnPop .3s cubic-bezier(.16,1,.3,1) both}.bn-palette-input{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.bn-palette-input svg{width:20px;height:20px;color:var(--muted)}.bn-palette-input input{flex:1;border:0;outline:none;font-size:17px;background:none;color:var(--text)}.bn-palette-list{max-height:50vh;overflow-y:auto;padding:8px}.bn-palette-list button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:13px;text-align:start;color:var(--text)}.bn-palette-list button svg{width:18px;height:18px;color:var(--muted)}.bn-palette-list button span{flex:1;font-weight:600}.bn-palette-list button small{color:var(--muted);font-size:12px}.bn-palette-list button.on{background:var(--bn-strong);color:var(--bn-on-strong)}.bn-palette-list button.on svg,.bn-palette-list button.on small{color:#ffffffb3}.bn-palette-empty{padding:30px;text-align:center;color:var(--muted)}.bn-palette-foot{display:flex;gap:16px;padding:10px 18px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);background:var(--surface2)}.bn-palette-foot kbd{margin-inline-end:3px}.bn .overlay{background:#0f172a59}.bn .modal{border-radius:28px;border-color:var(--bn-tile-border);box-shadow:0 40px 100px #0f172a40}.bn .drawer{margin:14px;border-radius:28px;border:0;box-shadow:0 30px 80px #0f172a40}.bn .btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--accent2)));border-radius:13px;clip-path:none}.bn .btn-ghost{border-radius:13px}.bn .toasts{top:90px}.bn .toast{border-radius:16px}@keyframes bnIn{0%{opacity:0}}@keyframes bnPop{0%{opacity:0;transform:scale(.96) translateY(-10px)}}@keyframes bnSide{0%{opacity:0;transform:translateY(-50%) translate(30px)}}@keyframes bnDown{0%{opacity:0;transform:translateY(-12px)}}@keyframes bnPage{0%{opacity:0;transform:translateY(14px)}}@keyframes bnTile{0%{opacity:0;transform:translateY(22px) scale(.97)}}@keyframes bnUp{0%{opacity:0;transform:translateY(16px)}}@keyframes bnArt{0%{opacity:0;transform:scale(.85) rotate(-4deg)}}@keyframes bnFloat{50%{transform:translateY(-10px)}}@keyframes bnDrift{to{transform:translate(60px,40px) scale(1.12)}}[dir=ltr] .bn-dock{animation-name:bnSideL}@keyframes bnSideL{0%{opacity:0;transform:translateY(-50%) translate(-30px)}}@media (max-width: 1400px){.bn-bento{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1000px){.bn-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bn-search span{display:none}.bn-search{flex:0 0 auto}}.st{--pa: var(--accent);--line: color-mix(in srgb, var(--text) 10%, transparent);--glass: color-mix(in srgb, var(--bg2) 78%, transparent);position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;color:var(--text);font-family:var(--font-body);background:radial-gradient(90% 70% at 70% -10%,color-mix(in srgb,var(--accent) 16%,var(--bg2)),var(--bg) 60%);animation:stFade .4s ease both}.st.still *,.st.still *:before,.st.still *:after{animation:none!important;transition:none!important}.st button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.st-top{display:flex;align-items:center;gap:14px;padding:14px 26px;border-bottom:1px solid var(--line);background:var(--glass);backdrop-filter:blur(18px);animation:stDown .45s cubic-bezier(.16,1,.3,1) both}.st-brand{display:flex;align-items:center;gap:10px;flex:none}.st-brand b{font-family:var(--font-display);font-size:18px;letter-spacing:.3px;white-space:nowrap}.st-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;overflow:hidden;color:var(--onAccent);background:linear-gradient(135deg,var(--accent),var(--accent2))}.st-logo img{width:100%;height:100%;object-fit:cover}.st-logo svg{width:20px;height:20px}.st-tabs{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:2px}.st-tabs::-webkit-scrollbar{display:none}.st-tabs button{position:relative;flex:none;display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px;transition:color .2s,background .2s}.st-tabs button svg{width:17px;height:17px}.st-tabs button:hover{color:var(--text);background:var(--line)}.st-tabs button.on{color:var(--text)}.st-tabs button.on:after{content:"";position:absolute;inset-inline:12px;bottom:-3px;height:3px;border-radius:3px;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:stGrow .3s ease both}.st-search{flex:0 1 260px;display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;border-radius:11px;background:var(--line);border:1px solid transparent;transition:border-color .2s,background .2s}.st-search:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--text) 6%,transparent)}.st-search svg{width:17px;height:17px;color:var(--muted);flex:none}.st-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:14px}.st-search button{display:grid;place-items:center;color:var(--muted)}.st-select{flex:none;height:40px;max-width:130px;padding:0 10px;border-radius:11px;color:var(--text);background:var(--line);border:1px solid var(--line);font:inherit;font-size:13px;outline:0}.st-select option{background:var(--bg2);color:var(--text)}.st-balance{flex:none;display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:11px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)!important}.st-balance svg{width:18px;height:18px;color:var(--accent)}.st-balance b{font-family:var(--font-display);font-size:16px}.st-balance small{color:var(--muted);font-size:12px}.st-icon{position:relative;flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--line);transition:background .2s,transform .2s}.st-icon:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--text) 16%,transparent)}.st-icon.accent{color:var(--onAccent);background:var(--accent)}.st-icon svg{width:19px;height:19px}.st-icon i{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:#ef4444}.st-sub{display:flex;gap:6px;padding:10px 26px;overflow-x:auto;scrollbar-width:none;animation:stDown .5s .05s cubic-bezier(.16,1,.3,1) both}.st-sub::-webkit-scrollbar{display:none}.st-sub button{flex:none;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;color:var(--muted);border:1px solid var(--line)!important;transition:all .2s}.st-sub button svg{width:15px;height:15px}.st-sub button:hover{color:var(--text);border-color:color-mix(in srgb,var(--text) 25%,transparent)!important}.st-sub button.on{color:var(--onAccent);background:var(--accent);border-color:var(--accent)!important}.st-sub button i{font-style:normal;font-size:10px;font-weight:700;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#ef4444}.st-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 26px 22px}.st-panel{flex:1;min-height:0;overflow-y:auto;padding:24px;border-radius:20px;background:var(--glass);border:1px solid var(--line);animation:stUp .4s cubic-bezier(.16,1,.3,1) both}.st-empty{display:grid;place-items:center;align-content:center;gap:12px;padding:60px 20px;color:var(--muted);text-align:center}.st-empty svg{width:48px;height:48px;opacity:.6}.st-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(330px,410px) 1fr;gap:18px}.st-list{min-height:0;display:flex;flex-direction:column;border-radius:20px;background:var(--glass);border:1px solid var(--line);overflow:hidden;animation:stSide .5s cubic-bezier(.16,1,.3,1) both}.st-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 12px}.st-list-head h2{margin:0;font-family:var(--font-display);font-size:22px;line-height:1.2}.st-list-head small{color:var(--muted);font-size:12px}.st-list-head select{height:34px;padding:0 10px;border-radius:9px;color:var(--text);background:var(--line);border:1px solid var(--line);font:inherit;font-size:13px;outline:0}.st-list-head select option{background:var(--bg2);color:var(--text)}.st-rows{flex:1;min-height:0;overflow-y:auto;padding:4px 10px 10px;display:flex;flex-direction:column;gap:4px}.st-row{position:relative;display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:13px;text-align:start;transition:background .2s,transform .25s cubic-bezier(.16,1,.3,1);animation:stUp .4s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i) * 25ms)}.st-row:before{content:"";position:absolute;inset-inline-start:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--pa);transform:scaleY(0);transition:transform .25s}.st-row:hover{background:var(--line)}.st-row.on{background:color-mix(in srgb,var(--pa) 15%,transparent);transform:translate(-4px)}[dir=ltr] .st-row.on{transform:translate(4px)}.st-row.on:before{transform:scaleY(1);box-shadow:0 0 12px var(--pa)}.st-row.off{opacity:.5}.st-row-n{flex:none;width:24px;font-family:var(--font-display);font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.st-row.on .st-row-n{color:var(--pa)}.st-row-img{flex:none;width:54px;height:54px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--text) 6%,transparent)}.st-row-img img{width:100%;height:100%;object-fit:cover}.st-row-img .emblem svg{width:24px;height:24px;color:var(--pa)}.st-row-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.st-row-txt b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-row-txt small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.st-row-txt em{font-style:normal;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:6px;color:var(--onAccent);background:var(--pa)}.st-row-in{flex:none;color:var(--accent)}.st-row-in svg{width:16px;height:16px}.st-keys{padding:9px 18px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted)}.st kbd{display:inline-block;min-width:20px;padding:1px 5px;margin:0 1px;border-radius:5px;font:inherit;font-size:11px;text-align:center;background:var(--line);border:1px solid var(--line)}.oc--studio{margin:0 12px 8px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);--oc-a: var(--accent);--oc-on: var(--onAccent)}.oc--studio .oc-head{margin-bottom:8px}.oc--studio .oc-head small,.oc--studio .oc-desc,.oc--studio .oc-meta>span:not(.oc-time){display:none}.oc--studio .oc-meta:not(:has(.oc-time)){display:none}.oc--studio .oc-ticket{box-shadow:none}.oc--studio .oc-value{flex-basis:70px;padding:6px 4px}.oc--studio .oc-value b{font-size:18px}.oc--studio .oc-value b.long{font-size:13px}.oc--studio .oc-body{padding:8px 10px;gap:6px}.oc--studio .oc-code{font-size:15px;padding:4px 8px}.oc--studio .oc-actions .oc-btn{padding:5px 10px;font-size:12px}.oc--studio .oc-promo{font-size:12px;padding:6px 10px}.st-stage{position:relative;min-height:0;overflow:hidden;border-radius:22px;display:grid;grid-template-rows:1fr auto;border:1px solid var(--line);background:radial-gradient(70% 60% at 50% 0%,color-mix(in srgb,var(--pa) 22%,transparent),transparent 70%),color-mix(in srgb,var(--bg) 80%,#000);animation:stUp .5s .05s cubic-bezier(.16,1,.3,1) both}.st-stage.empty{display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted)}.st-stage.empty svg{width:54px;height:54px;opacity:.5}.st-stage-bg{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(46px) saturate(1.4);opacity:.28;z-index:0;animation:stFade .6s ease both}.st-spot{position:absolute;z-index:0;top:-30%;left:50%;width:70%;height:110%;transform:translate(-50%);pointer-events:none;background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,color-mix(in srgb,var(--pa) 30%,transparent) 180deg,transparent 200deg);filter:blur(18px);opacity:.7}.st-big-n{position:absolute;z-index:0;top:10px;inset-inline-end:26px;font-family:var(--font-display);font-weight:800;font-size:clamp(110px,14vw,220px);line-height:1;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--text) 12%,transparent);user-select:none;font-variant-numeric:tabular-nums}.st-stage-art{position:relative;z-index:1;min-height:0;display:grid;place-items:center;padding:34px 40px 0;animation:stArt .6s cubic-bezier(.16,1,.3,1) both}.st-stage-art img{max-width:100%;max-height:100%;object-fit:contain;border-radius:16px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));animation:stFloat 6s ease-in-out .6s infinite}.st-stage-art .emblem{width:180px;height:180px;border-radius:40px;display:grid;place-items:center;color:var(--pa);background:color-mix(in srgb,var(--pa) 14%,transparent);border:1px solid color-mix(in srgb,var(--pa) 40%,transparent);box-shadow:0 0 80px color-mix(in srgb,var(--pa) 30%,transparent);animation:stFloat 6s ease-in-out infinite}.st-stage-art .emblem svg{width:84px;height:84px}.st-floor{position:absolute;z-index:0;left:15%;right:15%;bottom:210px;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);pointer-events:none}.st-info{position:relative;z-index:2;padding:20px 28px 24px;background:linear-gradient(to top,color-mix(in srgb,var(--bg) 92%,transparent) 55%,transparent);animation:stUp .45s .1s cubic-bezier(.16,1,.3,1) both}.st-info-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.st-count{font-family:var(--font-display);font-size:14px;color:var(--pa);font-variant-numeric:tabular-nums;margin-inline-end:4px}.st-count small{color:var(--muted)}.st-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--line)}.st-chip svg{width:13px;height:13px}.st-chip.gold{color:#1a1406;background:linear-gradient(135deg,#f3d98b,#c8a464)}.st-info h1{margin:0 0 6px;font-family:var(--font-display);font-size:clamp(26px,3vw,40px);line-height:1.15}.st-desc{margin:0 0 10px;max-width:70ch;color:var(--muted);font-size:14.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.st-facts{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px;font-size:13px;color:var(--muted)}.st-facts span{display:inline-flex;align-items:center;gap:6px}.st-facts svg{width:15px;height:15px;color:var(--pa)}.st-buy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid var(--line)}.st-price{font-size:18px}.st-btns{display:flex;flex-wrap:wrap;gap:8px}.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 18px;border-radius:12px;font-weight:700;font-size:14px;background:var(--line)!important;transition:transform .2s,filter .2s,background .2s}.st-btn svg{width:18px;height:18px}.st-btn:hover:not(:disabled){transform:translateY(-2px)}.st-btn:disabled{opacity:.45;cursor:not-allowed}.st-btn.strong{color:var(--onAccent)!important;background:var(--pa)!important;box-shadow:0 10px 26px color-mix(in srgb,var(--pa) 40%,transparent);padding:0 26px}.st-btn.strong:hover:not(:disabled){filter:brightness(1.08)}.st-btn.ghost{background:transparent!important;border:1px solid var(--line)!important}.st-btn.heart{width:44px;padding:0}.st-btn.heart.on{color:#ef4444;border-color:color-mix(in srgb,#ef4444 50%,transparent)!important}.st-btn.heart.on svg{fill:currentColor}.st-nav{position:absolute;z-index:3;top:18px;inset-inline-start:18px;display:flex;gap:6px}.st-nav button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line)!important;transition:background .2s}.st-nav button:hover{background:var(--pa);color:var(--onAccent)}.st-nav button svg{width:18px;height:18px;transform:rotate(90deg)}.st-nav button+button svg{transform:rotate(-90deg)}:root[data-scheme=light] .st-stage{background:radial-gradient(70% 60% at 50% 0%,color-mix(in srgb,var(--pa) 18%,transparent),transparent 70%),#f4f5f9}:root[data-scheme=light] .st-stage-art img{filter:drop-shadow(0 24px 30px rgba(15,23,42,.22))}:root[data-scheme=light] .st-floor{background:radial-gradient(closest-side,rgba(15,23,42,.18),transparent)}@media (max-width: 1250px){.st-search{flex-basis:180px}.st-tabs button span{display:none}.st-tabs button.on span{display:inline}}@media (max-width: 980px){.st-split{grid-template-columns:1fr;grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)}.st-brand b,.st-balance small{display:none}.st-big-n{font-size:110px}}@keyframes stFade{0%{opacity:0}}@keyframes stDown{0%{opacity:0;transform:translateY(-12px)}}@keyframes stUp{0%{opacity:0;transform:translateY(14px)}}@keyframes stSide{0%{opacity:0;transform:translate(24px)}}@keyframes stGrow{0%{transform:scaleX(0)}}@keyframes stArt{0%{opacity:0;transform:scale(.88) translateY(18px)}}@keyframes stFloat{50%{transform:translateY(-10px)}}.rx{--g: var(--accent);--g-hi: color-mix(in srgb, var(--accent) 50%, #fff);--g-lo: color-mix(in srgb, var(--accent) 55%, #000);--gold-text: linear-gradient(180deg, var(--g-hi) 0%, var(--g) 55%, var(--g-lo) 100%);--rx-ink: color-mix(in srgb, var(--bg) 70%, #000);--rx-panel: linear-gradient(160deg, color-mix(in srgb, var(--bg2) 92%, var(--g) 8%), color-mix(in srgb, var(--bg) 88%, #000));--rx-line: color-mix(in srgb, var(--g) 22%, transparent);--rx-line-hi: color-mix(in srgb, var(--g) 75%, transparent);--pa: var(--g);position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;color:var(--text);font-family:var(--font-body);background:var(--rx-ink);animation:rxFade .5s ease both}:root[data-scheme=light] .rx{--bg: #07080a;--bg2: #121418;--surface: #15171c;--surface2: #1b1e24;--border: rgba(255, 255, 255, .08);--text: #f3eee3;--muted: #a39b8a}.rx.still *,.rx.still *:before,.rx.still *:after{animation:none!important;transition:none!important}.rx button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.rx-bg-pattern{position:absolute;inset:0;z-index:-3;opacity:.5;pointer-events:none;background:repeating-linear-gradient(45deg,transparent 0 38px,color-mix(in srgb,var(--g) 5%,transparent) 38px 39px),repeating-linear-gradient(-45deg,transparent 0 38px,color-mix(in srgb,var(--g) 5%,transparent) 38px 39px);-webkit-mask-image:radial-gradient(80% 70% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(80% 70% at 50% 0%,#000,transparent 75%)}.rx-bg-glow{position:absolute;z-index:-2;inset:-20% -10% auto;height:80%;pointer-events:none;background:radial-gradient(50% 50% at 50% 0%,color-mix(in srgb,var(--g) 22%,transparent),transparent 70%)}.rx-sweep{position:absolute;z-index:-1;top:-50%;bottom:-50%;width:30%;left:-40%;pointer-events:none;transform:rotate(18deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--g) 7%,transparent),transparent);animation:rxSweep 14s ease-in-out infinite}.rx-ch{--c: 12px;--edge: var(--rx-line);position:relative;clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}.rx-ch:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-sizing:border-box;border:1px solid var(--edge);clip-path:inherit;background-origin:border-box;transition:border-color .3s;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--edge) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)) top left / var(--c) var(--c) no-repeat,linear-gradient(to bottom right,transparent calc(50% - 1px),var(--edge) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)) bottom right / var(--c) var(--c) no-repeat}.rx-top{position:relative;display:flex;align-items:center;gap:22px;padding:14px 30px;animation:rxDown .55s cubic-bezier(.16,1,.3,1) both;background:linear-gradient(180deg,color-mix(in srgb,var(--rx-ink) 85%,transparent),color-mix(in srgb,var(--rx-ink) 40%,transparent));backdrop-filter:blur(14px)}.rx-top:after{content:"";position:absolute;inset-inline:30px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--rx-line-hi),transparent)}.rx-crest{display:flex;align-items:center;gap:12px;flex:none;text-align:start}.rx-crest-mark{position:relative;width:46px;height:46px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid var(--rx-line-hi);background:radial-gradient(circle,color-mix(in srgb,var(--g) 30%,transparent),transparent 70%);box-shadow:0 0 22px color-mix(in srgb,var(--g) 30%,transparent),inset 0 0 12px color-mix(in srgb,var(--g) 25%,transparent)}.rx-crest-mark>*{transform:rotate(-45deg)}.rx-crest-mark img{width:40px;height:40px;object-fit:contain}.rx-crest-mark svg{width:22px;height:22px;color:var(--g)}.rx-crest-txt{display:flex;flex-direction:column;line-height:1.2}.rx-crest-txt b{font-family:var(--font-display);font-size:19px;letter-spacing:.5px;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.rx-crest-txt small{font-size:12px;color:var(--muted);white-space:nowrap}.rx-nav{flex:1;min-width:0;display:flex;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none}.rx-nav::-webkit-scrollbar{display:none}.rx-nav button{position:relative;flex:none;padding:10px 14px 12px;font-size:14.5px;font-weight:600;color:var(--muted);transition:color .25s}.rx-nav button:hover{color:var(--text)}.rx-nav button:after{content:"";position:absolute;bottom:2px;left:50%;width:7px;height:7px;background:var(--g);transform:translate(-50%) rotate(45deg) scale(0);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px var(--g)}.rx-nav button:before{content:"";position:absolute;bottom:5px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,var(--g),transparent);opacity:0;transition:opacity .3s}.rx-nav button.on{color:var(--g-hi)}.rx-nav button.on:after{transform:translate(-50%) rotate(45deg) scale(1)}.rx-nav button.on:before{opacity:1}.rx-actions{flex:none;display:flex;align-items:center;gap:8px}.rx-search{display:flex;align-items:center;height:40px;border:1px solid transparent;transition:all .3s}.rx-search.open{border-color:var(--rx-line-hi);background:color-mix(in srgb,var(--g) 6%,transparent)}.rx-search>button{width:40px;height:38px;display:grid;place-items:center;color:var(--muted)}.rx-search>button:hover{color:var(--g)}.rx-search svg{width:18px;height:18px}.rx-search input{width:190px;height:38px;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:14px;padding-inline-end:10px;animation:rxWiden .3s ease both}.rx-select{height:40px;max-width:130px;padding:0 10px;color:var(--text);font:inherit;font-size:13px;outline:0;cursor:pointer;background:color-mix(in srgb,var(--g) 6%,transparent);border:1px solid var(--rx-line)}.rx-select:hover{border-color:var(--rx-line-hi)}.rx-select option{background:var(--bg2);color:var(--text)}.rx-balance{--c: 10px;display:flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--g) 18%,transparent),color-mix(in srgb,var(--g) 5%,transparent));--edge: var(--rx-line-hi)}.rx-coin{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:var(--rx-ink);background:var(--gold-text);box-shadow:0 0 12px color-mix(in srgb,var(--g) 50%,transparent)}.rx-coin svg{width:15px;height:15px}.rx-balance b{font-family:var(--font-display);font-size:17px;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.rx-balance small{font-size:12px;color:var(--muted)}.rx-icon{--c: 9px;position:relative;width:42px;height:42px;display:grid;place-items:center;background:color-mix(in srgb,var(--text) 4%,transparent);transition:background .25s,color .25s}.rx-icon:hover{--edge: var(--rx-line-hi);color:var(--g-hi);background:color-mix(in srgb,var(--g) 10%,transparent)}.rx-icon.gold{color:var(--rx-ink);background:var(--gold-text);--edge: transparent}.rx-icon.gold:hover{color:var(--rx-ink);filter:brightness(1.1)}.rx-icon svg{width:19px;height:19px}.rx-icon i{position:absolute;top:4px;inset-inline-end:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800;color:var(--rx-ink);background:var(--g)}.rx-sub{display:flex;justify-content:center;gap:4px;padding:8px 30px;overflow-x:auto;scrollbar-width:none;animation:rxDown .6s .06s cubic-bezier(.16,1,.3,1) both}.rx-sub::-webkit-scrollbar{display:none}.rx-sub button{flex:none;display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;color:var(--muted);transition:color .2s;position:relative}.rx-sub button+button:before{content:"◆";position:absolute;inset-inline-start:-5px;font-size:6px;color:var(--rx-line-hi)}.rx-sub button svg{width:15px;height:15px}.rx-sub button:hover{color:var(--text)}.rx-sub button.on{color:var(--g-hi)}.rx-sub button.on svg{color:var(--g);filter:drop-shadow(0 0 6px var(--g))}.rx-sub button i{font-style:normal;font-size:10px;font-weight:800;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:grid;place-items:center;color:var(--rx-ink);background:var(--g)}.rx-main{flex:1;min-height:0;overflow-y:auto;padding:8px 30px 40px;scrollbar-width:thin;scrollbar-color:var(--rx-line-hi) transparent}.rx-main::-webkit-scrollbar{width:6px}.rx-main::-webkit-scrollbar-thumb{background:var(--rx-line-hi)}.rx-page{max-width:1680px;margin:0 auto;animation:rxUp .5s cubic-bezier(.16,1,.3,1) both}.rx-panel{--c: 20px;padding:28px;background:var(--rx-panel)}.rx-empty{display:grid;place-items:center;align-content:center;gap:14px;padding:80px 20px;color:var(--muted);text-align:center}.rx-empty svg{width:50px;height:50px;color:var(--g);opacity:.6}.rx-orn{display:inline-flex;align-items:center;gap:10px;color:var(--g);font-size:12.5px;font-weight:700;letter-spacing:1.5px}.rx-orn i{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--g))}.rx-orn i:last-child{background:linear-gradient(90deg,var(--g),transparent)}.rx-orn b{font-size:8px}.rx-sec{margin-top:34px;animation:rxUp .5s cubic-bezier(.16,1,.3,1) both}.rx-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.rx-sec-head h2{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--font-display);font-size:23px}.rx-sec-head small{display:block;margin-top:3px;padding-inline-start:24px;color:var(--muted);font-size:13px}.rx-dia{width:11px;height:11px;transform:rotate(45deg);background:var(--gold-text);box-shadow:0 0 12px var(--g);flex:none}.rx-more{display:inline-flex;align-items:center;gap:6px;padding:6px 4px;color:var(--g);font-size:13.5px;font-weight:600}.rx-more svg{width:15px;height:15px;transition:transform .25s}.rx-more:hover svg{transform:translate(-4px)}[dir=ltr] .rx-more svg{transform:rotate(180deg)}.rx-hero{--c: 26px;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:20px;min-height:min(60vh,560px);padding:44px 54px 92px;overflow:hidden;background:radial-gradient(60% 80% at 25% 40%,color-mix(in srgb,var(--pa) 20%,transparent),transparent 70%),var(--rx-panel)}.rx-hero-bg{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(30px) saturate(1.3) brightness(.6);opacity:.45;animation:rxBg .9s ease both}.rx-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,color-mix(in srgb,var(--rx-ink) 85%,transparent));pointer-events:none}[dir=ltr] .rx-hero-shade{background:linear-gradient(270deg,transparent 30%,color-mix(in srgb,var(--rx-ink) 85%,transparent))}.rx-hero-txt{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.rx-hero-txt>*{animation:rxUp .6s cubic-bezier(.16,1,.3,1) both}.rx-hero-txt>*:nth-child(2){animation-delay:.06s}.rx-hero-txt>*:nth-child(3){animation-delay:.12s}.rx-hero-txt>*:nth-child(4){animation-delay:.18s}.rx-hero-txt>*:nth-child(5){animation-delay:.24s}.rx-hero-txt h1{margin:0;font-family:var(--font-display);font-size:clamp(34px,4.2vw,62px);line-height:1.08;letter-spacing:.3px;background:linear-gradient(180deg,#fff 10%,var(--g-hi) 55%,var(--g) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px color-mix(in srgb,var(--g) 25%,transparent))}.rx-hero-txt p{margin:0;max-width:56ch;color:color-mix(in srgb,var(--text) 78%,transparent);font-size:15.5px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rx-hero-facts{display:flex;flex-wrap:wrap;gap:16px;font-size:13.5px;color:var(--muted)}.rx-hero-facts span{display:inline-flex;align-items:center;gap:6px}.rx-hero-facts svg{width:16px;height:16px;color:var(--g)}.rx-hero-buy{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}.rx-hero-price{font-size:20px;margin-inline-end:8px}.rx-hero-art{position:relative;z-index:1;height:100%;min-height:300px;display:grid;place-items:center;animation:rxArt .8s cubic-bezier(.16,1,.3,1) both}.rx-halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pa) 45%,transparent),transparent 65%);filter:blur(20px);animation:rxPulse 5s ease-in-out infinite}.rx-ring{position:absolute;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--pa) 35%,transparent)}.rx-ring.r1{width:78%;border-style:dashed;animation:rxSpin 60s linear infinite}.rx-ring.r2{width:92%;border-color:color-mix(in srgb,var(--pa) 15%,transparent);animation:rxSpin 90s linear infinite reverse}.rx-ring.r2:before{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;background:var(--pa);transform:rotate(45deg);box-shadow:0 0 14px var(--pa)}.rx-hero-frame{--c: 22px;--edge: var(--rx-line-hi);position:relative;width:min(100%,520px);aspect-ratio:4 / 3;display:grid;place-items:center;cursor:pointer;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--pa) 18%,transparent),color-mix(in srgb,var(--rx-ink) 70%,transparent));box-shadow:0 40px 80px #0009;transition:transform .5s cubic-bezier(.16,1,.3,1)}.rx-hero-frame:hover{transform:scale(1.03)}.rx-hero-frame img{width:100%;height:100%;object-fit:cover;animation:rxFloat 7s ease-in-out infinite}.rx-hero-frame .emblem svg{width:110px;height:110px;color:var(--pa);filter:drop-shadow(0 0 30px var(--pa))}.rx-thumbs{position:absolute;z-index:3;bottom:22px;inset-inline-start:54px;display:flex;gap:10px}.rx-thumb{--c: 8px;width:74px;height:50px;overflow:hidden;opacity:.55;transition:opacity .25s,transform .25s;background:var(--rx-ink)}.rx-thumb img{width:100%;height:100%;object-fit:cover}.rx-thumb .emblem{display:grid;place-items:center;height:100%}.rx-thumb .emblem svg{width:20px;height:20px;color:var(--g)}.rx-thumb:hover{opacity:.85;transform:translateY(-2px)}.rx-thumb.on{opacity:1;--edge: var(--g)}.rx-prog{position:absolute;z-index:5;inset-inline-start:0;bottom:0;height:3px;width:100%;background:var(--g);transform-origin:left;animation:rxProg linear both}[dir=rtl] .rx-prog{transform-origin:right}.rx-btn{--c: 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 26px;font-weight:700;font-size:15px;background:color-mix(in srgb,var(--text) 5%,transparent)!important;--edge: var(--rx-line-hi);transition:transform .25s,filter .25s,background .25s}.rx-btn svg{width:18px;height:18px}.rx-btn:hover:not(:disabled){transform:translateY(-2px);background:color-mix(in srgb,var(--g) 12%,transparent)!important}.rx-btn:disabled{opacity:.45;cursor:not-allowed}.rx-btn.gold{color:var(--rx-ink)!important;background:var(--gold-text)!important;--edge: transparent;box-shadow:0 0 30px color-mix(in srgb,var(--g) 35%,transparent);padding:0 32px}.rx-btn.gold:hover:not(:disabled){filter:brightness(1.12);background:var(--gold-text)!important}.rx-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.rx-cat{--c: 16px;position:relative;height:150px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:16px 18px;text-align:start;background:var(--rx-panel);transition:transform .35s cubic-bezier(.16,1,.3,1);animation:rxUp .5s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i) * 50ms)}.rx-cat-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s}.rx-cat-shade{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--rx-ink) 95%,transparent) 15%,transparent 80%)}.rx-cat-ico{position:absolute;top:16px;inset-inline-end:18px;width:34px;height:34px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid var(--rx-line-hi);background:color-mix(in srgb,var(--rx-ink) 60%,transparent);transition:background .3s}.rx-cat-ico svg{width:16px;height:16px;transform:rotate(-45deg);color:var(--g)}.rx-cat-txt{position:relative;display:flex;flex-direction:column}.rx-cat-txt b{font-family:var(--font-display);font-size:19px}.rx-cat-txt small{color:var(--muted);font-size:12.5px}.rx-cat:hover{transform:translateY(-4px);--edge: var(--g)}.rx-cat:hover .rx-cat-img{transform:scale(1.08);opacity:.7}.rx-cat:hover .rx-cat-ico{background:var(--g)}.rx-cat:hover .rx-cat-ico svg{color:var(--rx-ink)}.rx-shine{position:absolute;z-index:3;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;transform:skew(-20deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--g-hi) 22%,transparent),transparent);opacity:0}.rx-cat:hover .rx-shine,.rx-card:hover .rx-shine{animation:rxShine .9s ease}.rx-card{--c: 14px;position:relative;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;background:var(--rx-panel);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;animation:rxUp .45s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i) * 35ms)}.rx-card:hover{transform:translateY(-6px);--edge: var(--pa);box-shadow:0 24px 50px #00000080}.rx-card.off{opacity:.55}.rx-card-art{position:relative;aspect-ratio:16 / 10;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--rx-ink) 60%,transparent)}.rx-card-glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pa) 35%,transparent),transparent 65%);opacity:.6;transition:opacity .4s}.rx-card:hover .rx-card-glow{opacity:1}.rx-card-art img{position:relative;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.rx-card:hover .rx-card-art img{transform:scale(1.07)}.rx-card-art .emblem{position:relative}.rx-card-art .emblem svg{width:54px;height:54px;color:var(--pa);filter:drop-shadow(0 0 16px var(--pa))}.rx-card-art:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--rx-line-hi),transparent)}.rx-ribbon{position:absolute;z-index:5;top:12px;inset-inline-start:0;padding:4px 14px 4px 12px;font-size:11.5px;font-weight:800;color:var(--rx-ink);background:var(--gold-text);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)}[dir=rtl] .rx-ribbon{padding:4px 12px 4px 14px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%)}.rx-wish{position:absolute;z-index:5;top:10px;inset-inline-end:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:color-mix(in srgb,var(--rx-ink) 70%,transparent);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s,color .25s}.rx-wish svg{width:16px;height:16px}.rx-card:hover .rx-wish,.rx-wish.on{opacity:1}.rx-wish.on{color:#ef4444}.rx-wish.on svg{fill:currentColor}.rx-card-body{display:flex;flex-direction:column;gap:4px;padding:12px 16px 14px;flex:1}.rx-card-body>b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rx-card-body>small{display:flex;align-items:center;gap:5px;min-height:18px;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rx-card-body>small svg{width:13px;height:13px;color:var(--g);flex:none}.rx-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.rx-card-foot .price,.rx-card-foot .now{color:var(--g-hi)}.rx-add{width:34px;height:34px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid var(--rx-line-hi);transition:background .25s,transform .3s}.rx-add svg{width:15px;height:15px;transform:rotate(-45deg);color:var(--g)}.rx-add:hover,.rx-add.on{background:var(--g)}.rx-add:hover svg,.rx-add.on svg{color:var(--rx-ink)}.rx-add:hover{transform:rotate(45deg) scale(1.1)}.rx-shelf-wrap{position:relative}.rx-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--rx-line) transparent}.rx-shelf>*{scroll-snap-align:start}.rx-shelf::-webkit-scrollbar{height:4px}.rx-shelf::-webkit-scrollbar-thumb{background:var(--rx-line)}.rx-shelf-arrow{position:absolute;z-index:6;top:calc(50% - 30px);width:40px;height:40px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid var(--rx-line-hi)!important;background:color-mix(in srgb,var(--rx-ink) 85%,transparent)!important;backdrop-filter:blur(8px);opacity:0;transition:opacity .25s,background .25s}.rx-shelf-arrow svg{width:18px;height:18px;color:var(--g);transform:rotate(-45deg)}.rx-shelf-arrow.prev{inset-inline-start:-14px}.rx-shelf-arrow.next{inset-inline-end:-14px}[dir=rtl] .rx-shelf-arrow.prev svg{transform:rotate(-45deg) scaleX(-1)}[dir=ltr] .rx-shelf-arrow.next svg{transform:rotate(-45deg) scaleX(-1)}.rx-shelf-wrap:hover .rx-shelf-arrow{opacity:1}.rx-shelf-arrow:hover{background:var(--g)!important}.rx-shelf-arrow:hover svg{color:var(--rx-ink)}.rx-banner{--c: 22px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;min-height:170px;padding:26px 32px;overflow:hidden;background:var(--rx-panel);margin-bottom:20px}.rx-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;filter:saturate(1.2)}.rx-banner-shade{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--rx-ink) 92%,transparent),transparent),radial-gradient(60% 100% at 80% 0%,color-mix(in srgb,var(--g) 18%,transparent),transparent)}.rx-banner-txt{position:relative;display:flex;flex-direction:column;gap:6px}.rx-banner-txt h1{margin:0;font-family:var(--font-display);font-size:clamp(30px,3.4vw,46px);background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent}.rx-sorts{position:relative;display:flex;gap:4px;padding:4px;border:1px solid var(--rx-line);background:color-mix(in srgb,var(--rx-ink) 60%,transparent);backdrop-filter:blur(8px)}.rx-sorts button{padding:7px 14px;font-size:13px;color:var(--muted);transition:all .25s}.rx-sorts button:hover{color:var(--text)}.rx-sorts button.on{color:var(--rx-ink);background:var(--gold-text);font-weight:700}.rx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.oc--royal{margin-top:26px;padding:18px;background:var(--rx-panel, var(--oc-card));border-top:1px solid var(--rx-line, var(--oc-line));border-bottom:1px solid var(--rx-line, var(--oc-line));--oc-a: var(--accent);--oc-on: var(--rx-ink, #000)}.oc--royal .oc-ticket{border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:none}.oc--royal .oc-value{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 55%,#fff),var(--accent),color-mix(in srgb,var(--accent) 60%,#000))}.oc--royal .oc-btn.strong{background:var(--accent)}@media (max-width: 1300px){.rx-nav{justify-content:flex-start}.rx-crest-txt small{display:none}}@media (max-width: 1100px){.rx-hero{grid-template-columns:1fr;padding:30px 30px 90px}.rx-hero-art{display:none}.rx-thumbs{inset-inline-start:30px}.rx-crest-txt{display:none}.rx-search input{width:130px}}@keyframes rxFade{0%{opacity:0}}@keyframes rxDown{0%{opacity:0;transform:translateY(-14px)}}@keyframes rxUp{0%{opacity:0;transform:translateY(18px)}}@keyframes rxArt{0%{opacity:0;transform:scale(.9) translateY(20px)}}@keyframes rxBg{0%{opacity:0;transform:scale(1.08)}}@keyframes rxFloat{50%{transform:translateY(-8px) scale(1.02)}}@keyframes rxPulse{50%{transform:scale(1.12);opacity:.75}}@keyframes rxSpin{to{transform:rotate(360deg)}}@keyframes rxProg{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rxShine{0%{left:-60%;opacity:1}to{left:130%;opacity:1}}@keyframes rxSweep{0%,to{left:-40%}50%{left:110%}}@keyframes rxWiden{0%{width:0;opacity:0}}body.web{background:radial-gradient(120% 90% at 80% 0%,color-mix(in srgb,var(--accent, #c8a464) 12%,#0b0d12),#07080b 70%) fixed;min-height:100vh}.wg{position:fixed;inset:0;display:grid;place-items:center;padding:16px;direction:rtl;overflow:hidden;background:radial-gradient(120% 90% at 80% 0%,color-mix(in srgb,var(--accent, #c8a464) 18%,#0b0d12),#07080b 70%);font-family:var(--font-body, "Tajawal", sans-serif);color:var(--text, #f2ead8)}.wg-bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;animation:wg-float 14s ease-in-out infinite}.wg-bg i:nth-child(1){width:420px;height:420px;background:var(--accent, #c8a464);top:-120px;right:-80px}.wg-bg i:nth-child(2){width:320px;height:320px;background:#3b4cff;bottom:-100px;left:-60px;animation-delay:-5s;opacity:.18}.wg-bg i:nth-child(3){width:220px;height:220px;background:var(--accent2, #f0d79a);top:40%;left:30%;animation-delay:-9s;opacity:.12}@keyframes wg-float{0%,to{transform:translate(0)}50%{transform:translate(30px,-25px)}}.wg-card{position:relative;width:min(440px,100%);padding:34px 28px 26px;text-align:center;border-radius:24px;background:#0e1016b8;backdrop-filter:blur(22px);border:1px solid color-mix(in srgb,var(--accent, #c8a464) 30%,transparent);box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0d;animation:wg-in .5s cubic-bezier(.2,.8,.2,1) both}@keyframes wg-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.wg-logo{width:74px;height:74px;margin:0 auto 14px;display:grid;place-items:center;border-radius:20px;color:var(--onAccent, #14110a);background:linear-gradient(135deg,var(--accent2, #f0d79a),var(--accent, #c8a464));box-shadow:0 10px 30px color-mix(in srgb,var(--accent, #c8a464) 40%,transparent)}.wg-logo svg{width:36px;height:36px}.wg-logo img{width:100%;height:100%;object-fit:cover;border-radius:20px}.wg h1{margin:0;font-family:var(--font-display, "Chakra Petch", "Tajawal", sans-serif);font-size:26px}.wg-sub{margin:6px 0 18px;color:var(--muted, #9a917f);font-size:14px}.wg-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px;text-align:right}.wg-steps li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#ffffff0a;font-size:14px}.wg-steps b{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:13px;color:var(--onAccent, #14110a);background:var(--accent, #c8a464)}.wg-steps code{padding:2px 8px;border-radius:6px;background:#0006;color:var(--accent2, #f0d79a);font-family:Consolas,monospace;font-weight:700}.wg-code{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.wg-code input{width:48px;height:58px;text-align:center;font-size:26px;font-weight:800;font-family:Consolas,monospace;color:var(--text, #f2ead8);border-radius:12px;border:1.5px solid rgba(255,255,255,.12);background:#00000059;outline:none;transition:border-color .15s,box-shadow .15s}.wg-code input:focus{border-color:var(--accent, #c8a464);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent, #c8a464) 22%,transparent)}.wg-err{margin:4px 0 10px;padding:8px 12px;border-radius:10px;font-size:13px;color:#ffb4ae;background:#e0605a24;border:1px solid rgba(224,96,90,.35)}.wg-btn{width:100%;padding:12px;border:0;border-radius:12px;cursor:pointer;font-weight:800;font-size:16px;color:var(--onAccent, #14110a);background:linear-gradient(135deg,var(--accent2, #f0d79a),var(--accent, #c8a464));transition:filter .2s,transform .15s;font-family:inherit}.wg-btn:disabled{opacity:.5;cursor:default}.wg-btn:not(:disabled):hover{filter:brightness(1.08)}.wg-btn.loading{opacity:.7}.wg-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;font-size:12px;color:var(--muted, #9a917f)}.wg-note svg{width:14px;height:14px;flex:none}.wb{position:fixed;bottom:14px;left:14px;z-index:300;display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#0a0c10d1;backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--accent, #c8a464) 30%,transparent);box-shadow:0 10px 30px #00000073;font-family:var(--font-body, "Tajawal", sans-serif)}.wb-name{display:flex;align-items:center;gap:6px;padding:0 10px;font-size:13px;color:var(--text, #f2ead8);font-weight:700}.wb svg{width:15px;height:15px}.wb button{display:flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:999px;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;color:var(--onAccent, #14110a);background:linear-gradient(135deg,var(--accent2, #f0d79a),var(--accent, #c8a464))}.wb button.wb-out{color:var(--text, #f2ead8);background:#ffffff14}@media (max-width: 600px){.wg-code input{width:40px;height:50px;font-size:22px}.wb-name{display:none}}.wg-discord{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px;border-radius:12px;text-decoration:none;font-weight:800;font-size:16px;color:#fff;background:#5865f2;box-shadow:0 8px 24px #5865f259;transition:filter .2s,transform .15s}.wg-discord:hover{filter:brightness(1.1);transform:translateY(-1px)}.wg-discord svg{width:24px;height:24px}.wg-or{display:flex;align-items:center;gap:10px;margin:16px 0 14px;color:var(--muted, #9a917f);font-size:12px}.wg-or:before,.wg-or:after{content:"";flex:1;height:1px;background:#ffffff1a}body.web *,body.web *:before,body.web *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.web .scene .orb,body.web .scene .shape,body.web .scene .beam,body.web .scene .grain,body.web .scene .dots{display:none!important}body.web .scene-img{inset:0;filter:none;opacity:.1}body.web .nebula{background:transparent}body.web .hero2-bg img{filter:none;opacity:.18;transform:none}body.web .hero2:after,body.web .hero2-art .orbit,body.web .hero2-art .halo{display:none}body.web .dock-wallet:before,body.web .dock-mark,body.web .dock-mark svg,body.web .hero2 .eyebrow svg,body.web .dock-btn .dot.pulse,body.web .oc-ticket:after,body.web .oc-badge,body.web .oc-promo>svg{animation:none!important}body.web .oc-ticket:after{display:none}body.web .dock{background:color-mix(in srgb,var(--bg2) 94%,transparent)!important}body.web .modal,body.web .drawer{background-color:var(--bg2)!important}body.web .rail{background:color-mix(in srgb,var(--bg2) 85%,transparent)}@media (max-width: 760px){body.web .shell{width:100vw!important;height:100dvh!important;padding:8px 8px 0!important;gap:8px;border-radius:0!important;border:0!important;box-shadow:none!important;justify-self:stretch!important;animation:none!important;background:transparent!important}body.web .nebula{place-items:stretch!important}body.web .dock{flex-wrap:wrap;gap:8px;padding:8px;border-radius:16px;animation:none}body.web .dock-name small,body.web .dock-select{display:none}body.web .dock-brand{gap:8px;padding-inline-end:0}body.web .dock-brand img,body.web .dock-mark{height:34px;width:34px;border-radius:10px}body.web .dock-name b{font-size:15px}body.web .dock-search,body.web .dock-search.open{order:3;flex:1 1 100%;height:40px}body.web .dock-end{gap:6px;flex-wrap:wrap}body.web .dock-btn{width:36px;height:36px}body.web .dock-btn svg{width:17px;height:17px}body.web .dock-wallet{height:40px;gap:6px}body.web .dock-wallet .v small{display:none}body.web .dock-wallet .coin{width:28px;height:28px}body.web .rail{animation:none;padding:4px}body.web .rail-pill{height:34px;padding:0 12px;font-size:13px}body.web .shell .main{padding:4px 2px 70px}body.web .hero2{grid-template-columns:1fr!important;padding:18px!important;min-height:0!important}body.web .hero2-art{min-height:150px!important;order:-1}body.web .hero2-art img{max-height:150px!important}body.web .hero2 h1{font-size:24px!important}body.web .hero2 p{font-size:13px}body.web .hero2-dots{inset-inline-start:18px;bottom:10px}body.web .cat-tiles,body.web .shell .grid,body.web .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body.web .shell .row,body.web .row{grid-auto-columns:46vw!important;gap:10px!important}body.web .row-nav{display:none}body.web .le-card,body.web .pd,body.web .bp-hero{grid-template-columns:1fr!important}body.web .shell .section-head h2{font-size:17px}body.web .modal,body.web .modal.sheet{width:100vw!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important}body.web .drawer{width:100vw!important;max-width:100vw!important;inset-inline-end:0!important;border-radius:0!important}body.web .oc-ticket{flex:0 0 86vw;width:86vw}body.web .oc-value{flex-basis:88px}body.web .oc-value b{font-size:24px}body.web .oc-code{font-size:17px;letter-spacing:2px}body.web .wb{bottom:8px;left:8px}body.web .toasts{left:8px;right:8px}}@media (max-width: 760px){body.web .stage:has(.app.admin){place-items:stretch;background:transparent}body.web .app.admin{width:100vw!important;height:100dvh!important;max-width:100vw;border:0!important;border-radius:0!important;grid-template-columns:1fr!important;grid-template-rows:auto auto 1fr!important;clip-path:none!important}body.web .app.admin .top{padding:10px 12px;gap:8px}body.web .app.admin .top .sub{display:none}body.web .app.admin .top .title{font-size:15px}body.web .app.admin .top .mark{width:32px;height:32px;font-size:12px}body.web .app.admin .top .btn{padding:6px 10px;font-size:12px}body.web .app.admin .nav{display:flex!important;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:6px;padding:8px;border-inline-end:0;border-bottom:1px solid var(--border);scrollbar-width:none;min-height:auto}body.web .app.admin .nav::-webkit-scrollbar{display:none}body.web .app.admin .nav button{flex:none;white-space:nowrap;padding:8px 12px;font-size:12px;border-radius:999px;background:var(--surface)}body.web .app.admin .nav button.on{background:color-mix(in srgb,var(--accent) 30%,var(--surface))}body.web .app.admin .nav button.on:before{display:none}body.web .app.admin .nav button svg{width:15px;height:15px}body.web .app.admin .main{padding:12px 10px 90px}body.web .app.admin .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.web .app.admin .stat{padding:10px}body.web .app.admin .panels{grid-template-columns:1fr!important}body.web .app.admin .toolbar{gap:6px}body.web .app.admin .toolbar>*{flex:1 1 auto;min-width:0}body.web .app.admin .tbl{display:block;overflow-x:auto;white-space:nowrap;font-size:12px}body.web .app.admin .tbl th,body.web .app.admin .tbl td{padding:8px}body.web .form-grid{grid-template-columns:1fr!important}body.web .app.admin input,body.web .app.admin select,body.web .app.admin textarea{font-size:16px!important}body.web .modal,body.web .modal.sm{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;border-radius:0!important;padding:14px!important;overflow-y:auto;clip-path:none!important}body.web .modal-foot{position:sticky;bottom:-14px;margin:12px -14px -14px;padding:10px 14px;background:var(--bg2);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;z-index:2}body.web .rowcard{flex-wrap:wrap}body.web .app.admin .prod-cell{min-width:170px;max-width:220px}body.web .app.admin .prod-cell b{white-space:normal;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}body.web .theme-tile{min-width:0}}:root{--bg: #0a0d11;--bg2: #12161c;--surface: #141920;--surface2: #1b212a;--border: #2a313b;--text: #f2ead8;--muted: #9a917f;--accent: #c8a464;--accent2: #f0d79a;--onAccent: #14110a;--ok: #5fc48a;--warn: #e7b45a;--bad: #e0605a;--radius: 2px;--font-display: "Chakra Petch", "Tajawal", sans-serif;--font-body: "Tajawal", sans-serif;--gap: 16px;--ease: cubic-bezier(.2, .8, .2, 1);--dur: .22s}:root[data-motion=snappy]{--dur: .14s;--ease: cubic-bezier(.3, 1.4, .5, 1)}:root[data-motion=float]{--dur: .38s;--ease: cubic-bezier(.16, 1, .3, 1)}:root[data-motion=none]{--dur: 0ms}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--text);background:transparent;overflow:hidden;-webkit-font-smoothing:antialiased;user-select:none;font-size:14px}body.preview{background:#1a1d22 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><rect width="40" height="40" fill="%2316191d"/><path d="M0 40L40 0" stroke="%231d2127"/></svg>')}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:8px}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage{position:fixed;inset:0;display:grid;place-items:center}.stage.dim{background:#0000008c;animation:fade var(--dur) var(--ease)}.app{position:relative;display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;background:var(--bg);border:1px solid var(--border);overflow:hidden;isolation:isolate;animation:rise var(--dur) var(--ease);box-shadow:0 30px 80px #0000008c,0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.app[data-layout=fullscreen]{width:100vw;height:100vh;border:0}.app[data-layout=wide]{width:min(1680px,96vw);height:min(860px,88vh)}.app[data-layout=compact]{width:min(1100px,92vw);height:min(720px,86vh);grid-template-columns:200px 1fr}.app[data-layout=sidebar]{width:min(560px,96vw);height:100vh;justify-self:start;grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.app[data-layout=minimal]{width:min(980px,92vw);height:min(680px,86vh);grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.app[data-layout=immersive]{width:100vw;height:100vh;border:0;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;background:transparent}.app[data-layout=immersive]:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.25),var(--bg) 70%)}.stage:has(.app[data-layout=sidebar]){place-items:stretch start}:root[data-card=chamfer] .app:not([data-layout=fullscreen]):not([data-layout=immersive]){clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}:root[data-card=rounded] .app,:root[data-card=glass] .app,:root[data-card=flat] .app{border-radius:calc(var(--radius) * 1.4)}:root[data-card=glass] .app{background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(22px) saturate(1.3)}.app:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.9}:root[data-bg=radial] .app:after{background:radial-gradient(1200px 600px at 85% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),radial-gradient(900px 500px at -10% 110%,color-mix(in srgb,var(--accent2) 8%,transparent),transparent 60%),linear-gradient(160deg,var(--bg2),var(--bg))}:root[data-bg=grid] .app:after{background:linear-gradient(transparent 31px,color-mix(in srgb,var(--accent) 7%,transparent) 32px) 0 0 / 32px 32px,linear-gradient(90deg,transparent 31px,color-mix(in srgb,var(--accent) 7%,transparent) 32px) 0 0 / 32px 32px,radial-gradient(ellipse at top,color-mix(in srgb,var(--accent2) 18%,transparent),var(--bg) 70%)}:root[data-bg=dunes] .app:after{background:radial-gradient(160% 60% at 50% 120%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),radial-gradient(120% 40% at 10% 110%,color-mix(in srgb,var(--accent2) 14%,transparent),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2))}:root[data-bg=carbon] .app:after{background:repeating-linear-gradient(45deg,rgba(255,255,255,.015) 0 4px,transparent 4px 8px),radial-gradient(800px 400px at 100% 0,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),var(--bg)}:root[data-bg=aurora] .app:after{background:radial-gradient(900px 500px at 20% -10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),radial-gradient(800px 500px at 90% 10%,color-mix(in srgb,var(--accent2) 18%,transparent),transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg));animation:aurora 18s ease-in-out infinite alternate}:root[data-bg=mesh] .app:after{background:radial-gradient(600px 400px at 0 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent),radial-gradient(700px 500px at 100% 100%,color-mix(in srgb,var(--accent2) 14%,transparent),transparent),var(--bg)}:root[data-bg=camo] .app:after{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.025) 0 60px,transparent 61px),radial-gradient(circle at 70% 60%,rgba(0,0,0,.25) 0 90px,transparent 91px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.02) 0 70px,transparent 71px),var(--bg)}:root[data-bg=plain] .app:after{background:var(--bg)}.top{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg2) 80%,transparent)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand .mark{width:38px;height:38px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;color:var(--onAccent);background:linear-gradient(135deg,var(--accent2),var(--accent));clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%)}:root[data-card=rounded] .brand .mark,:root[data-card=glass] .brand .mark,:root[data-card=flat] .brand .mark{clip-path:none;border-radius:10px}.brand img.logo{height:38px;width:auto}.brand .title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.brand .sub{font-size:11px;color:var(--muted)}.search{flex:1;max-width:460px;position:relative;display:flex;align-items:center}.search input{width:100%;padding:10px 38px 10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color var(--dur) var(--ease)}[dir=ltr] .search input{padding:10px 14px 10px 38px}.search input:focus{border-color:var(--accent)}.search svg{position:absolute;inset-inline-start:12px;color:var(--muted);width:16px;height:16px}.top .spacer{flex:1}.wallet-pill{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-display)}[dir=rtl] .wallet-pill{padding:6px 14px 6px 6px}.wallet-pill .amt{font-size:16px;font-weight:700;color:var(--accent2)}.wallet-pill .cur{font-size:11px;color:var(--muted)}.icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);color:var(--muted);transition:all var(--dur) var(--ease)}.icon-btn:hover{color:var(--text);border-color:var(--accent)}.icon-btn svg{width:18px;height:18px}.icon-btn .dot{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--onAccent);font-size:11px;font-weight:700;display:grid;place-items:center}.nav{border-inline-end:1px solid var(--border);padding:14px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;background:color-mix(in srgb,var(--bg2) 55%,transparent)}.nav .group{font-size:11px;color:var(--muted);padding:14px 10px 6px;letter-spacing:.5px}.nav button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:var(--muted);text-align:start;transition:all var(--dur) var(--ease);position:relative}.nav button svg{width:18px;height:18px;flex:none}.nav button:hover{color:var(--text);background:var(--surface)}.nav button.on{color:var(--text);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent)}[dir=rtl] .nav button.on{background:linear-gradient(270deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent)}.nav button.on:before{content:"";position:absolute;inset-inline-start:0;top:8px;bottom:8px;width:3px;background:var(--accent)}.nav button .count{margin-inline-start:auto;font-size:11px;color:var(--muted)}.tabs{display:none;grid-column:1 / -1;overflow-x:auto;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border)}.app[data-layout=sidebar] .nav,.app[data-layout=minimal] .nav,.app[data-layout=immersive] .nav{display:none}.app[data-layout=sidebar] .tabs,.app[data-layout=minimal] .tabs,.app[data-layout=immersive] .tabs{display:flex}.tabs button{flex:none;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:var(--surface);white-space:nowrap}.tabs button.on{color:var(--onAccent);background:var(--accent);border-color:var(--accent)}.main{overflow-y:auto;padding:22px 24px 40px;position:relative;min-height:0;min-width:0}.nav{min-height:0}.section{margin-bottom:30px;animation:rise var(--dur) var(--ease) backwards}.section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.section-head h2{font-family:var(--font-display);font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.section-head h2:before{content:"";width:4px;height:18px;background:linear-gradient(var(--accent2),var(--accent))}.section-head .more{margin-inline-start:auto;color:var(--muted);font-size:12px}.section-head .more:hover{color:var(--accent)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.toolbar select,.field{padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none}.field:focus{border-color:var(--accent)}.check{display:flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer}.check input{accent-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.app[data-layout=sidebar] .grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,260px);gap:var(--gap);overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.row>*{scroll-snap-align:start}.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);overflow:hidden;cursor:pointer;text-align:start;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);--card-accent: var(--accent)}.card:hover{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:0 16px 40px #00000059,0 0 0 1px color-mix(in srgb,var(--card-accent) 30%,transparent)}:root[data-card=chamfer] .card{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}:root[data-card=chamfer] .card:after{content:"";position:absolute;top:0;inset-inline-end:0;width:16px;height:16px;background:linear-gradient(225deg,var(--card-accent) 50%,transparent 50%);opacity:.8}[dir=rtl] :root[data-card=chamfer] .card:after,:root[data-card=chamfer] [dir=rtl] .card:after{background:linear-gradient(225deg,var(--card-accent) 50%,transparent 50%)}:root[data-card=rounded] .card,:root[data-card=flat] .card{border-radius:var(--radius)}:root[data-card=flat] .card{border-color:transparent;box-shadow:0 1px 2px #0000000f,0 4px 16px #0000000d}:root[data-card=glass] .card{border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(14px)}:root[data-card=outline] .card{background:transparent;border-radius:var(--radius)}:root[data-card=sharp] .card{border-width:0 0 2px;border-color:var(--border)}:root[data-card=sharp] .card:hover{border-bottom-color:var(--card-accent)}:root[data-card=neon] .card{border-radius:var(--radius);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-accent) 25%,transparent)}:root[data-card=neon] .card:hover{box-shadow:0 0 24px color-mix(in srgb,var(--card-accent) 45%,transparent),inset 0 0 0 1px var(--card-accent)}.card .media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:radial-gradient(120% 90% at 50% 100%,color-mix(in srgb,var(--card-accent) 30%,transparent),transparent 70%),linear-gradient(180deg,var(--surface2),var(--surface))}.card .media img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform calc(var(--dur) * 2) var(--ease);filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}.card:hover .media img{transform:scale(1.06)}.emblem{display:grid;place-items:center}.emblem svg{width:120px;height:120px;color:var(--accent);filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 50%,transparent))}.card .emblem{position:absolute;inset:0;display:grid;place-items:center}.card .emblem svg{width:64px;height:64px;color:var(--card-accent);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--card-accent) 55%,transparent))}.card .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.card .name{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.3}.card .desc{color:var(--muted);font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:8px}.price{display:flex;flex-direction:column;font-family:var(--font-display)}.price .now{font-size:18px;font-weight:700;color:var(--accent2);display:flex;align-items:center;gap:6px}.price .now small{font-size:11px;color:var(--muted);font-weight:500}.price .was{font-size:12px;color:var(--muted);text-decoration:line-through}.badges{position:absolute;top:10px;inset-inline-start:10px;display:flex;flex-wrap:wrap;gap:6px;z-index:2}.badge{font-size:11px;font-weight:700;padding:3px 8px;background:color-mix(in srgb,var(--bg) 75%,transparent);border:1px solid var(--border);border-radius:calc(var(--radius) / 2);backdrop-filter:blur(6px)}.badge.gold{color:var(--onAccent);background:linear-gradient(135deg,var(--accent2),var(--accent));border-color:transparent}.badge.sale{color:#fff;background:var(--bad);border-color:transparent}.badge.soon{color:var(--text);background:color-mix(in srgb,var(--accent2) 30%,transparent)}.wish{position:absolute;top:8px;inset-inline-end:8px;z-index:3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--muted);transition:all var(--dur) var(--ease)}.wish svg{width:16px;height:16px}.wish.on,.wish:hover{color:var(--bad)}.card.off .media img,.card.off .emblem{filter:grayscale(1) brightness(.6)}.stockbar{height:4px;background:var(--surface2);overflow:hidden}.stockbar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.meta-line{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.meta-line svg{width:13px;height:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-weight:700;border-radius:var(--radius);transition:all var(--dur) var(--ease);white-space:nowrap;position:relative}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--onAccent);background:linear-gradient(135deg,var(--accent2),var(--accent))}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{color:var(--text);background:var(--surface);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--accent)}.btn-danger{color:#fff;background:var(--bad)}.btn-sm{padding:7px 12px;font-size:12px}.btn-block{width:100%}:root[data-btn=pill] .btn{border-radius:999px}:root[data-btn=bevel] .btn-primary{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:0}:root[data-btn=ghost] .btn-primary{color:var(--accent);background:transparent;border:1px solid var(--accent)}:root[data-btn=ghost] .btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 14%,transparent)}:root[data-btn=glow] .btn-primary{box-shadow:0 0 20px color-mix(in srgb,var(--accent) 55%,transparent)}.btn.loading{color:transparent!important;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--onAccent);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;min-height:280px;padding:30px 34px;margin-bottom:30px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(800px 380px at 80% 50%,color-mix(in srgb,var(--hero-accent, var(--accent)) 30%,transparent),transparent 70%),linear-gradient(120deg,var(--surface),var(--bg2))}:root[data-card=chamfer] .hero{clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}:root[data-card=rounded] .hero,:root[data-card=glass] .hero,:root[data-card=flat] .hero,:root[data-card=neon] .hero{border-radius:calc(var(--radius) * 1.4)}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:2px;color:var(--accent2);text-transform:uppercase;font-family:var(--font-display)}.hero h1{font-family:var(--font-display);font-size:38px;line-height:1.15;margin:10px 0}.hero p{color:var(--muted);max-width:460px;line-height:1.7}.hero .actions{display:flex;gap:10px;margin-top:20px}.hero .art{position:relative;height:100%;min-height:220px;display:grid;place-items:center}.hero .art img{max-height:260px;filter:drop-shadow(0 30px 30px rgba(0,0,0,.6));animation:floaty 6s ease-in-out infinite}.hero .art:before{content:"";position:absolute;width:70%;height:18px;bottom:14%;border-radius:50%;background:radial-gradient(rgba(0,0,0,.6),transparent 70%)}.limited{--le-gold: var(--accent);position:relative;padding:26px;overflow:hidden;border:1px solid color-mix(in srgb,var(--le-gold) 50%,var(--border));background:radial-gradient(900px 360px at 50% 120%,color-mix(in srgb,var(--le-gold) 30%,transparent),transparent 70%),linear-gradient(180deg,#000 0%,var(--bg2) 100%)}.limited:before{content:"";position:absolute;inset:-50% 30% auto;height:200%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--le-gold) 14%,transparent),transparent);animation:sweep 7s ease-in-out infinite;pointer-events:none}.limited .le-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;position:relative}.limited .le-head h2{font-family:var(--font-display);font-size:24px;letter-spacing:3px;background:linear-gradient(90deg,var(--accent2),var(--le-gold),var(--accent2));-webkit-background-clip:text;color:transparent;background-size:200% auto;animation:shine 4s linear infinite}.le-card{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;position:relative}.le-card .art{min-height:240px;display:grid;place-items:center;position:relative}.le-card .art img{max-height:250px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.7));animation:floaty 7s ease-in-out infinite}.le-card .art .ring{position:absolute;width:78%;aspect-ratio:3/1;bottom:6%;border-radius:50%;border:1px solid color-mix(in srgb,var(--le-gold) 50%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--le-gold) 35%,transparent)}.le-card .info h3{font-family:var(--font-display);font-size:28px;line-height:1.2}.le-count{display:flex;align-items:baseline;gap:8px;margin:14px 0;font-family:var(--font-display)}.le-count b{font-size:46px;color:var(--accent2);line-height:1;text-shadow:0 0 24px color-mix(in srgb,var(--le-gold) 55%,transparent)}.le-count span{color:var(--muted)}.countdown{display:flex;gap:8px;margin:12px 0 18px;direction:ltr}.countdown div{min-width:58px;text-align:center;padding:8px 6px;background:#00000059;border:1px solid color-mix(in srgb,var(--le-gold) 35%,var(--border))}.countdown b{display:block;font-family:var(--font-display);font-size:22px}.countdown small{font-size:10px;color:var(--muted);letter-spacing:1px}:where(svg){width:1.25em;height:1.25em;flex:none}.overlay{position:fixed;inset:0;z-index:40;background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:12px;animation:fade var(--dur) var(--ease)}.modal{width:min(980px,94vw);max-height:min(90vh,100%);overflow:auto;overscroll-behavior:contain;background:var(--bg2);border:1px solid var(--border);animation:pop var(--dur) var(--ease);position:relative}.modal-foot{position:sticky;bottom:-22px;z-index:4;display:flex;gap:10px;margin:16px -22px -22px;padding:14px 22px;background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--border)}:root[data-card=chamfer] .modal{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}:root[data-card=rounded] .modal,:root[data-card=glass] .modal,:root[data-card=flat] .modal,:root[data-card=neon] .modal,:root[data-card=outline] .modal{border-radius:calc(var(--radius) * 1.4)}.modal.sm{width:min(460px,94%)}.modal .x{position:absolute;top:12px;inset-inline-end:12px;z-index:5}.pd{display:grid;grid-template-columns:1.1fr 1fr}.pd .gallery{padding:22px;background:radial-gradient(90% 80% at 50% 90%,color-mix(in srgb,var(--card-accent, var(--accent)) 26%,transparent),transparent 70%),var(--surface)}.pd .gallery .main-img{aspect-ratio:16/11;display:grid;place-items:center}.pd .gallery .main-img img{max-height:100%;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(0,0,0,.55))}.pd .thumbs{display:flex;gap:8px;margin-top:12px;overflow-x:auto}.pd .thumbs button{width:64px;height:44px;border:1px solid var(--border);background:var(--surface2);flex:none;overflow:hidden}.pd .thumbs button.on{border-color:var(--accent)}.pd .thumbs img{width:100%;height:100%;object-fit:cover}.pd .info{padding:26px;display:flex;flex-direction:column;gap:12px}.pd .info h2{font-family:var(--font-display);font-size:26px;line-height:1.2}.pd .info .long{color:var(--muted);line-height:1.8;white-space:pre-wrap}.gifts-box{padding:12px 14px;border-radius:var(--radius);border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent)}.gifts-box b{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--accent2)}.gifts-box b svg{width:16px;height:16px}.gifts-box ul{list-style:none;display:flex;flex-direction:column;gap:4px;margin-top:8px}.gifts-box li{display:flex;align-items:center;gap:6px;font-size:13px}.gifts-box li svg{width:14px;height:14px;color:var(--ok)}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13px;padding:12px 0;border-block:1px solid var(--border)}.kv dt{color:var(--muted)}.qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius)}.qty button{width:34px;height:36px;font-size:18px;color:var(--muted)}.qty span{min-width:30px;text-align:center;font-family:var(--font-display)}.drawer{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(420px,100%);z-index:41;background:var(--bg2);border-inline-start:1px solid var(--border);display:flex;flex-direction:column;animation:slideIn var(--dur) var(--ease)}[dir=rtl] .drawer{animation-name:slideInRtl}.drawer header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.drawer header h3{font-family:var(--font-display);font-size:18px}.drawer .items{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:10px}.drawer footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.line{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.line .thumb{width:56px;height:40px;display:grid;place-items:center;background:var(--surface2);overflow:hidden}.line .thumb img{width:100%;height:100%;object-fit:contain}.line .thumb svg{width:22px;height:22px;color:var(--accent)}.line .n{font-weight:700;font-size:13px}.line .s{font-size:12px;color:var(--muted)}.sum{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.sum.total{font-size:18px;color:var(--text);font-family:var(--font-display);font-weight:700}.sum .neg{color:var(--ok)}.coupon{display:flex;gap:8px}.coupon input{flex:1;text-transform:uppercase}.err{color:var(--bad);font-size:12px}.note{color:var(--muted);font-size:12px;line-height:1.6}.success{text-align:center;padding:34px 28px;position:relative;overflow:hidden}.success .ring{width:96px;height:96px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%);animation:pulse 1.6s ease-out infinite}.success .ring svg{width:54px;height:54px;color:var(--accent2);stroke-dasharray:60;stroke-dashoffset:60;animation:draw .7s .15s var(--ease) forwards}.success h3{font-family:var(--font-display);font-size:24px}.success .edition{margin:14px auto 0;display:inline-block;padding:10px 18px;font-family:var(--font-display);font-size:22px;letter-spacing:3px;color:var(--onAccent);background:linear-gradient(135deg,var(--accent2),var(--accent))}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-10px;width:6px;height:12px;opacity:.9;animation:fall 1.8s linear forwards}.list{display:flex;flex-direction:column;gap:10px}.rowcard{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.rowcard>svg{width:22px;height:22px;flex:none;color:var(--accent)}.rowcard .grow{flex:1;min-width:0}.rowcard .t{font-weight:700}.rowcard .m{font-size:12px;color:var(--muted);margin-top:3px}.mono{font-family:Consolas,monospace;font-size:12px;direction:ltr;unicode-bidi:embed;color:var(--muted)}.chip{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.chip.ok{color:var(--ok)}.chip.warn{color:var(--warn)}.chip.bad{color:var(--bad)}.chip.info{color:var(--accent)}.amount.pos{color:var(--ok)}.amount.neg{color:var(--bad)}.amount{font-family:var(--font-display);font-weight:700;direction:ltr}.unread{border-inline-start:3px solid var(--accent)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:20px}.stat{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.stat .k{font-size:12px;color:var(--muted)}.stat .v{font-family:var(--font-display);font-size:26px;font-weight:700;margin-top:6px;color:var(--accent2)}.panel{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.panel h3{font-family:var(--font-display);font-size:16px;display:flex;align-items:center;gap:8px}.panel h3 svg{width:18px;height:18px;color:var(--accent)}.plate-preview{align-self:center;direction:ltr;min-width:200px;text-align:center;padding:10px 18px;font-family:Consolas,monospace;font-size:26px;font-weight:700;letter-spacing:3px;color:#0d1b3a;background:linear-gradient(#fff,#e7ebf2);border:3px solid #0d1b3a;border-radius:8px}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.3s linear infinite;border-radius:var(--radius)}.empty{padding:50px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:12px}.empty svg{width:44px;height:44px;opacity:.5}.preview-flag{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:100;padding:6px 14px;font-size:12px;background:var(--warn);color:#1b1300;font-weight:700;border-radius:999px}.toasts{position:absolute;top:76px;inset-inline-end:20px;z-index:60;display:flex;flex-direction:column;gap:8px;width:320px}.toast{padding:12px 14px;background:var(--bg2);border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius);box-shadow:0 10px 30px #0006;animation:rise var(--dur) var(--ease);font-size:13px}.toast.ok{border-inline-start-color:var(--ok)}.toast.bad{border-inline-start-color:var(--bad)}.toast.warn{border-inline-start-color:var(--warn)}.splash{position:fixed;inset:0;display:grid;place-items:center;background:#0009}.splash .mark{width:74px;height:74px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--onAccent);background:linear-gradient(135deg,var(--accent2),var(--accent));clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%);animation:pulse 1.2s ease-in-out infinite}.bp-hero{display:grid;grid-template-columns:1fr auto;gap:20px;padding:24px 28px;margin-bottom:18px;border:1px solid var(--border);background:radial-gradient(700px 300px at 85% 30%,color-mix(in srgb,var(--hero-accent, var(--accent)) 28%,transparent),transparent 70%),linear-gradient(120deg,var(--surface),var(--bg2))}:root[data-card=chamfer] .bp-hero{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}.bp-hero h1{font-family:var(--font-display);font-size:30px;margin:6px 0 10px}.bp-hero .eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;letter-spacing:2px;color:var(--accent2);font-family:var(--font-display)}.bp-hero .eyebrow svg{width:16px;height:16px}.bp-level{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);margin-bottom:10px}.bp-level b{font-size:44px;color:var(--accent2);line-height:1}.bp-level span{color:var(--muted)}.bp-bar{height:10px;background:var(--surface2);border-radius:99px;overflow:hidden;margin:6px 0;max-width:520px}.bp-bar.sm{height:6px;max-width:none}.bp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;transition:width .6s var(--ease)}.bp-track{display:grid;grid-template-columns:80px 1fr;gap:10px}.bp-labels{display:grid;grid-template-rows:30px 1fr 1fr;gap:8px;font-family:var(--font-display);font-size:12px;color:var(--muted)}.bp-labels span:first-child{grid-row:2;align-self:center}.bp-labels span:last-child{grid-row:3;align-self:center;color:var(--accent2)}.bp-cols{display:grid;grid-auto-flow:column;grid-auto-columns:128px;gap:8px;overflow-x:auto;padding-bottom:8px}.bp-col{display:grid;grid-template-rows:30px 120px 120px;gap:8px}.bp-col .lv{display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:var(--muted);border-bottom:2px solid var(--border)}.bp-col.reached .lv{color:var(--accent2);border-color:var(--accent)}.bp-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.bp-cell svg{width:26px;height:26px;color:var(--accent)}.bp-cell .bp-img{width:100%;height:58px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));transition:transform var(--dur) var(--ease)}.bp-cell:hover .bp-img{transform:scale(1.08)}.bp-cell.locked .bp-img{filter:grayscale(.8) brightness(.7)}.bp-cell small{font-size:11px;color:var(--muted);line-height:1.3}.bp-cell.premium{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.bp-cell.locked{opacity:.55}.bp-cell.done{opacity:.6}.bp-cell.empty{opacity:.25}.app.admin{grid-template-columns:230px 1fr}:root .app.admin{backdrop-filter:none;background:var(--bg)}.app.admin .nav button{font-size:13px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:start;font-weight:600;color:var(--muted);padding:9px 10px;border-bottom:1px solid var(--border);white-space:nowrap;font-size:12px}.tbl td{padding:9px 10px;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);vertical-align:middle}.tbl tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 14px}.autoform{display:flex;flex-direction:column;gap:10px}.af-row{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.af-row .field,.af-row textarea{color:var(--text);font-size:13px}.af-group{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:10px}.af-group legend{padding:0 6px;color:var(--accent2);font-size:12px;font-weight:700}textarea.field{resize:vertical;min-height:60px;font-family:inherit}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.theme-tile{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:12px;border:2px solid;text-align:start;transition:transform var(--dur) var(--ease)}.theme-tile:hover{transform:translateY(-2px)}.theme-tile small{opacity:.6;font-size:11px}.theme-tile.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}.bars{display:flex;align-items:flex-end;gap:6px;height:140px;padding-top:10px}.bar{flex:1;height:100%;display:flex;align-items:flex-end;background:color-mix(in srgb,var(--surface2) 60%,transparent);border-radius:3px 3px 0 0}.bar i{display:block;width:100%;min-height:2px;background:linear-gradient(var(--accent2),var(--accent));border-radius:3px 3px 0 0}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin-top:12px;max-height:360px;overflow:auto}h4{font-family:var(--font-display);font-size:14px;color:var(--muted)}.extra-row{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid var(--border)}.extra-row>.btn{align-self:flex-end}.event-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;max-height:230px;overflow-y:auto;padding:2px}.event-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;text-align:start;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:all var(--dur) var(--ease)}.event-item:hover{border-color:var(--accent)}.event-item.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface));box-shadow:0 0 0 1px var(--accent)}.event-item span{font-size:13px;color:var(--text)}.event-item small{font-size:10px}.img-field{display:flex;flex-direction:column;gap:6px;margin-top:10px}.af-label{font-size:12px;color:var(--muted)}.img-field-row{display:flex;align-items:center;gap:8px}.img-field-row .field{flex:1;min-width:0}.img-field-row img,.img-ph{width:44px;height:44px;flex:none;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface2)}.img-ph{display:grid;place-items:center;color:var(--muted)}.img-ph.sm{width:34px;height:34px}.bulkbar{position:sticky;top:-22px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;background:color-mix(in srgb,var(--accent) 14%,var(--bg2));border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:var(--radius);animation:rise var(--dur) var(--ease)}.bulkbar b{font-family:var(--font-display);font-size:18px;color:var(--accent2)}.bulkbar .field{padding:6px 10px}.tbl tr.sel{background:color-mix(in srgb,var(--accent) 12%,transparent)}.tbl input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.prod-cell{display:flex;align-items:center;gap:10px}.prod-cell img{width:34px;height:34px;object-fit:contain;border-radius:var(--radius);background:var(--surface2)}.status-select{padding:5px 8px;font-size:12px;font-weight:700;min-width:120px}.status-select.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--border))}.status-select.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.status-select.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,var(--border))}.status-select.info{color:var(--accent)}.status-select option{color:var(--text);background:var(--bg2)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}@keyframes slideIn{0%{transform:translate(100%)}}@keyframes slideInRtl{0%{transform:translate(-100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes floaty{50%{transform:translateY(-10px)}}@keyframes sweep{0%,to{transform:translate(-60%) rotate(18deg)}50%{transform:translate(60%) rotate(18deg)}}@keyframes shine{to{background-position:200% center}}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}to{box-shadow:0 0 0 26px transparent}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fall{to{transform:translateY(520px) rotate(540deg);opacity:0}}@keyframes aurora{to{filter:hue-rotate(25deg)}}:root[data-motion=none] *,:root[data-motion=none] *:before,:root[data-motion=none] *:after{animation:none!important;transition:none!important}@media (max-width: 1100px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.nav{display:none}.tabs{display:flex}.hero,.le-card,.pd{grid-template-columns:1fr}}.bp-day{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);background:color-mix(in srgb,var(--surface) 70%,transparent)}.bp-day+.bp-day{margin-top:10px}.bp-day-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.bp-day-head b{font-family:var(--font-display);font-size:15px;color:var(--accent2)}.bp-day-head .chip svg{width:13px;height:13px;margin-inline-end:4px;vertical-align:-2px}.bp-day.locked{opacity:.72;border-style:dashed}.rowcard.muted{filter:saturate(.4)}.row{scrollbar-width:none}.row::-webkit-scrollbar{display:none}.row-wrap{position:relative}.row-nav{position:absolute;top:50%;z-index:5;width:42px;height:42px;margin-top:-26px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:var(--onAccent);background:linear-gradient(135deg,var(--accent2),var(--accent));border:0;box-shadow:0 8px 24px #00000073;opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s}.row-nav svg{width:20px;height:20px}.row-nav.left{left:-6px}.row-nav.right{right:-6px}.row-nav.right svg{transform:scaleX(-1)}.row-wrap:hover .row-nav{opacity:.95;transform:scale(1)}.row-wrap:hover .row-nav:hover{opacity:1;transform:scale(1.08)}.row-nav.off{opacity:0!important;pointer-events:none}.taginput{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:42px;padding:6px 8px;border:1px solid var(--border);background:var(--surface);border-radius:calc(var(--radius) + 6px);cursor:text}.taginput .tag{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border-radius:999px;font-family:Consolas,monospace;font-size:12px;font-weight:700;color:var(--text);background:color-mix(in srgb,var(--accent) 22%,var(--surface2));border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);direction:ltr}.taginput .tag button{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:14px;line-height:1;color:var(--text);background:#00000040}.taginput .tag button:hover{background:var(--bad)}.taginput input{flex:1;min-width:160px;border:0;outline:none;background:none;color:var(--text);font-size:13px;padding:4px}.nebula{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--bg2) 55%,transparent),transparent 70%),color-mix(in srgb,var(--bg) 80%,transparent);animation:nbFade .35s ease both}.nebula .shell[data-layout=immersive]~*{display:none}.scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.scene-img{position:absolute;inset:-40px;background-size:cover;background-position:center;opacity:.22;filter:blur(14px) saturate(1.2)}.scene .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}.scene .o1{width:46vw;height:46vw;top:-18vw;inset-inline-start:-10vw;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 65%);animation:nbDrift1 26s ease-in-out infinite alternate}.scene .o2{width:40vw;height:40vw;bottom:-20vw;inset-inline-end:-8vw;background:radial-gradient(circle at 60% 40%,var(--accent2),transparent 65%);animation:nbDrift2 32s ease-in-out infinite alternate}.scene .o3{width:26vw;height:26vw;top:38%;left:42%;opacity:.28;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 50%,var(--accent2)),transparent 65%);animation:nbDrift3 22s ease-in-out infinite alternate}.scene .shape{position:absolute;display:block;opacity:.5;will-change:transform}.scene .ring{border-radius:50%;border:1px solid color-mix(in srgb,var(--accent2) 30%,transparent);box-shadow:inset 0 0 40px color-mix(in srgb,var(--accent) 12%,transparent)}.scene .r1{width:380px;height:380px;top:12%;inset-inline-end:6%;animation:nbSpin 60s linear infinite,nbFloat 14s ease-in-out infinite}.scene .r1:after{content:"";position:absolute;top:18px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--accent2);box-shadow:0 0 18px var(--accent2)}.scene .r2{width:180px;height:180px;bottom:10%;inset-inline-start:8%;border-style:dashed;opacity:.35;animation:nbSpin 40s linear infinite reverse}.scene .diamond{width:70px;height:70px;border:1.5px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent)}.scene .d1{top:22%;inset-inline-start:18%;animation:nbTumble 18s ease-in-out infinite}.scene .d2{width:34px;height:34px;bottom:24%;inset-inline-end:22%;border-radius:8px;animation:nbTumble 13s ease-in-out infinite reverse}.scene .tri{width:0;height:0;border-inline:34px solid transparent;border-bottom:58px solid color-mix(in srgb,var(--accent2) 22%,transparent);top:64%;left:30%;opacity:.45;animation:nbFloat 16s ease-in-out infinite,nbSpin 50s linear infinite}.scene .plus{width:22px;height:22px;opacity:.5;animation:nbFloat 10s ease-in-out infinite}.scene .plus:before,.scene .plus:after{content:"";position:absolute;inset:9px 0;background:var(--accent2);border-radius:2px}.scene .plus:after{inset:0 9px}.scene .p1{top:14%;left:52%}.scene .p2{bottom:16%;left:12%;animation-delay:-4s}.scene .dots{position:absolute;inset:0;opacity:.25;background-image:radial-gradient(color-mix(in srgb,var(--text) 35%,transparent) 1px,transparent 1.4px);background-size:26px 26px;mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 75%);-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 75%)}.scene .beam{position:absolute;top:-50%;left:-20%;width:30%;height:200%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent2) 7%,transparent),transparent);animation:nbBeam 14s ease-in-out infinite}.scene .grain{position:absolute;inset:0;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.shell{position:relative;z-index:1;display:grid;grid-template-rows:auto auto 1fr;gap:12px;width:100vw;height:100vh;padding:16px 22px 0;overflow:hidden}.shell[data-layout=wide],.shell[data-layout=compact],.shell[data-layout=minimal]{border-radius:30px;padding:14px 18px 0;border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--bg2) 70%,transparent),color-mix(in srgb,var(--bg) 60%,transparent));box-shadow:0 40px 120px #0000008c,inset 0 1px #ffffff0f;backdrop-filter:blur(24px) saturate(1.3);animation:nbPop .45s cubic-bezier(.16,1,.3,1) both}.shell[data-layout=wide]{width:min(1600px,95vw);height:min(920px,92vh)}.shell[data-layout=compact]{width:min(1180px,92vw);height:min(780px,88vh)}.shell[data-layout=minimal]{width:min(1000px,92vw);height:min(700px,86vh)}.shell[data-layout=sidebar]{width:min(620px,100vw);justify-self:start;border-inline-end:1px solid var(--border);padding:12px 14px 0;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(24px);animation:nbSlide .4s cubic-bezier(.16,1,.3,1) both;box-shadow:0 0 80px #00000080}[dir=ltr] .shell[data-layout=sidebar]{animation-name:nbSlideL}.nebula:has(.shell[data-layout=sidebar]){place-items:stretch start}.shell[data-layout=sidebar] .dock{flex-wrap:wrap;gap:8px;padding:8px}.shell[data-layout=sidebar] .dock-name small{display:none}.shell[data-layout=sidebar] .dock-search,.shell[data-layout=sidebar] .dock-search.open{order:3;flex:1 1 100%}.shell[data-layout=sidebar] .dock-end{flex-wrap:wrap;gap:6px}.shell[data-layout=sidebar] .dock-btn{width:38px;height:38px}.shell[data-layout=sidebar] .dock-select{height:36px;max-width:120px}.shell[data-layout=sidebar] .hero2{grid-template-columns:1fr;padding:22px;min-height:0}.shell[data-layout=sidebar] .hero2-art{min-height:180px;order:-1}.shell[data-layout=sidebar] .hero2-art img{max-height:180px}.shell[data-layout=sidebar] .hero2 h1{font-size:28px}.shell[data-layout=sidebar] .hero2-dots{inset-inline-start:22px}.shell[data-layout=sidebar] .cat-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.shell[data-layout=sidebar] .grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.shell[data-layout=sidebar] .row{grid-auto-columns:minmax(190px,210px)}.shell[data-layout=sidebar] .le-card,.shell[data-layout=sidebar] .pd,.shell[data-layout=sidebar] .bp-hero{grid-template-columns:1fr}.shell[data-layout=sidebar] .modal.sheet{width:100%}.shell[data-layout=sidebar] .drawer{width:calc(100% - 24px)}.nebula:has(.shell[data-layout=immersive]){background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 70%,transparent) 55%)}.nebula:has(.shell[data-layout=immersive]) .scene .orb{opacity:.3}.nebula.still *,.nebula.still *:before,.nebula.still *:after{animation:none!important;transition:none!important}.dock{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:22px;background:linear-gradient(120deg,#ffffff16,#ffffff08);border:1px solid var(--border);backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff14;animation:nbDown .5s cubic-bezier(.16,1,.3,1) both}.dock-brand{display:flex;align-items:center;gap:12px;padding-inline-end:8px;text-align:start}.dock-brand img{height:42px;width:auto;border-radius:12px}.dock-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:conic-gradient(from 210deg,var(--accent),var(--accent2),var(--accent));box-shadow:0 8px 26px color-mix(in srgb,var(--accent) 55%,transparent);animation:nbGlow 4s ease-in-out infinite}.dock-mark svg{width:22px;height:22px;animation:nbSpin 12s linear infinite}.dock-name{display:flex;flex-direction:column;line-height:1.25}.dock-name b{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,var(--text),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.dock-name small{font-size:11px;color:var(--muted);white-space:nowrap}.dock-search{position:relative;flex:0 1 300px;display:flex;align-items:center;gap:8px;padding:0 14px;height:44px;border-radius:999px;background:#00000038;border:1px solid transparent;transition:flex-basis .45s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s}.dock-search.open{flex-basis:520px;border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:#00000059;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.dock-search svg{width:17px;height:17px;color:var(--muted)}.dock-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--text)}.dock-search button{color:var(--muted);display:grid}.dock-end{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.dock-select{height:40px;padding:0 12px;border-radius:999px;background:#00000040;border:1px solid var(--border);color:var(--text);outline:none}.dock-select option{background:var(--bg2);color:var(--text)}.dock-wallet{position:relative;display:flex;align-items:center;gap:10px;height:46px;padding:0 6px;border-radius:999px;isolation:isolate;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent2) 14%,transparent))}.dock-wallet:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:-1;background:conic-gradient(from var(--nb-a, 0deg),var(--accent),var(--accent2),transparent 60%,var(--accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:nbBorder 5s linear infinite}.dock-wallet .coin{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent2),var(--accent))}.dock-wallet .coin svg{width:18px;height:18px}.dock-wallet .v{display:flex;flex-direction:column;line-height:1.1;text-align:start}.dock-wallet .v b{font-family:var(--font-display);font-size:17px}.dock-wallet .v small{font-size:10px;color:var(--muted)}.dock-wallet .add{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;transition:transform .3s}.dock-wallet:hover .add{transform:rotate(90deg);background:var(--accent)}.dock-btn{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:#ffffff0d;border:1px solid var(--border);transition:all .25s cubic-bezier(.16,1,.3,1)}.dock-btn svg{width:19px;height:19px}.dock-btn:hover,.dock-btn.on{color:#fff;background:color-mix(in srgb,var(--accent) 35%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent);transform:translateY(-2px)}.dock-btn.cart{color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,var(--accent2)));border-color:transparent;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 45%,transparent)}.dock-btn.close:hover{background:color-mix(in srgb,var(--bad) 40%,transparent);border-color:var(--bad)}.dock-btn .dot{position:absolute;top:-4px;inset-inline-end:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:var(--bad);border:2px solid var(--bg)}.dock-btn .dot.pulse{animation:nbBadge 1.8s ease-out infinite}.rail{position:relative;display:flex;align-items:center;gap:6px;padding:6px;overflow-x:auto;scrollbar-width:none;border-radius:999px;background:#0000002e;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);animation:nbDown .55s .05s cubic-bezier(.16,1,.3,1) both}.rail::-webkit-scrollbar{display:none}.rail-ind{position:absolute;top:6px;bottom:6px;left:0;border-radius:999px;z-index:0;pointer-events:none;background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 45%,var(--accent2)));box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 50%,transparent);transition:transform .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1)}.rail-pill{position:relative;z-index:1;flex:none;display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;color:var(--muted);white-space:nowrap;font-weight:500;transition:color .3s}.rail-pill svg{width:17px;height:17px}.rail-pill small{font-size:10px;min-width:20px;height:18px;padding:0 6px;display:grid;place-items:center;border-radius:9px;background:#ffffff14}.rail-pill:hover{color:var(--text)}.rail-pill.on{color:#fff}.rail-pill.on small{background:#ffffff38}.rail-sep{flex:none;width:1px;height:22px;margin:0 6px;background:var(--border)}.shell .main{overflow-y:auto;overflow-x:hidden;padding:6px 4px 40px;scroll-behavior:smooth;min-height:0}.shell .page{animation:nbPage .5s cubic-bezier(.16,1,.3,1) backwards}.shell .section{margin-bottom:34px;animation:none}.shell .section-head{margin-bottom:16px}.shell .section-head h2{font-size:21px;font-weight:700}.shell .section-head h2:before{width:10px;height:10px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent2) 18%,transparent),0 0 18px var(--accent2)}.shell .section-head .more{padding:6px 14px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border)}.shell .section-head .more:hover{background:color-mix(in srgb,var(--accent) 25%,transparent);color:#fff}.shell .toolbar select,.shell .field{border-radius:14px;background:#00000040;border:1px solid var(--border);color:var(--text);padding:10px 14px}.shell .toolbar select option,.shell select.field option{background:var(--bg2);color:var(--text)}.shell .grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.shell .row{grid-auto-columns:minmax(240px,270px);gap:18px;padding:10px 4px 18px;margin:-10px -4px 0}.shell .btn,.nebula .modal .btn,.nebula .drawer .btn{border-radius:999px;clip-path:none}.shell .btn-primary{color:#fff;background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--accent2)));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 45%,transparent);background-size:200% 100%;transition:all .3s}.shell .btn-primary:hover:not(:disabled){background-position:100% 0;transform:translateY(-2px);box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 60%,transparent)}.shell .btn-ghost{background:#ffffff0f;border:1px solid var(--border);backdrop-filter:blur(6px)}.shell .btn-ghost:hover:not(:disabled){background:#ffffff1f;border-color:color-mix(in srgb,var(--accent2) 60%,transparent)}.hero2{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;min-height:380px;padding:38px 44px;margin-bottom:26px;border-radius:32px;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,color-mix(in srgb,var(--hero-accent, var(--accent)) 26%,rgba(255,255,255,.04)),#ffffff05 55%);border:1px solid var(--border);box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff14}.hero2:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(255,255,255,.025) 46px 47px)}.hero2-bg{position:absolute;inset:-60px;z-index:-2;animation:nbFadeIn 1s ease both}.hero2-bg img{width:100%;height:100%;object-fit:cover;filter:blur(46px) saturate(1.5);opacity:.45;transform:scale(1.15)}.hero2-text{position:relative;z-index:1;animation:nbSlideText .7s cubic-bezier(.16,1,.3,1) both}.hero2 .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;color:#fff;background:color-mix(in srgb,var(--hero-accent, var(--accent)) 40%,transparent);border:1px solid rgba(255,255,255,.18)}.hero2 .eyebrow svg{width:14px;height:14px;animation:nbSpin 6s linear infinite}.hero2 h1{font-family:var(--font-display);font-size:clamp(30px,3.4vw,52px);font-weight:700;line-height:1.1;margin:16px 0 12px;background:linear-gradient(100deg,#fff 20%,var(--accent2) 60%,#fff 90%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nbShine 7s linear infinite}.hero2 p{color:color-mix(in srgb,var(--text) 75%,transparent);max-width:500px;line-height:1.8;font-size:15px}.hero2-price{margin-top:18px}.hero2-price .price .now{color:#fff}.hero2 .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero2-art{position:relative;height:100%;min-height:300px;display:grid;place-items:center;animation:nbArtIn .8s cubic-bezier(.16,1,.3,1) both}.hero2-art .halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--hero-accent, var(--accent)) 55%,transparent),transparent 65%);filter:blur(10px);animation:nbBreathe 5s ease-in-out infinite}.hero2-art .orbit{position:absolute;width:86%;aspect-ratio:2.6 / 1;border-radius:50%;border:1px solid rgba(255,255,255,.18);bottom:8%;transform:rotateX(68deg);animation:nbOrbit 9s linear infinite}.hero2-art .orbit:before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--accent2);box-shadow:0 0 16px var(--accent2)}.hero2-art .orbit.o2{width:64%;bottom:14%;opacity:.6;animation-duration:6s;animation-direction:reverse}.hero2-art img{position:relative;max-height:300px;max-width:100%;object-fit:contain;filter:drop-shadow(0 40px 40px rgba(0,0,0,.6));animation:nbHover 6s ease-in-out infinite}.hero2-art .emblem svg{width:160px;height:160px;color:#fff}.hero2-dots{position:absolute;bottom:18px;inset-inline-start:44px;display:flex;gap:8px;z-index:2}.hero2-dots button{position:relative;width:26px;height:6px;border-radius:6px;overflow:hidden;background:#ffffff38;transition:width .4s cubic-bezier(.16,1,.3,1)}.hero2-dots button.on{width:56px;background:#ffffff4d}.hero2-dots button i{position:absolute;inset:0;background:#fff;transform-origin:right;animation:nbProgress 6.5s linear both}[dir=ltr] .hero2-dots button i{transform-origin:left}.cat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:34px}.cat-tile{position:relative;height:118px;border-radius:22px;overflow:hidden;display:flex;align-items:flex-end;gap:12px;padding:16px;text-align:start;background:linear-gradient(140deg,#ffffff14,#ffffff05);border:1px solid var(--border);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;animation:nbCard .6s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i, 0) * 60ms)}.cat-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .3s}.cat-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 90%,transparent) 10%,transparent 80%)}.cat-tile>span{position:relative;z-index:1}.cat-ico{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--accent2)));box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 40%,transparent)}.cat-ico svg{width:22px;height:22px}.cat-txt{display:flex;flex-direction:column;min-width:0}.cat-txt b{font-family:var(--font-display);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-txt small{color:var(--muted);font-size:12px}.cat-go{margin-inline-start:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;transition:transform .4s,background .3s}[dir=ltr] .cat-go svg{transform:scaleX(-1)}.cat-tile:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent2) 55%,transparent);box-shadow:0 20px 40px #00000059}.cat-tile:hover img{transform:scale(1.08);opacity:.75}.cat-tile:hover .cat-go{background:var(--accent);transform:translate(-4px)}[dir=ltr] .cat-tile:hover .cat-go{transform:translate(4px)}.browse-head{position:relative;display:flex;align-items:flex-end;gap:14px;min-height:64px;margin-bottom:18px;border-radius:24px;overflow:hidden}.browse-head.has-cover{min-height:150px;padding:20px 24px;border:1px solid var(--border)}.browse-head img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.browse-head.has-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 92%,transparent),transparent)}.browse-head h2,.browse-head .count{position:relative;z-index:1}.browse-head h2{font-family:var(--font-display);font-size:30px;background:linear-gradient(90deg,#fff,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.browse-head .count{margin-inline-start:auto;padding:6px 14px;border-radius:999px;font-size:12px;background:#ffffff14;border:1px solid var(--border)}.nebula .card{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;border-radius:24px;clip-path:none;overflow:hidden;border:1px solid var(--border);background:linear-gradient(165deg,#ffffff16,#ffffff05 60%);box-shadow:0 14px 34px #00000047,inset 0 1px #ffffff12;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;animation:nbCard .65s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i, 0) * 55ms)}.nebula .card:after{display:none}.nebula .card:hover{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px);border-color:color-mix(in srgb,var(--card-accent) 65%,transparent);box-shadow:0 26px 60px #00000073,0 0 0 1px color-mix(in srgb,var(--card-accent) 35%,transparent),0 0 46px color-mix(in srgb,var(--card-accent) 22%,transparent)}.card-glare{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.16),transparent 45%)}.nebula .card:hover .card-glare{opacity:1}.nebula .card .media{aspect-ratio:4 / 3;margin:8px 8px 0;border-radius:18px;background:radial-gradient(90% 80% at 50% 105%,color-mix(in srgb,var(--card-accent) 55%,transparent),transparent 70%),radial-gradient(60% 50% at 80% 10%,color-mix(in srgb,var(--accent2) 18%,transparent),transparent 70%),linear-gradient(180deg,#ffffff0d,#0003)}.nebula .card .media:before{content:"";position:absolute;left:15%;right:15%;bottom:10%;height:14px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.55),transparent 70%);transition:transform .5s}.nebula .card .media img{position:relative;padding:14px;transform:translateZ(0);transition:transform .6s cubic-bezier(.16,1,.3,1)}.nebula .card:hover .media img{transform:scale(1.1) translateY(-6px) rotate(-2deg)}.nebula .card:hover .media:before{transform:scale(.85)}.nebula .card .body{padding:14px 16px 16px}.nebula .card .name{font-size:16px}.nebula .card .foot{align-items:center}.nebula .card .price .now{color:#fff}.nebula .card .price .now small{color:var(--accent2)}.nebula .badge{border-radius:999px;padding:4px 10px;background:#00000073;border-color:#ffffff24}.nebula .badge.gold{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff}.nebula .badges{top:16px;inset-inline-start:16px}.nebula .wish{top:14px;inset-inline-end:14px;background:#0006;backdrop-filter:blur(6px)}.classic .quick-add{display:none}.quick-add{position:absolute;z-index:5;bottom:16px;inset-inline-end:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 55%,transparent);opacity:0;transform:translateY(10px) scale(.8);transition:all .35s cubic-bezier(.16,1,.3,1)}.quick-add svg{width:20px;height:20px}.nebula .card:hover .quick-add,.quick-add.on{opacity:1;transform:none}.quick-add.on{background:var(--ok)}.quick-add:hover{transform:scale(1.12) rotate(90deg)}.quick-add.on:hover{transform:scale(1.05)}.nebula .card:has(.quick-add) .foot{padding-inline-end:46px}.nebula .stockbar{margin:8px 16px 0;height:5px;border-radius:5px;background:#ffffff14}.nebula .stockbar i{border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 10px var(--accent2)}.nebula .limited{border-radius:30px;clip-path:none;border-color:color-mix(in srgb,var(--le-gold) 45%,transparent);background:radial-gradient(900px 360px at 50% 120%,color-mix(in srgb,var(--le-gold) 35%,transparent),transparent 70%),linear-gradient(180deg,#00000080,#ffffff08)}.nebula .countdown div{border-radius:14px;background:#00000059}.nebula .overlay{background:#03040c8c;backdrop-filter:blur(8px)}.nebula .modal{border-radius:28px;clip-path:none;border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--bg2) 92%,transparent),color-mix(in srgb,var(--bg) 92%,transparent));box-shadow:0 40px 120px #0009,inset 0 1px #ffffff12}.nebula .sheet-overlay{align-items:flex-end!important;padding-bottom:0!important}.nebula .modal.sheet{width:min(1140px,96vw);max-height:88vh;border-radius:32px 32px 0 0;border-bottom:0;animation:nbSheet .55s cubic-bezier(.16,1,.3,1) both}.nebula .modal.sheet:before{content:"";position:sticky;top:10px;display:block;width:54px;height:5px;margin:10px auto -15px;border-radius:5px;background:#ffffff40;z-index:6}.nebula .pd .gallery{margin:14px;border-radius:24px;background:radial-gradient(90% 80% at 50% 95%,color-mix(in srgb,var(--card-accent, var(--accent)) 45%,transparent),transparent 70%),#ffffff0a}.nebula .pd .gallery .main-img img{animation:nbHover 6s ease-in-out infinite}.nebula .pd .thumbs button{border-radius:12px}.nebula .pd .info h2{font-size:30px}.nebula .kv{border-radius:16px;padding:14px;background:#ffffff0a;border:1px solid var(--border)}.nebula .qty{border-radius:999px;overflow:hidden}.nebula .drawer{margin:12px;border-radius:28px;border:1px solid var(--border);top:0;bottom:0;overflow:hidden;background:linear-gradient(170deg,color-mix(in srgb,var(--bg2) 88%,transparent),color-mix(in srgb,var(--bg) 92%,transparent));backdrop-filter:blur(24px);box-shadow:0 30px 90px #0000008c}.nebula .line{border-radius:18px;background:#ffffff0a}.nebula .line .thumb{border-radius:12px}.nebula .rowcard,.nebula .panel,.nebula .stat{border-radius:20px;background:linear-gradient(160deg,#ffffff12,#ffffff05)}.nebula .rowcard{transition:transform .3s,border-color .3s;animation:nbCard .5s cubic-bezier(.16,1,.3,1) backwards}.nebula .rowcard:hover{transform:translate(-4px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}[dir=ltr] .nebula .rowcard:hover{transform:translate(4px)}.nebula .rowcard>svg{padding:8px;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 45%,var(--accent2)))}.nebula .bp-hero{border-radius:30px;clip-path:none;background:radial-gradient(700px 300px at 85% 30%,color-mix(in srgb,var(--hero-accent, var(--accent)) 40%,transparent),transparent 70%),#ffffff0a}.nebula .bp-cell{border-radius:18px;background:#ffffff0a}.nebula .bp-col.reached .lv{color:#fff;text-shadow:0 0 12px var(--accent2)}.nebula .bp-bar i{box-shadow:0 0 14px var(--accent2)}.nebula .chip{background:#0003}.nebula .toasts{top:96px}.nebula .toast{border-radius:16px;background:color-mix(in srgb,var(--bg2) 90%,transparent);backdrop-filter:blur(14px);animation:nbToast .45s cubic-bezier(.16,1,.3,1) both}.nebula .skeleton{border-radius:22px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%}.nebula .empty svg{width:64px;height:64px;opacity:.6;color:var(--accent2);animation:nbHover 4s ease-in-out infinite}.splash-orb{width:86px;height:86px;border-radius:28px;display:grid;place-items:center;color:#fff;background:conic-gradient(from 0deg,var(--accent),var(--accent2),var(--accent));animation:nbSpin 2.4s linear infinite,nbGlow 1.6s ease-in-out infinite}.splash-orb svg{width:36px;height:36px}@property --nb-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes nbBorder{to{--nb-a: 360deg}}@keyframes nbFade{0%{opacity:0}}@keyframes nbFadeIn{0%{opacity:0}}@keyframes nbPop{0%{opacity:0;transform:scale(.94) translateY(16px)}}@keyframes nbSlide{0%{opacity:0;transform:translate(60px)}}@keyframes nbSlideL{0%{opacity:0;transform:translate(-60px)}}@keyframes nbDown{0%{opacity:0;transform:translateY(-16px)}}@keyframes nbPage{0%{opacity:0;transform:translateY(18px);filter:blur(4px)}}@keyframes nbCard{0%{opacity:0;transform:perspective(900px) translateY(26px) rotateX(10deg) scale(.96)}}@keyframes nbSheet{0%{transform:translateY(100%)}}@keyframes nbToast{0%{opacity:0;transform:translateY(-14px) scale(.95)}}@keyframes nbSlideText{0%{opacity:0;transform:translate(40px)}}@keyframes nbArtIn{0%{opacity:0;transform:translate(-60px) scale(.85) rotate(-6deg)}}[dir=ltr] .hero2-text{animation-name:nbSlideTextL}@keyframes nbSlideTextL{0%{opacity:0;transform:translate(-40px)}}@keyframes nbHover{50%{transform:translateY(-14px)}}@keyframes nbBreathe{50%{transform:scale(1.12);opacity:.8}}@keyframes nbOrbit{to{transform:rotateX(68deg) rotate(360deg)}}@keyframes nbProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes nbShine{to{background-position:-220% center}}@keyframes nbSpin{to{transform:rotate(360deg)}}@keyframes nbFloat{50%{translate:0 -24px}}@keyframes nbTumble{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(180deg) translateY(-30px)}to{transform:rotate(360deg) translateY(0)}}@keyframes nbDrift1{to{transform:translate(12vw,10vh) scale(1.15)}}@keyframes nbDrift2{to{transform:translate(-14vw,-12vh) scale(1.2)}}@keyframes nbDrift3{0%{transform:translate(0)}50%{transform:translate(-18vw,8vh)}to{transform:translate(10vw,-14vh)}}@keyframes nbBeam{0%,to{transform:translate(0) rotate(20deg);opacity:0}50%{transform:translate(380%) rotate(20deg);opacity:1}}@keyframes nbGlow{50%{box-shadow:0 8px 36px color-mix(in srgb,var(--accent2) 70%,transparent)}}@keyframes nbBadge{0%{box-shadow:0 0 color-mix(in srgb,var(--bad) 70%,transparent)}to{box-shadow:0 0 0 10px transparent}}@media (max-width: 1200px){.hero2{grid-template-columns:1fr;padding:28px}.hero2-art{min-height:220px;order:-1}.dock-name small{display:none}.dock-search{flex-basis:200px}}@media (max-width: 900px){.dock{flex-wrap:wrap}.dock-search,.dock-search.open{order:3;flex:1 1 100%}}