:root{--bg:#070809;--bg-2:#0b0c10;--panel:#10131a;--surface:#1b1f28;--surface-2:#252a36;--surface-3:#313846;--border:#343a48;--border-2:#4a5263;--text:#f6f8fb;--text-dim:#bcc2ce;--text-faint:#8b929f;--accent:#5b8def;--accent-2:#22d3ee;--accent-grad:linear-gradient(135deg, var(--accent), var(--accent-2));--on-accent:#06101f;--glow:color-mix(in srgb, var(--accent) 55%, transparent);--radius-xs:8px;--radius-sm:12px;--radius:16px;--radius-lg:20px;--shadow-1:0 1px 2px #0006, 0 6px 14px -6px #00000080, 0 20px 38px -16px #0009;--shadow-2:0 2px 5px #0000006b, 0 14px 28px -8px #00000080, 0 40px 70px -22px #000000c7;--ease:cubic-bezier(.22, .68, .18, 1);--topbar-h:74px;--frame-pad-x:clamp(16px, 3vw, 48px);--frame-pad-top:calc(var(--topbar-h,74px) + 28px)}@media (max-width:600px){:root{--topbar-h:70px;--frame-pad-x:14px;--frame-pad-top:calc(var(--topbar-h,70px) + 20px)}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-gutter:stable}html.scroll-locked,html.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:hidden}body{min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font-inter), var(--font-noto-thai), system-ui, sans-serif;margin:0;font-size:15px;line-height:1.5;overflow-x:clip}button,input{font:inherit}:where(.shop-tab,.item-card):focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:3px}::selection{color:#fff;background:color-mix(in srgb, var(--accent) 70%, black)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 38%, #3c3f49) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:color-mix(in srgb, var(--accent) 34%, #3c3f49);border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--accent) 55%, #4c505c)}#nprogress{pointer-events:none;z-index:2147483647;opacity:1;height:0;transition:opacity .18s;position:fixed;inset:0 0 auto}#nprogress.is-idle{opacity:0}#nprogress .bar{top:0;transform-origin:0;background:linear-gradient(90deg,#38bdf8,#818cf8 48%,#22d3ee);width:100%;height:3px;transition:transform .18s cubic-bezier(.22,.68,.18,1);position:fixed;inset-inline-start:0;box-shadow:0 0 16px #22d3ee80,0 0 28px #5b8def52}#nprogress .peg{inset-inline-end:0;border-radius:999px;width:120px;height:100%;position:absolute;top:0;transform:rotate(3deg)translateY(-1px);box-shadow:0 0 12px #22d3ee,0 0 22px #818cf8d9}.shop-shell{isolation:isolate;min-height:100vh;position:relative}.shop-shell:before{content:"";z-index:40;background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), var(--accent), transparent);opacity:.9;background-size:200% 100%;height:2px;animation:7s linear infinite topSheen;position:fixed;inset:0 0 auto}@keyframes topSheen{to{background-position:200% 0}}html.is-scrolling .shop-shell:before,html.scroll-locked .shop-shell:before{animation-play-state:paused}.ambient{z-index:-1;pointer-events:none;background:radial-gradient(820px 460px at 4% -12%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 60%), radial-gradient(720px 460px at 100% -6%, color-mix(in srgb, var(--accent-2) 15%, transparent), transparent 58%), radial-gradient(900px 520px at 50% 118%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 66%), linear-gradient(180deg, var(--bg-2), var(--bg));transition:background .5s var(--ease);will-change:transform;animation:26s ease-in-out infinite alternate ambientDrift;position:fixed;inset:0}@keyframes ambientDrift{0%{transform:translate(-1.5%,-1%)scale(1.06)}to{transform:translate(1.5%,1.2%)scale(1.06)}}html.is-scrolling .ambient,html.scroll-locked .ambient{animation-play-state:paused}.app-frame{width:100%;max-width:none;padding:var(--frame-pad-top) var(--frame-pad-x) 80px;flex-direction:column;gap:28px;margin:0 auto;display:flex}.route-page{flex-direction:column;gap:28px;min-width:0;display:flex}.route-fallback{place-items:center;min-height:60vh;display:grid}.eyebrow{color:var(--text-faint);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-grad);border-radius:2px;width:18px;height:2px}.shop-heading{align-items:center;gap:14px;display:flex}.shop-heading-mark{flex-shrink:0;align-items:center;display:flex}.shop-heading-mark .fa-duo{--fa-secondary-opacity:1;filter:drop-shadow(0 4px 12px var(--glow));font-size:27px}.section-title{font-family:var(--font-sora), var(--font-jakarta), var(--font-inter), sans-serif;letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(25px,3vw,33px);font-weight:800;line-height:1.05}.title-accent{color:var(--accent)}.topbar{top:0;z-index:30;background:radial-gradient(120% 180% at 50% -60%, #6366f124, transparent 60%), radial-gradient(60% 140% at 85% -40%, #22d3ee14, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 72%, transparent), color-mix(in srgb, var(--bg) 84%, transparent));-webkit-backdrop-filter:blur(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25);border-bottom:1px solid #22d3ee29;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(16px,3vw,48px);display:flex;position:fixed;inset-inline:0;box-shadow:0 14px 34px -24px #000000eb,0 1px 18px -6px #22d3ee40,inset 0 1px #ffffff0a}.topbar:after{content:"";inset-inline-start:0;pointer-events:none;will-change:transform;background:linear-gradient(90deg,#0000,#6366f1cc 30%,#22d3ee 55%,#22d3eee6 60%,#0000);width:260px;height:2px;animation:5.5s cubic-bezier(.4,0,.6,1) infinite topbarPulse;position:absolute;bottom:-1px;box-shadow:0 0 16px 2px #22d3ee73}@keyframes topbarPulse{0%{transform:translate(-280px)}60%,to{transform:translate(100vw)}}.topbar-fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.topbar-fx:before{content:"";inset-inline:0;background:repeating-linear-gradient(90deg,#22d3ee38 0 1px,#0000 1px 64px);height:5px;position:absolute;bottom:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.topbar-fx:after{content:"";inset-inline:0;background:repeating-linear-gradient(-45deg,#22d3ee47 0 9px,#0000 9px 18px);height:3px;position:absolute;top:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 30% 70%,#000);mask-image:linear-gradient(90deg,#000,#0000 30% 70%,#000)}.topbar-scan{will-change:transform;background:linear-gradient(90deg,#0000,#22d3ee12 35%,#a5f3fc21 50%,#22d3ee12 65%,#0000);width:90px;animation:7s ease-in-out infinite topbarScan;position:absolute;top:-30%;bottom:-30%;transform:translate(-140px)skew(-18deg)}@keyframes topbarScan{0%,55%{transform:translate(-140px)skew(-18deg)}to{transform:translate(calc(100vw + 140px))skew(-18deg)}}@media (prefers-reduced-motion:reduce){.topbar:after,.topbar-scan{animation:none;display:none}}@media (hover:none) and (pointer:coarse){.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(120% 180% at 50% -60%, #6366f124, transparent 60%), radial-gradient(60% 140% at 85% -40%, #22d3ee14, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 96%, #fff), var(--bg));transform:translateZ(0)}}.topbar:before{content:"";bottom:100%;pointer-events:none;background:linear-gradient(180deg, var(--bg), color-mix(in srgb, var(--bg) 96%, #fff));will-change:transform;height:100vh;position:absolute;inset-inline:0;transform:translateZ(0)}.brand-mark{flex-shrink:0;align-items:center;padding:3px 5px;display:flex;position:relative}.brand-mark:before,.brand-mark:after{content:"";width:11px;height:11px;transition:transform .22s var(--ease), border-color .22s var(--ease);pointer-events:none;border:1.5px solid #22d3eebf;position:absolute}.brand-mark:before{top:0;border-inline-end:0;border-bottom:0;inset-inline-start:0}.brand-mark:after{bottom:0;border-inline-start:0;border-top:0;inset-inline-end:0}.brand-mark:hover:before{border-color:#67e8f9;transform:translate(-3px,-3px)}.brand-mark:hover:after{border-color:#67e8f9;transform:translate(3px,3px)}.brand-mark img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000073);width:auto;max-width:150px;height:42px;display:block}.brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-sub{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.22em;text-transform:uppercase;color:#a5f3fc73;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:8.5px;font-weight:500;line-height:10px;display:inline-flex}.brand-sub-led{background:#34d399;border-radius:50%;width:5px;height:5px;animation:1.8s ease-out infinite brandLedPing;box-shadow:0 0 6px #34d399e6}@keyframes brandLedPing{0%{box-shadow:0 0 #34d39999}70%,to{box-shadow:0 0 0 5px #34d39900}}@media (prefers-reduced-motion:reduce){.brand-sub-led{animation:none}}@media (max-width:700px){.brand-sub{display:none}}.brand-title{font-family:var(--font-sora), var(--font-jakarta), var(--font-inter), sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--text);align-items:center;gap:5px;font-size:20px;font-weight:800;line-height:26px;display:inline-flex}.brand-title-link{color:inherit;text-decoration:none;display:inline-block}.brand-accent{letter-spacing:.04em;color:#050d16;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);filter:drop-shadow(0 0 12px #22d3ee80);background:linear-gradient(120deg,#818cf8 0%,#22d3ee 40%,#a5f3fc 50%,#22d3ee 60%,#818cf8 100%) 0 0/240% 100%;padding:2px 7px 3px;font-size:17px;line-height:21px;animation:4.5s linear infinite brandFlow;display:inline-block;transform:skew(-8deg)}@keyframes brandFlow{to{background-position:-240% 0}}@media (prefers-reduced-motion:reduce){.brand-accent{animation:none}}.topbar-left{align-items:center;gap:clamp(14px,3vw,34px);min-width:0;display:flex}.header-nav{counter-reset:navIdx;align-items:stretch;gap:4px;padding:0 14px;display:flex;position:relative}.header-nav:before,.header-nav:after{content:"";pointer-events:none;background:#22d3ee66;width:5px;height:22px;position:absolute;top:50%;transform:translateY(-50%)skew(-14deg)}.header-nav:before{left:0}.header-nav:after{right:0}.header-nav-link{--nav-1:var(--accent);--nav-2:var(--accent-2);isolation:isolate;font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;transition:color .16s var(--ease), filter .16s var(--ease);border-radius:0;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:700;line-height:16px;text-decoration:none;display:inline-flex;position:relative}.header-nav-link:before{content:"";z-index:-1;border:1px solid #0000;border-inline-start:2px solid color-mix(in srgb, var(--nav-1) 28%, transparent);transition:background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);background:#ffffff06;position:absolute;inset:0;transform:skew(-14deg)}.header-nav-link:after{counter-increment:navIdx;content:counter(navIdx, decimal-leading-zero);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--nav-1) 55%, transparent);transition:-webkit-text-stroke-color .16s var(--ease);order:-1;font-size:13px;font-weight:700;line-height:1}.header-nav-link.active:after{color:#ffffffeb;-webkit-text-stroke:0}.header-nav-link:hover{color:var(--text)}.header-nav-link:hover:before{background:linear-gradient(90deg, color-mix(in srgb, var(--nav-1) 17%, transparent), color-mix(in srgb, var(--nav-1) 4%, transparent));border-color:color-mix(in srgb, var(--nav-1) 35%, transparent);border-inline-start-color:var(--nav-1)}.header-nav-link.active{color:#fff}.header-nav-link.active:before{background:linear-gradient(135deg, var(--nav-1) 0%, var(--nav-2) 100%);border-color:color-mix(in srgb, var(--nav-1) 60%, #fff);border-inline-start-color:color-mix(in srgb, var(--nav-1) 50%, #fff);box-shadow:inset 0 1px 0 #ffffff57, 0 8px 16px -6px color-mix(in srgb, var(--nav-1) 70%, transparent), 0 0 14px -4px color-mix(in srgb, var(--nav-2) 55%, transparent)}.header-nav-link .fa-duo{color:var(--nav-1);--fa-primary-color:var(--nav-1);--fa-secondary-color:var(--nav-2);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--nav-1) 42%, transparent))}.header-nav-link.active .fa-duo{color:#fff;--fa-primary-color:#fff;--fa-secondary-color:#ffffffa8;filter:drop-shadow(0 1px 2px #0000004d)}@media (max-width:600px){.header-nav-link{padding:8px 11px}.header-nav-link span{display:none}}.header-nav-group{--nav-1:var(--accent);--nav-2:var(--accent-2);position:relative}.header-nav-trigger{cursor:pointer;background:0 0;border:1px solid #0000}.header-nav-trigger.open:not(.active){color:var(--text)}.header-nav-trigger.open:not(.active):before{background:linear-gradient(90deg, color-mix(in srgb, var(--nav-1) 17%, transparent), color-mix(in srgb, var(--nav-1) 4%, transparent));border-color:color-mix(in srgb, var(--nav-1) 35%, transparent);border-inline-start-color:var(--nav-1)}.header-nav-trigger .header-nav-caret{opacity:.55;color:currentColor;--fa-primary-color:currentColor;--fa-secondary-color:currentColor;filter:none;transition:transform .16s var(--ease), opacity .16s var(--ease);margin-inline-start:1px}.header-nav-trigger.open .header-nav-caret{opacity:.85;transform:rotate(180deg)}.header-nav-dropdown{top:calc(100% + 7px);transform-origin:top;z-index:250;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#0000,#22d3eebf 35%,#6366f1bf 65%,#0000) top/100% 2px no-repeat,repeating-linear-gradient(90deg,#22d3ee1f 0 1px,#0000 1px 28px) bottom/100% 4px no-repeat,linear-gradient(#16181ffc,#0d0e13fc);border:1px solid #22d3ee38;border-radius:3px;flex-direction:column;gap:3px;min-width:224px;padding:7px;display:flex;position:absolute;inset-inline-start:50%;box-shadow:0 26px 54px -22px #000000e0,0 0 30px -10px #22d3ee59,inset 0 1px #ffffff0f}.header-nav-dropdown:before{content:"";top:-9px;height:9px;position:absolute;inset-inline:0}.header-nav-dropdown:after{content:"";top:-6px;border-inline-start:1px solid #22d3ee66;background:#16181f;border-top:1px solid #22d3ee66;width:12px;height:12px;position:absolute;inset-inline-start:50%;transform:translate(-50%)rotate(45deg)}.header-nav-drop-link{--nav-1:var(--accent);--nav-2:var(--accent-2);isolation:isolate;z-index:1;font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;transition:color .15s var(--ease), transform .15s var(--ease);border-radius:0;align-items:center;gap:11px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;display:flex;position:relative}.header-nav-drop-link:before{content:"";z-index:-1;transition:background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);background:0 0;border-inline-start:2px solid #0000;position:absolute;inset:1px 4px;transform:skew(-10deg)}.header-nav-drop-link:hover{color:var(--text);transform:translate(3px)}.header-nav-drop-link:hover:before{background:linear-gradient(90deg, color-mix(in srgb, var(--nav-1) 17%, transparent), color-mix(in srgb, var(--nav-1) 5%, transparent));border-inline-start-color:var(--nav-1)}.header-nav-drop-link.active{color:#fff}.header-nav-drop-link.active:before{background:linear-gradient(135deg, var(--nav-1) 0%, var(--nav-2) 100%);border-inline-start-color:color-mix(in srgb, var(--nav-1) 55%, #fff);box-shadow:inset 0 1px 0 #ffffff4d, 0 8px 18px -8px color-mix(in srgb, var(--nav-1) 75%, transparent)}.header-nav-drop-link .fa-duo{color:var(--nav-1);--fa-primary-color:var(--nav-1);--fa-secondary-color:var(--nav-2);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--nav-1) 40%, transparent))}.header-nav-drop-link.active .fa-duo{color:#fff;--fa-primary-color:#fff;--fa-secondary-color:#ffffffa8;filter:none}.ghost-icon.mantine-ActionIcon-root{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);transition:border-color .16s var(--ease), color .16s var(--ease), background .16s var(--ease)}.ghost-icon.mantine-ActionIcon-root:hover{border-color:var(--border-2);background:var(--surface-2);color:var(--text)}.error-alert.mantine-Alert-root{border:1px solid color-mix(in srgb, #ff6b6b 30%, var(--border));background:color-mix(in srgb, #ff6b6b 8%, var(--surface));border-radius:var(--radius)}.shop-tabs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.shop-tab{border:1px solid var(--border);background:repeating-linear-gradient(0deg, #ffffff03 0 1px, transparent 1px 3px), var(--surface);text-align:start;transition:border-color .18s var(--ease), background .18s var(--ease);border-radius:4px;align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.shop-tab:after{content:"";inset-inline-end:-1px;border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);border-inline-start:0;opacity:0;pointer-events:none;width:12px;height:12px;transition:opacity .18s var(--ease);border-top:0;position:absolute;bottom:-1px}.shop-tab:hover{border-color:var(--border-2);background:repeating-linear-gradient(0deg, #ffffff03 0 1px, transparent 1px 3px), var(--surface-2)}.shop-tab[data-active]{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:repeating-linear-gradient(0deg, #ffffff04 0 1px, transparent 1px 3px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, var(--surface)), var(--surface) 70%)}.shop-tab[data-active]:after{opacity:.8}.tab-glow{inset-inline-start:0;background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent) 80%, transparent) 0 8px, #0a0a0c4d 8px 16px);width:5px;box-shadow:2px 0 12px -2px color-mix(in srgb, var(--accent) 60%, transparent);pointer-events:none;border-radius:0;position:absolute;top:0;bottom:0}.tab-icon{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);width:42px;height:42px;color:var(--text-dim);background:var(--surface-3);border:1px solid var(--border);transition:color .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease);border-radius:0;flex:none;place-items:center;display:grid}.shop-tab[data-active] .tab-icon{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-3));border-color:color-mix(in srgb, var(--accent) 26%, var(--border))}.tab-body{flex-direction:column;gap:4px;min-width:0;display:flex}.tab-top{align-items:center;gap:9px;display:flex}.tab-label{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--text);font-size:14px;font-weight:800}.tab-count{height:19px;color:var(--text-dim);background:var(--surface-3);font-feature-settings:"tnum";border-radius:6px;align-items:center;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.tab-desc{color:var(--text-faint);font-size:12.5px;line-height:1.4}.catalog{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, #ffffff09, #fff0 160px) padding-box, var(--panel);box-shadow:var(--shadow-1), inset 0 1px 0 #ffffff0b;padding:clamp(18px,2.2vw,28px)}.catalog-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.catalog-head-right{align-items:center;gap:12px;display:flex}.result-count{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text-dim);font-feature-settings:"tnum";white-space:nowrap;border-radius:9px;align-items:center;gap:5px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.result-count b{color:var(--text);font-weight:700}.clear-filters{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text-dim);cursor:pointer;transition:border-color .16s var(--ease), color .16s var(--ease), background .16s var(--ease);border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:600;display:inline-flex}.clear-filters:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border-2));background:var(--surface-2);color:var(--text)}.clear-filters .fa-duo{color:var(--accent)}.scroll-top{inset-inline-end:clamp(16px,3vw,40px);z-index:50;width:48px;height:48px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 16px 34px -12px var(--glow), inset 0 1px 0 #ffffff47;cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s var(--ease);border:1px solid #0000;border-radius:15px;place-items:center;display:grid;position:fixed;bottom:clamp(16px,3vw,32px)}.scroll-top:hover{box-shadow:0 22px 42px -12px var(--glow), inset 0 1px 0 #ffffff52;transform:translateY(-3px)}.scroll-top .fa-duo{--fa-secondary-opacity:.5}.catalog-toolbar{border-radius:var(--radius);border:1px solid var(--border-2);background:linear-gradient(#ffffff0e,#ffffff06);margin-bottom:24px;padding:16px;box-shadow:inset 0 1px #ffffff12}.catalog-toolbar>:last-child{margin-bottom:0}.catalog-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-input{flex:320px}.search-input .mantine-TextInput-input{background:var(--surface-2);border-color:var(--border-2);color:var(--text)}.search-input .mantine-TextInput-input::placeholder{color:var(--text-faint)}.search-input .mantine-TextInput-input:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.sort-trigger{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface-2);height:42px;color:var(--text);transition:border-color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);align-items:center;gap:10px;padding:0 12px 0 14px;display:inline-flex}.sort-trigger:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--border-2));background:var(--surface-2)}.sort-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.sort-trigger-icon.fa-duo{--fa-secondary-opacity:1;font-size:16px}.sort-trigger-text{text-align:start;flex-direction:column;line-height:1.1;display:flex}.sort-trigger-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px;font-weight:700}.sort-trigger-label{color:var(--text);font-size:13.5px;font-weight:700}.sort-chevron{color:var(--text-faint);transition:transform .2s var(--ease);margin-inline-start:4px}.sort-trigger[aria-expanded=true] .sort-chevron{color:var(--accent);transform:rotate(180deg)}.sort-menu.mantine-Menu-dropdown{background:var(--panel);border:1px solid var(--border-2);min-width:196px;box-shadow:var(--shadow-2);border-radius:14px;padding:6px}.sort-item.mantine-Menu-item{color:var(--text-dim);border-radius:9px;padding:9px 10px;font-size:13.5px;font-weight:600}.sort-item.mantine-Menu-item .fa-duo{--fa-secondary-opacity:1}.sort-item.mantine-Menu-item[data-hovered],.sort-item.mantine-Menu-item:hover{background:var(--surface-2);color:var(--text)}.sort-item[data-active].mantine-Menu-item{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text);font-weight:700}.sort-check{color:var(--accent)}.type-filter{border-top:1px solid var(--border);flex-wrap:nowrap;align-items:center;gap:8px;margin:0;padding:13px 0;display:flex}.catalog-controls+.type-filter{border-top:none;padding-top:0}.type-pills-wrap{flex:auto;min-width:0;position:relative}.type-pills{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.pills-edge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:3;width:22px;height:22px;animation:pillsEdgeIn .15s var(--ease);background:#ffffff21;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}@keyframes pillsEdgeIn{0%{opacity:0}to{opacity:1}}.pills-edge .fa-duo{--fa-primary-color:var(--text);--fa-secondary-color:var(--accent);--fa-primary-opacity:1;--fa-secondary-opacity:1}.pills-edge-left{inset-inline-start:1px}.pills-edge-right{inset-inline-end:1px}.filter-label{border:1px solid var(--border-2);min-width:114px;height:34px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#ffffff12,#ffffff06);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;margin-inline-end:4px;padding:0 12px;font-size:10.5px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff12}.filter-label .fa-duo{--fa-primary-color:var(--accent);--fa-secondary-color:var(--accent-2);--fa-primary-opacity:1;--fa-secondary-opacity:1}.type-pill{--type:var(--accent);border:1px solid color-mix(in srgb, var(--type) 16%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--type) 9%, #0a0c12), color-mix(in srgb, var(--type) 3%, #06070b));height:34px;color:var(--text-dim);white-space:nowrap;cursor:pointer;transition:transform .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease), color .16s var(--ease), box-shadow .16s var(--ease);border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.type-pill:hover{border-color:color-mix(in srgb, var(--type) 75%, var(--border-2));background:linear-gradient(180deg, color-mix(in srgb, var(--type) 34%, var(--surface-2)), color-mix(in srgb, var(--type) 18%, var(--surface-2)));box-shadow:inset 0 1px 0 #ffffff1a, 0 7px 20px -7px color-mix(in srgb, var(--type) 75%, transparent);transform:translateY(-1px)}.type-pill[data-active]{background:linear-gradient(135deg, color-mix(in srgb, var(--type) 86%, #fff) 0%, var(--type) 52%, color-mix(in srgb, var(--type) 82%, #000) 120%);color:#fff;box-shadow:inset 0 1px 0 #fff6, 0 0 0 1px color-mix(in srgb, var(--type) 72%, transparent), 0 9px 22px -8px color-mix(in srgb, var(--type) 85%, transparent), 0 0 18px -8px color-mix(in srgb, var(--type) 80%, transparent);border-color:#0000;animation:3.4s ease-in-out infinite pillGlow}@keyframes pillGlow{0%,to{box-shadow:inset 0 1px 0 #fff6, 0 0 0 1px color-mix(in srgb, var(--type) 72%, transparent), 0 9px 22px -8px color-mix(in srgb, var(--type) 85%, transparent), 0 0 16px -9px color-mix(in srgb, var(--type) 70%, transparent)}50%{box-shadow:inset 0 1px 0 #ffffff75, 0 0 0 1px color-mix(in srgb, var(--type) 82%, transparent), 0 11px 26px -8px color-mix(in srgb, var(--type) 95%, transparent), 0 0 26px -6px color-mix(in srgb, var(--type) 88%, transparent)}}.type-pill .fa-duo{--fa-primary-color:color-mix(in srgb, var(--type) 64%, var(--text-dim));--fa-secondary-color:color-mix(in srgb, var(--type) 30%, var(--text-dim));--fa-primary-opacity:1;--fa-secondary-opacity:1}.type-pill:hover .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 42%, #fff)}.type-pill[data-active] .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:color-mix(in srgb, var(--type) 26%, #fff)}.type-pill:focus-visible{outline:2px solid color-mix(in srgb, var(--type) 65%, transparent);outline-offset:2px}.type-count{height:17px;color:color-mix(in srgb, var(--type) 45%, var(--text-dim));background:color-mix(in srgb, var(--type) 12%, var(--surface-3));font-feature-settings:"tnum";border-radius:5px;align-items:center;padding:0 6px;font-size:10.5px;font-weight:700;display:inline-flex}.type-pill:hover .type-count{color:color-mix(in srgb, var(--type) 85%, var(--text-dim));background:color-mix(in srgb, var(--type) 22%, var(--surface-3))}.type-pill[data-active] .type-count{color:#fff;background:color-mix(in srgb, var(--type) 40%, #ffffff1f)}.type-subfilter{border-top:none;align-items:center;margin-top:-2px;padding-top:8px}.type-subfilter .filter-label{border-color:color-mix(in srgb, var(--type) 42%, var(--border-2));background:linear-gradient(180deg, color-mix(in srgb, var(--type) 18%, var(--surface-2)), color-mix(in srgb, var(--type) 7%, var(--surface-2)));color:color-mix(in srgb, var(--type) 32%, var(--text))}.type-subfilter .filter-label .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 45%, #fff)}.type-subfilter .type-pill{--type:inherit;height:31px;font-size:12.5px}.filter-pill-sk{border-radius:9px;flex-shrink:0;height:34px}.grid-fade{transition:opacity .3s var(--ease), filter .3s var(--ease);will-change:opacity;transition-delay:0s}.grid-fade[data-pending]{opacity:.62;filter:saturate(.9);pointer-events:none;transition-delay:.17s}.virtual-grid{contain:layout;width:100%}.virtual-grid-inner{width:100%;position:relative}.virtual-grid-row{top:0;width:100%;display:flex;position:absolute;inset-inline-start:0}.item-card{--accent-2:color-mix(in srgb, var(--accent) 52%, #fff);--accent-deep:color-mix(in srgb, var(--accent) 64%, #04060b);--glow:color-mix(in srgb, var(--accent) 62%, transparent);background:linear-gradient(168deg, color-mix(in srgb, var(--accent) 28%, #14181f) 0%, color-mix(in srgb, var(--accent) 9%, #0d1017) 54%, #07090e 100%) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 88%, var(--border-2)) 0%, color-mix(in srgb, var(--accent) 32%, var(--border)) 48%, color-mix(in srgb, var(--accent-deep) 80%, var(--border-2)) 100%) border-box;text-align:start;width:100%;height:100%;box-shadow:0 1px 2px #00000080, 0 10px 22px -12px #0000009e,  0 12px 30px -16px color-mix(in srgb, var(--accent) 55%, transparent), inset 0 1px 0 #ffffff29, inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, #ffffff08);will-change:transform;transition:transform .32s var(--ease);border:1px solid #0000;border-radius:20px;flex-direction:column;padding:10px;display:flex;position:relative;overflow:hidden}.item-card:after{content:"";z-index:6;background:var(--accent-grad);opacity:.95;height:3px;transition:opacity .24s var(--ease);pointer-events:none;border-radius:0 0 4px 4px;position:absolute;inset:0 14% auto}.item-card:hover{transform:translateY(-6px)scale(1.015)}.item-card:hover:after{opacity:1}.item-card:active{transition-duration:90ms;transform:translateY(-2px)scale(1.004)}.item-media{background:radial-gradient(130% 120% at 50% -10%, color-mix(in srgb, var(--accent) 44%, #20222c) 0%, color-mix(in srgb, var(--accent-deep) 28%, #11141b) 46%, #06080c 100%);border-radius:13px;height:174px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff0d,inset 0 -16px 26px -22px #000000c7}.item-img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);display:block}.item-card:hover .item-img{transform:scale(1.06)}.item-media-scrim{z-index:1;pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 18% 52%,#06080ca8 100%);position:absolute;inset:0}.item-media:after{content:"";background:radial-gradient(120% 78% at 50% 116%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 62%);opacity:0;transition:opacity .32s var(--ease);pointer-events:none;position:absolute;inset:0}.item-card:hover .item-media:after{opacity:1}.item-options{inset-inline:8px;z-index:7;background:radial-gradient(125% 92% at 50% -12%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 58%) padding-box, linear-gradient(180deg, color-mix(in srgb, var(--accent-deep) 34%, #090b11f0) 0%, #07090efa 100%) padding-box, linear-gradient(150deg, color-mix(in srgb, var(--accent-2) 62%, var(--border-2)), color-mix(in srgb, var(--accent) 14%, var(--border)) 46%, color-mix(in srgb, var(--accent-deep) 54%, var(--border-2))) border-box;max-height:calc(100% - 16px);box-shadow:0 -2px 8px #0006, 0 -24px 54px -12px #000c, 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent), inset 0 1px 0 #ffffff29;opacity:0;transition:transform .34s var(--ease), opacity .24s var(--ease);pointer-events:none;border:1px solid #0000;border-radius:17px;flex-direction:column;gap:9px;padding:13px;display:flex;position:absolute;bottom:8px;overflow:hidden;transform:translateY(calc(100% + 16px))}.item-card[data-open] .item-options{opacity:1;pointer-events:auto;transform:translateY(0)}.item-options-head{border-bottom:1px solid color-mix(in srgb, var(--accent) 22%, #ffffff14);justify-content:space-between;align-items:center;gap:8px;padding-bottom:9px;display:flex}.item-options-title{letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb, var(--accent-2) 86%, #fff);align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.item-options-title .fa-duo{color:color-mix(in srgb, var(--accent-2) 90%, #fff);filter:drop-shadow(0 1px 4px var(--glow))}.item-options-count{font-feature-settings:"tnum";color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-deep));min-width:19px;height:19px;box-shadow:inset 0 1px 0 #ffffff47, 0 3px 8px -3px var(--glow);border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.item-options-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:auto;gap:6px;min-height:0;margin:-1px;padding:1px;display:flex;overflow-y:auto}.item-options-list::-webkit-scrollbar{width:0;height:0;display:none}.item-options-cta{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 32%, var(--accent)) 0%, var(--accent) 52%, var(--accent-deep) 100%);color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px #0006;box-shadow:0 12px 26px -8px var(--glow), inset 0 1px 0 #ffffff61, inset 0 0 0 1px #fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:11px;font-size:12.5px;font-weight:800;display:flex;position:relative;overflow:hidden}.item-options-cta:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 36%,#ffffff6b 50%,#0000 64%);position:absolute;inset:0;transform:translate(-130%)}.item-card[data-open] .item-options-cta:before{transition:transform .9s .24s var(--ease);transform:translate(130%)}.item-options-cta .fa-duo{--fa-secondary-opacity:.6}.item-card[data-open] .item-options-cta .fa-duo{animation:ctaArrow 1.4s var(--ease) infinite}@keyframes ctaArrow{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.item-option{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));opacity:0;transition:opacity .22s var(--ease), transform .22s var(--ease), background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);background:linear-gradient(#ffffff0e,#0000003d);border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:8px 11px 8px 13px;display:flex;position:relative;overflow:hidden;transform:translateY(8px);box-shadow:inset 0 1px #ffffff0f}.item-option:before{content:"";inset-inline-start:0;background:var(--accent-grad);width:3px;height:0;transition:height .22s var(--ease);pointer-events:none;border-radius:0 3px 3px 0;position:absolute;top:50%;transform:translateY(-50%)}.item-card[data-open] .item-option{opacity:1;transform:translateY(0)}.item-card[data-open] .item-option:first-child{transition-delay:80ms}.item-card[data-open] .item-option:nth-child(2){transition-delay:.125s}.item-card[data-open] .item-option:nth-child(3){transition-delay:.17s}.item-card[data-open] .item-option:nth-child(4){transition-delay:.215s}.item-card[data-open] .item-option:nth-child(5){transition-delay:.26s}.pack-card{cursor:pointer;overflow:hidden}.packs-grid-static .pack-card:not(.pack-card-sk){animation:none}.shop-tab-panel-in{animation:.26s cubic-bezier(.2,.7,.2,1) backwards shopPanelIn}@keyframes shopPanelIn{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.shop-tab-panel-in{animation:none}}.pack-card[data-open] .item-options{opacity:1;pointer-events:auto;transform:translateY(0)}.pack-card[data-open] .item-option{opacity:1;transform:translateY(0)}.pack-card[data-open] .item-option:first-child{transition-delay:80ms}.pack-card[data-open] .item-option:nth-child(2){transition-delay:.125s}.pack-card[data-open] .item-option:nth-child(3){transition-delay:.17s}.pack-card[data-open] .item-option:nth-child(4){transition-delay:.215s}.pack-card[data-open] .item-option:nth-child(5){transition-delay:.26s}.confirm-options{text-align:start;flex-direction:column;gap:7px;margin:6px 0 14px;display:flex}.confirm-options-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--type) 75%, #fff);align-items:center;gap:10px;font-size:9.5px;font-weight:700;line-height:12px;display:flex}.confirm-options-label:before{content:"// ";color:color-mix(in srgb, var(--type) 55%, transparent)}.confirm-options-label:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--type) 35%, transparent), transparent);flex:1;height:1px}.confirm-option{appearance:none;width:100%;font:inherit;color:var(--text-dim);text-align:start;cursor:pointer;border:1px solid var(--border);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);background:#ffffff08;border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 10px 36px;display:flex;position:relative}.confirm-option:before{content:"";inset-inline-start:12px;border:1.5px solid color-mix(in srgb, var(--type) 45%, var(--border-2));width:13px;height:13px;transition:border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);background:0 0;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.confirm-option:hover{color:var(--text);background:color-mix(in srgb, var(--type) 8%, transparent);border-color:color-mix(in srgb, var(--type) 35%, var(--border));transform:translate(2px)}.confirm-option:hover:before{border-color:var(--type)}.confirm-option[data-active]{color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--type) 18%, transparent), color-mix(in srgb, var(--type) 6%, transparent));border-color:color-mix(in srgb, var(--type) 65%, transparent);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 16px -6px color-mix(in srgb, var(--type) 70%, transparent)}.confirm-option[data-active]:before{border-color:color-mix(in srgb, var(--type) 80%, #fff);background:radial-gradient(circle at 50% 50%, var(--type) 0 4px, transparent 5px);box-shadow:0 0 8px color-mix(in srgb, var(--type) 70%, transparent)}.confirm-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden}.confirm-option[data-active] .confirm-option-label{color:#fff}.confirm-option-cost{flex-shrink:0}.confirm-option .pack-cost-num{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;font-variant-numeric:tabular-nums}@media (hover:none){.confirm-option:hover{transform:none}}.pack-options.item-options{inset-inline:6px;border:1px solid color-mix(in srgb, var(--accent) 45%, #ffffff1a);background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent) 50%, transparent) 0 9px, #0a0a0c4d 9px 18px) top / 100% 4px no-repeat, repeating-linear-gradient(0deg, #ffffff04 0 1px, transparent 1px 3px), radial-gradient(120% 80% at 50% -12%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), linear-gradient(180deg, #0c0d12fa, #08090dfc);box-shadow:0 -2px 8px #0006, 0 -24px 54px -12px #000c, 0 0 26px -8px color-mix(in srgb, var(--accent) 55%, transparent), inset 0 1px 0 #ffffff1a;border-radius:3px;gap:8px;padding:12px;bottom:6px}.pack-options .item-options-head{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 30%, transparent) 0 2px, transparent 2px 7px) bottom / 100% 1px no-repeat;border-bottom:1px solid #0000;padding-bottom:8px}.pack-options .item-options-title{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.18em;color:color-mix(in srgb, var(--accent) 75%, #fff);font-size:9.5px;font-weight:700}.pack-options .item-options-title:before{content:"// ";color:color-mix(in srgb, var(--accent) 55%, transparent)}.pack-options .item-options-count{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #000));border-radius:0;font-size:10.5px}.item-option.pack-option{appearance:none;width:100%;font:inherit;color:inherit;text-align:start;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:1px solid #ffffff14;border-inline-start:2px solid color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:none;background:linear-gradient(#ffffff0a,#00000038);border-radius:0;padding:8px 11px}.item-option.pack-option:before{display:none}.item-option.pack-option:hover{border-color:color-mix(in srgb, var(--accent) 45%, #ffffff14);border-inline-start-color:var(--accent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent), #0000002e);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--accent) 60%, transparent)}.item-option.pack-option:disabled{opacity:.55;cursor:default}.pack-options .item-option-attr{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.03em;color:#f0f2f7;font-size:12px;font-weight:700}.pack-option-cost{flex-shrink:0}.pack-options .pack-option-cost{box-shadow:none;clip-path:none;background:0 0;border:0;padding:0}.pack-options .pack-option-cost .pack-cost-num{color:#fff;font-size:13.5px}.pack-options .pack-option-cost small{color:color-mix(in srgb, var(--accent) 60%, var(--text-faint))}.item-option:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, #ffffff0d), #0003);border-color:color-mix(in srgb, var(--accent) 52%, var(--border));box-shadow:inset 0 1px 0 #ffffff1a, 0 6px 16px -8px var(--glow)}.item-option:hover:before{height:58%}.item-option-attr{color:#f0f2f7;white-space:nowrap;align-items:center;gap:9px;min-width:0;font-size:12px;font-weight:600;display:inline-flex}.item-option-attr .fa-duo{color:color-mix(in srgb, var(--accent-2) 85%, #fff);background:color-mix(in srgb, var(--accent) 24%, #00000057);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 32%, transparent);border-radius:7px;flex-shrink:0;padding:5px}.item-card .item-options .price-value{color:#f4f6fa;text-shadow:none;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.item-tags{z-index:4;top:9px;gap:6px;display:flex;position:absolute;inset-inline:9px}.item-tags .chip{transition:transform .32s var(--ease)}.item-card:hover .item-tags .chip{transform:translateY(-1px)}.item-brand{z-index:5;top:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-ink,#fff);background:linear-gradient(135deg, var(--brand-from,#4f46e5), var(--brand-to,#8b5cf6));box-shadow:inset 0 1px 0 #fff6, inset 0 -1px 0 #0003, 0 4px 12px -3px color-mix(in srgb, var(--brand-to,#8b5cf6) 62%, transparent), 0 1px 2px #00000052;white-space:nowrap;transition:transform .32s var(--ease);border-radius:8px;align-items:center;gap:5px;padding:5px 9px 5px 8px;font-size:10.5px;font-weight:800;display:inline-flex;position:absolute;inset-inline-end:9px;overflow:hidden}.item-brand .fa-duo{--fa-primary-color:var(--brand-ink,#fff);--fa-secondary-color:color-mix(in srgb, var(--brand-ink,#fff) 65%, transparent);--fa-primary-opacity:1;--fa-secondary-opacity:1;font-size:11px}.item-brand:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 32%,#ffffff80 50%,#0000 68%);position:absolute;inset:0;transform:translate(-130%)}.item-card:hover .item-brand{transform:translateY(-1px)}.item-card:hover .item-brand:after{transition:transform .72s var(--ease);transform:translate(130%)}.details-brand{top:auto;position:static;inset-inline-end:auto}.item-body{flex-direction:column;flex:1;gap:10px;padding:13px 4px 2px;display:flex}.item-name{font-family:var(--font-sora), var(--font-jakarta), var(--font-inter), var(--font-noto-thai), sans-serif;letter-spacing:-.01em;text-align:center;color:#f1f3f8;text-shadow:0 1px 8px #00000059;transition:transform .32s var(--ease);font-size:15px;font-weight:700;line-height:1.34}.item-card:hover .item-name{transform:translateY(-1px)}.item-meta{margin-top:-1px}.item-id{color:var(--text-faint);font-feature-settings:"tnum";font-size:12px;font-weight:600}.meta-chip{border:1px solid var(--border);background:var(--surface-2);height:23px;color:var(--text-dim);white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.meta-chip .fa-duo{color:var(--text-faint);font-size:11px}.price-cta{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background: linear-gradient(100deg, #fff0 30%, #ffffff1a 50%, #fff0 70%), linear-gradient(150deg, color-mix(in srgb, var(--accent) 34%, #04060b80) 0%, color-mix(in srgb, var(--accent-deep) 30%, #04060b9e) 52%, #05070cc7 100%);box-shadow:inset 0 1px 0 #ffffff3d, inset 0 -1px 0 #00000080, inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent), 0 6px 16px -8px color-mix(in srgb, var(--accent) 50%, #0009);border-radius:13px;align-items:center;gap:0;margin-top:auto;padding:9px 11px;display:flex;position:relative}.price-cta:before{content:"";inset:0 18% auto;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 80%, #fff), transparent);opacity:.6;height:1px;transition:opacity .22s var(--ease);pointer-events:none;position:absolute;top:-1px}.price-opt-count{z-index:3;top:-9px;color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 84%, #060810), color-mix(in srgb, var(--accent-deep,var(--accent)) 74%, #060810));border:1px solid color-mix(in srgb, var(--accent) 55%, #ffffff59);box-shadow:inset 0 1px 0 #ffffff4d, 0 4px 10px -3px color-mix(in srgb, var(--accent) 55%, #0009);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;line-height:1.5;display:inline-flex;position:absolute;inset-inline-end:12px}.price-opt-count .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#ffffffb8;--fa-primary-opacity:1;--fa-secondary-opacity:1}.footer-attr{min-width:0;color:color-mix(in srgb, var(--accent) 16%, #e8ebf2);white-space:nowrap;text-overflow:ellipsis;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.footer-attr .fa-duo{color:color-mix(in srgb, var(--accent-2) 80%, #fff);flex-shrink:0}.footer-divider{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent) 60%, var(--border-2)), transparent);flex-shrink:0;width:1px;height:20px;margin:0 4px}.price-cta .price-tag{flex:1;justify-content:center}.cta-arrow{width:31px;height:31px;color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));transition:transform .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.item-card:hover .cta-arrow{transform:translate(3px)}.price-tag{font-family:var(--font-jakarta), var(--font-inter), sans-serif;font-feature-settings:"tnum";color:var(--text);align-items:baseline;gap:5px;display:inline-flex}.price-value{letter-spacing:-.02em;font-weight:700}.item-card .price-value{background:linear-gradient(120deg, #fff 24%, color-mix(in srgb, var(--accent-2) 80%, #fff) 100%);color:#0000;text-shadow:0 1px 10px color-mix(in srgb, var(--accent) 30%, transparent);-webkit-background-clip:text;background-clip:text}.price-currency{color:color-mix(in srgb, var(--type,var(--accent)) 72%, #fff);text-transform:uppercase;letter-spacing:.04em;font-size:.72em;font-weight:700}.price-icon.fa-duo{color:var(--type,var(--accent));align-self:center;font-size:.86em}.price-tag-md .price-icon.fa-duo{font-size:15px}.price-tag-lg .price-icon.fa-duo{font-size:22px}.price-tag-sm .price-value{font-size:15px}.price-tag-md .price-value{font-size:18px}.price-tag-lg .price-value{font-size:28px}.fa-duo{--fa-secondary-opacity:.45;vertical-align:-.085em}.chip{letter-spacing:.01em;white-space:nowrap;color:#e9ebf0;background:#0a0b0eb8;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 2px 8px -2px #00000073}.chip .fa-duo{font-size:11px}.chip-accent{color:var(--on-accent);background:var(--accent);border-color:#0000}.chip-type,.chip-set{color:#fff;letter-spacing:.02em;background:linear-gradient(180deg, #10131a9e, #0a0c11b3) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--chip) 96%, #fff), color-mix(in srgb, var(--chip) 52%, #000)) border-box;box-shadow:inset 0 1px 0 #ffffff29, 0 6px 18px -5px color-mix(in srgb, var(--chip) 62%, transparent);text-shadow:0 1px 2px #00000073;border:1.5px solid #0000;padding-inline-start:4px;font-weight:800}.chip-type{--chip:var(--type)}.chip-set{--chip:var(--accent)}.chip-type .fa-duo,.chip-set .fa-duo{color:#fff;--fa-secondary-opacity:.85;vertical-align:middle;background:linear-gradient(135deg, color-mix(in srgb, var(--chip) 94%, #fff), color-mix(in srgb, var(--chip) 66%, #000));box-shadow:inset 0 0 0 1px #ffffff47, 0 2px 7px -2px color-mix(in srgb, var(--chip) 75%, transparent);border-radius:50%;padding:4px;font-size:9px}.empty-state{text-align:center}.empty-icon{width:74px;height:74px;color:var(--accent);background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--accent-grad) border-box;box-shadow:0 14px 32px -14px var(--glow);border:1.5px solid #0000;border-radius:20px;place-items:center;margin-bottom:10px;display:grid}.empty-icon .fa-duo{--fa-secondary-opacity:.5}.thumb-fallback{color:var(--text-faint);background:radial-gradient(125% 110% at 50% 0,#242a36 0%,#161a22 52%,#0c0e13 100%);place-items:center;display:grid}.thumb-loading{position:relative;overflow:hidden}.thumb-loading:after{content:"";animation:thumbShimmer 1.3s var(--ease) infinite;background:linear-gradient(100deg,#0000 30%,#ffffff0b 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}@keyframes thumbShimmer{to{transform:translate(100%)}}html.is-scrolling .thumb-loading:after{animation-play-state:paused}.thumb-loaded{animation:thumbIn .48s var(--ease) backwards}@keyframes thumbIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:18px;display:grid}.skeleton-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);border-radius:20px;padding:10px;overflow:hidden}.sk-body{flex-direction:column;gap:12px;padding:13px 4px 2px;display:flex}.sk-foot{border:1px solid var(--border);background:#00000038;border-radius:13px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 13px;display:flex}.sk{background:var(--surface-2);border-radius:7px;position:relative;overflow:hidden}.sk:after{content:"";animation:shimmer 1.5s var(--ease) infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);position:absolute;inset:0;transform:translate(-100%)}.sk-media{background:radial-gradient(125% 110% at 50% 0,#242a36 0%,#161a22 52%,#0c0e13 100%);border-radius:13px;height:174px}.sk-line{width:78%;height:13px;margin:0 auto}.sk-line-short{width:48%}.sk-pill{border-radius:6px;width:72px;height:18px}.sk-arrow{border-radius:8px;width:30px;height:30px}@keyframes shimmer{to{transform:translate(100%)}}.shop-footer{flex-direction:column;align-items:center;gap:26px;padding-top:18px;display:flex}.footer-seam{background:linear-gradient(90deg,#0000 4%,#6366f18c 35%,#22d3eeb3 50%,#6366f18c 65%,#0000 96%);width:100%;height:1px;box-shadow:0 0 22px 1px #22d3ee4d}.footer-hud{flex-direction:column;align-items:center;gap:9px;padding:18px 38px 16px;display:flex;position:relative}.footer-hud-corner{pointer-events:none;border:1px solid #22d3ee8c;width:16px;height:16px;position:absolute}.footer-hud-tl{border-bottom:0;border-right:0;top:0;left:0}.footer-hud-br{border-top:0;border-left:0;bottom:0;right:0}.footer-brand{font-family:var(--font-sora), var(--font-jakarta), var(--font-inter), sans-serif;letter-spacing:.04em;color:var(--text);align-items:center;gap:5px;font-size:17px;font-weight:800;line-height:22px;display:inline-flex}.footer-brand-accent{letter-spacing:.04em;color:#050d16;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);filter:drop-shadow(0 0 10px #22d3ee73);background:linear-gradient(120deg,#818cf8 0%,#22d3ee 40%,#a5f3fc 50%,#22d3ee 60%,#818cf8 100%) 0 0/240% 100%;padding:1px 6px 2px;font-size:14px;line-height:18px;animation:4.5s linear infinite brandFlow;display:inline-block;transform:skew(-8deg)}.footer-meta{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.08em;color:var(--text-dim);align-items:center;gap:8px;font-size:11px;font-weight:500;line-height:14px;display:inline-flex}.footer-copy-mark.fa-duo{--fa-primary-color:var(--accent);--fa-secondary-color:var(--accent-2);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 50%, transparent))}.footer-year{font-variant-numeric:tabular-nums;color:#a5f3fc;font-weight:700}.footer-meta-sep{color:#22d3ee73;font-size:9px}.footer-rights{color:var(--text-faint)}.footer-trans{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.22em;text-transform:uppercase;color:#a5f3fc61;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:9.5px;font-weight:500;line-height:12px;display:inline-flex}.footer-trans-cursor{background:#a5f3fc80;width:6px;height:10px;animation:1.1s steps(2,end) infinite footerCursorBlink}@keyframes footerCursorBlink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.footer-brand-accent,.footer-trans-cursor{animation:none}}@media (max-width:480px){.footer-rights{display:none}}.details-overlay{background:radial-gradient(120% 120% at 50% 0,#09091299,#030307cc)!important}.details-modal.mantine-Modal-content{--accent:#818cf8;--accent-2:#c4b5fd;--accent-deep:#4f46e5;--grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--grad-soft:linear-gradient(135deg, #6366f138, #8b5cf61f);--surface:#ffffff0d;--surface-2:#ffffff16;--surface-3:#ffffff1f;--border:#ffffff1a;--border-2:#ffffff2e;--text:#eef0f8;--text-dim:#bcc0d4;--text-faint:#8086a0;--glow:color-mix(in srgb, var(--accent) 50%, transparent);--on-accent:#fff;--border-accent:color-mix(in srgb, var(--accent) 55%, var(--border-2));height:min(680px,88vh);color:var(--text);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(22px)saturate(1.4);background:radial-gradient(90% 55% at 10% -6%,#6366f13d,#0000 60%),radial-gradient(80% 50% at 100% 0,#8b5cf62e,#0000 58%),linear-gradient(#141420bd 0%,#0b0b13cc 100%);border:1px solid #ffffff24;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 50px 110px -34px #000000d9,inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff29}.details-modal.mantine-Modal-content:before{content:"";z-index:3;background:var(--grad);opacity:.9;height:2px;box-shadow:0 0 16px -2px var(--glow);position:absolute;inset:0 0 auto}.details-body.mantine-Modal-body{z-index:2;flex:1;min-height:0;padding:0;display:flex;position:relative}.details-inner{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}@media (min-width:760px){.details-inner{flex-direction:row}}.dp-close.mantine-ActionIcon-root{top:14px;z-index:5;border:1px solid var(--border-2);background:var(--surface-2);width:34px;min-width:34px;height:34px;min-height:34px;color:var(--text-dim);transition:color .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease);border-radius:10px;position:absolute;inset-inline-end:14px;box-shadow:inset 0 1px #ffffff12}.dp-close.mantine-ActionIcon-root:hover{background:color-mix(in srgb, #ef4444 20%, var(--surface-2));color:#fecaca;border-color:#ef44448c}.dp-close.mantine-ActionIcon-root:active{transform:scale(.92)}.dp-close .fa-duo{--fa-primary-color:currentColor;--fa-secondary-color:currentColor;--fa-primary-opacity:1;--fa-secondary-opacity:1}.dp-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 40%, #3a3d48) transparent;overflow-y:auto}.dp-scroll::-webkit-scrollbar{width:10px}.dp-scroll::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:color-mix(in srgb, var(--accent) 34%, #383b46);border:3px solid #0000;border-radius:999px}.dp-scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--accent) 56%, #484b56)}.dp-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.dp-main-head{flex-shrink:0;padding:clamp(24px,3vw,32px) 54px clamp(18px,2.2vw,22px) clamp(24px,3vw,32px)}.dp-main-head .details-media-tags{margin-bottom:13px}.dp-main-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:0 clamp(24px,3vw,32px) clamp(24px,3vw,32px);display:flex}.dp-empty{text-align:center;color:var(--text-faint);margin:auto 0;padding:40px 0;font-size:13.5px}.dp-skeleton{flex-direction:column;gap:13px;padding-top:6px;display:flex}.dp-skeleton .sk{background:var(--surface-2);display:block}.dp-sk-head{border-radius:6px;width:42%;height:16px;margin-bottom:8px}.dp-sk-line{border-radius:6px;height:12px}.dp-sk-img{border-radius:var(--radius-sm);height:clamp(150px,22vw,200px);margin:10px 0}.dp-aside-main{flex-direction:column;flex:1;min-height:0;display:flex}.dp-aside{border-top:1px solid var(--border);background:radial-gradient(120% 60% at 100% 0,#6366f11a,#0000 60%),#06060c57;flex-direction:column;flex-shrink:0;min-height:0;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d}.dp-confirm-sheet{z-index:3;background:radial-gradient(120% 70% at 50% -10%, color-mix(in srgb, var(--type) 22%, transparent), transparent 60%), linear-gradient(180deg, #14141cfa, #0c0c12fc);border-top:1px solid color-mix(in srgb, var(--type) 30%, transparent);flex-direction:column;display:flex;position:absolute;inset:0}.dp-confirm-sheet:before{content:"";background:linear-gradient(90deg, transparent, var(--type), transparent);height:2px;box-shadow:0 0 14px -1px color-mix(in srgb, var(--type) 80%, transparent);position:absolute;inset:0 0 auto}.dp-confirm-view{flex-direction:column;flex:1;min-height:0;display:flex}.dp-confirm-body{flex-direction:column;flex:1;min-height:0;padding:clamp(16px,2.4vw,22px) 18px 6px;display:flex;overflow-y:auto}.dp-confirm-proc{text-align:center;justify-content:center;align-items:center;padding:28px 18px}.dp-confirm-head{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--type) 70%, #fff);align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.dp-confirm-head .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 50%, #fff)}.dp-confirm-item{flex-direction:column;gap:4px;margin-top:14px;display:flex}.dp-confirm-item-name{letter-spacing:-.01em;color:var(--text);font-size:15.5px;font-weight:800;line-height:1.25}.dp-confirm-item-opt{color:var(--text-dim);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.dp-confirm-item-opt .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 50%, #fff)}.dp-calc{border:1px solid var(--border-2);background:#ffffff06;border-radius:14px;flex-direction:column;margin-top:16px;padding:2px 14px;display:flex}.dp-calc-row{justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:13.5px;display:flex}.dp-calc-k{color:var(--text-dim);font-weight:600}.dp-calc-v{color:var(--text);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:700;display:inline-flex}.dp-calc-cost .dp-calc-k,.dp-calc-cost .dp-calc-v{color:var(--text-dim)}.dp-calc-total{border-top:1px solid var(--border);margin-top:3px;padding-top:12px;padding-bottom:4px}.dp-calc-total .dp-calc-k{color:var(--text);font-weight:800}.dp-calc-total .dp-calc-v{color:#fff;letter-spacing:-.01em;font-size:19px;font-weight:800}.dp-calc-neg .dp-calc-k,.dp-calc-neg .dp-calc-v{color:#fca5a5}.dp-confirm-note{color:var(--text-faint);margin:12px 0 0;font-size:11.5px}.dp-confirm-actions{border-top:1px solid #ffffff0f;flex-shrink:0;gap:10px;padding:12px 18px clamp(14px,2vw,18px);display:flex}.dp-confirm-back,.dp-confirm-go{cursor:pointer;height:44px;transition:transform .15s var(--ease), filter .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.dp-confirm-back{border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-dim);flex:0 0 38%}.dp-confirm-back:hover{color:var(--text);border-color:color-mix(in srgb, #fff 24%, var(--border-2));background:var(--surface-3)}.dp-confirm-go{border:1px solid color-mix(in srgb, var(--type) 50%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--type) 82%, #fff) 0%, var(--type) 55%, color-mix(in srgb, var(--type) 80%, #000) 120%);color:#16121c;box-shadow:inset 0 1px 0 #ffffff73, 0 10px 24px -10px color-mix(in srgb, var(--type) 80%, transparent)}.dp-confirm-go:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.dp-confirm-go:active:not(:disabled){transform:translateY(0)}.dp-confirm-go:disabled{opacity:.55;cursor:default;filter:grayscale(.3)}.dp-confirm-go .fa-duo{--fa-primary-color:#16121c;--fa-secondary-color:#16121c8c}.dp-confirm-proc-text{color:var(--text);margin-top:16px;font-size:14px;font-weight:700}.dp-confirm-proc .confirm-progress{max-width:200px}.dp-done-body{text-align:center;align-items:center;gap:2px;padding-top:clamp(20px,3vw,28px)}.dp-done-check{justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:12px;display:flex;position:relative}.dp-done-check svg{z-index:1;width:62px;height:62px;position:relative}.dp-done-check .success-check-circle{stroke:var(--type)}.dp-done-check .success-check-mark{stroke:color-mix(in srgb, var(--type) 60%, #fff);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--type) 70%, transparent))}.dp-done-check .success-check-ring{border-color:color-mix(in srgb, var(--type) 55%, transparent)}.dp-done-check .success-check-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--type) 55%, transparent), transparent 70%)}.dp-done-title{letter-spacing:-.01em;background:linear-gradient(110deg, #fff 30%, color-mix(in srgb, var(--type) 55%, #fff) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:16.5px;font-weight:800}.dp-done-attrs{margin:14px 0 2px}@media (min-width:760px){.dp-aside{border-top:none;border-inline-start:1px solid var(--border);width:308px}.dp-aside-head{padding-inline-end:56px}}.dp-aside-head{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;align-items:center;gap:8px;padding:clamp(20px,2.4vw,24px) 22px 12px;font-size:11px;font-weight:700;display:flex}.dp-aside-head .fa-duo{--fa-primary-color:#fbbf24;--fa-secondary-color:#ffe3a0;--fa-primary-opacity:1;--fa-secondary-opacity:1;font-size:13px}.dp-aside-options{flex-direction:column;flex:1;gap:8px;min-height:0;padding:4px 18px 8px;display:flex}@media (max-width:759px){.dp-step .dp-main,.dp-step .dp-aside{border-top:none;flex:1;width:100%;min-height:0}.dp-aside-options{min-height:0;overflow-y:auto}.dp-step .dp-main-body,.dp-step .dp-aside{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}}.dp-mobile{flex-direction:column;display:flex}.dp-mobile-cta{inset-inline:0;z-index:4;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0c0c12db,#0a0a10f7 45%);gap:10px;padding:10px 14px 12px;display:flex;position:absolute;bottom:0}.dp-mobile-back{border:1px solid var(--border-2);background:var(--surface-2);height:46px;color:var(--text-dim);cursor:pointer;transition:color .15s var(--ease), background .15s var(--ease), transform .15s var(--ease);border-radius:12px;flex-shrink:0;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:700;display:inline-flex}.dp-mobile-back:hover{color:var(--text);background:var(--surface-3)}.dp-mobile-back:active{transform:scale(.97)}.dp-mobile-back .fa-duo{--fa-primary-color:currentColor;--fa-secondary-color:color-mix(in srgb, currentColor 55%, transparent)}.dp-buy.dp-mobile-buy{flex-wrap:wrap;flex:1;gap:5px 10px;min-width:0;height:auto;min-height:46px;margin:0;padding:7px 16px;box-shadow:inset 0 1px #ffffff57,inset 0 -2px 4px #0003}.dp-mobile-buy-label{flex-shrink:0}.dp-mobile-buy .dp-mobile-buy-chevron{opacity:.8;flex-shrink:0;margin-inline-start:auto}.dp-mobile-buy .dp-buy-prices{flex:1;justify-content:flex-end;min-width:0}.dp-mobile-buy .price-tag{color:var(--on-accent);flex-shrink:0}.dp-mobile-buy .price-value,.dp-mobile-buy .price-currency,.dp-mobile-buy .price-icon.fa-duo{color:var(--on-accent)}.dp-steps-viewport{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:none;flex:1;grid-auto-columns:100%;grid-auto-flow:column;min-height:0;display:grid;overflow:auto hidden}.dp-steps-viewport::-webkit-scrollbar{display:none}.dp-steps-viewport.is-locked{overflow-x:hidden}.dp-step{scroll-snap-align:start;flex-direction:column;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.dp-pick{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:start;cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease), transform .15s var(--ease);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.dp-pick:hover{border-color:var(--border-2);background:var(--surface-2);transform:translateY(-1px)}.dp-pick[data-active]{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:var(--grad-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 18px -8px var(--glow)}.dp-pick-main{align-items:center;gap:11px;min-width:0;display:inline-flex}.dp-pick-radio{border:2px solid var(--border-2);width:16px;height:16px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:50%;flex-shrink:0}.dp-pick[data-active] .dp-pick-radio{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--accent)}.dp-pick-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.dp-aside-options .dp-pick{animation:optIn .4s var(--ease) backwards}.dp-aside-options .dp-pick:first-child{animation-delay:60ms}.dp-aside-options .dp-pick:nth-child(2){animation-delay:.11s}.dp-aside-options .dp-pick:nth-child(3){animation-delay:.16s}.dp-aside-options .dp-pick:nth-child(4){animation-delay:.21s}.dp-aside-options .dp-pick:nth-child(5){animation-delay:.26s}.dp-pick .price-tag{flex-shrink:0}.dp-total{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:12px;margin:8px 22px 0;padding-top:14px;display:flex}.dp-total-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.dp-total-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.dp-total-sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.dp-total-price .price-value{letter-spacing:-.015em;background:linear-gradient(120deg, #fff 30%, var(--accent-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.dp-buy-note{border-radius:11px;flex-shrink:0;align-items:flex-start;gap:8px;margin:12px 18px 0;padding:10px 12px;font-size:12.5px;font-weight:600;line-height:1.4;display:flex}.dp-buy-note-warn{color:#fde68a;background:#f59e0b1f;border:1px solid #f59e0b57}.dp-buy-note-warn .fa-duo{--fa-primary-color:#fbbf24;--fa-secondary-color:#f59e0b;margin-top:1px}.dp-buy-note-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444452}.dp-buy-note-error .fa-duo{--fa-primary-color:#f87171;--fa-secondary-color:#fca5a5;margin-top:1px}.dp-buy{letter-spacing:.01em;height:46px;color:var(--on-accent);background:linear-gradient(180deg, #ffffff3d 0%, #ffffff0a 46%, transparent 52%), var(--grad);cursor:pointer;transition:filter .14s var(--ease), transform .14s var(--ease), box-shadow .14s var(--ease);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;margin:14px 18px clamp(18px,2.4vw,22px);font-size:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 26px -8px #6366f1b3,inset 0 1px #fff6,inset 0 -2px 4px #0003}.dp-buy .fa-duo,.dp-buy span{z-index:1;position:relative}.dp-buy .fa-duo{--fa-primary-color:currentColor;--fa-secondary-color:color-mix(in srgb, var(--on-accent) 50%, transparent)}.dp-buy-label{align-items:center;gap:9px;display:inline-flex}.dp-buy-prices{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.dp-buy-opt{opacity:.66;transition:opacity .14s var(--ease), background .14s var(--ease), box-shadow .14s var(--ease);background:#ffffff1a;border-radius:999px;align-items:center;padding:2px 9px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.dp-buy-opt[data-active]{opacity:1;background:#ffffff3d;box-shadow:inset 0 0 0 1px #ffffff80}.dp-buy:hover{filter:brightness(1.05);box-shadow:0 12px 26px -8px var(--glow), inset 0 1px 0 #ffffff59;transform:translateY(-1px)}.dp-buy:active{transform:translateY(0)}.dp-buy:disabled{opacity:.5;cursor:default}.dp-buy.dp-buy-go{background:linear-gradient(#ffffff3d 0%,#ffffff0a 46%,#0000 52%),linear-gradient(135deg,#34d399 0%,#10b981 52%,#059669 100%)}.dp-buy.dp-buy-go:not(.dp-mobile-buy){box-shadow:0 10px 26px -8px #10b981b3,inset 0 1px #fff6,inset 0 -2px 4px #0003}.dp-buy.dp-buy-go:not(.dp-mobile-buy):hover{box-shadow:0 12px 26px -8px #10b981d1,inset 0 1px #ffffff59}.dp-buy.dp-mobile-buy.dp-buy-go:hover{box-shadow:inset 0 1px #ffffff57,inset 0 -2px 4px #0003}.dp-chrome-price .price-value{color:var(--text);letter-spacing:-.01em;font-weight:700}.dp-chrome-price .price-currency{color:var(--text-faint);font-weight:600}.details-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:clamp(24px,3vw,32px) clamp(24px,3vw,32px) clamp(18px,2.2vw,22px);display:flex;position:relative}.details-heading{flex-direction:column;gap:13px;min-width:0;display:flex}.details-media-tags{flex-wrap:wrap;gap:6px;display:flex}.dp-dev-id{letter-spacing:.05em;text-transform:uppercase;color:#8b929e;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.dp-dev-id b{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;color:#e6e8ee;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;font-size:11.5px;font-weight:700}.details-name{font-family:var(--font-jakarta), var(--font-inter), var(--font-noto-thai), sans-serif;letter-spacing:-.03em;background:linear-gradient(118deg, #fff 58%, var(--accent-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(23px,3.4vw,31px);font-weight:800;line-height:1.1}.details-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 42%, #3a3d48) transparent;flex-direction:column;flex:1;gap:clamp(22px,2.6vw,28px);min-height:0;padding:clamp(20px,2.6vw,26px) clamp(22px,3vw,30px) clamp(22px,3vw,30px);display:flex;overflow-y:auto}.details-scroll::-webkit-scrollbar{width:11px}.details-scroll::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:color-mix(in srgb, var(--accent) 36%, #383b46);border:3px solid #0000;border-radius:999px}.details-scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--accent) 58%, #484b56)}.details-section{flex-direction:column;gap:12px;display:flex}.details-section-head{align-items:center;gap:12px;display:flex}.details-section-head:after{content:"";background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.details-section-head .details-section-count{order:1}.details-section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.details-section-title .fa-duo{--fa-primary-color:#38bdf8;--fa-secondary-color:#a5e8ff;--fa-primary-opacity:1;--fa-secondary-opacity:1;font-size:13px}.details-section-count{min-width:19px;height:19px;color:color-mix(in srgb, var(--accent) 82%, #fff);background:color-mix(in srgb, var(--accent) 18%, var(--surface-2));border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:10.5px;font-weight:700;display:inline-flex}.details-tabs{border-bottom:1px solid var(--border);align-items:stretch;gap:0;display:flex}.details-tab{height:42px;color:var(--text-faint);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:color .18s var(--ease);background:0 0;border:none;align-items:center;gap:8px;margin-inline-end:24px;padding:0 2px;font-size:11.5px;font-weight:700;display:inline-flex;position:relative}.details-tab:after{content:"";inset-inline:0;background:var(--grad);height:2px;box-shadow:0 0 12px -1px var(--glow);transform-origin:0;transition:transform .22s var(--ease);border-radius:2px 2px 0 0;position:absolute;bottom:-1px;transform:scaleX(0)}.details-tab .fa-duo{--fa-primary-color:#38bdf8;--fa-secondary-color:#a5e8ff;--fa-primary-opacity:1;--fa-secondary-opacity:1;opacity:.55;transition:opacity .18s var(--ease);font-size:13px}.details-tab:hover .fa-duo,.details-tab[data-active] .fa-duo{opacity:1}.details-tab:hover{color:var(--text-dim)}.details-tab[data-active]{color:var(--text)}.details-tab[data-active]:after{transform:scaleX(1)}.details-tab .details-tab-warn.fa-duo,.details-section-title .details-tab-warn.fa-duo{--fa-primary-color:#ef4444;--fa-secondary-color:#fca5a5;--fa-primary-opacity:1;--fa-secondary-opacity:1;opacity:1;animation:1.05s ease-in-out infinite tabWarnPulse}@keyframes tabWarnPulse{0%,to{opacity:1;filter:drop-shadow(0 0 2px #ef444499);transform:scale(1)}50%{opacity:.6;filter:drop-shadow(0 0 8px #ef4444f2);transform:scale(1.18)}}.details-tab-count{min-width:17px;height:17px;color:var(--text-faint);background:var(--surface-2);transition:color .18s var(--ease), background .18s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.details-tab[data-active] .details-tab-count{color:var(--accent-2);background:color-mix(in srgb, var(--accent) 20%, var(--surface-2))}.details-tab-panel{animation:panelIn .28s var(--ease) backwards}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.opt-list{flex-direction:column;gap:9px;display:flex}.opt-row{border:1px solid var(--border);transition:border-color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);animation:optIn .44s var(--ease) backwards;background:linear-gradient(#ffffff29 0%,#ffffff0a 16%,#0000 48%),linear-gradient(#789bd729,#5a78af0d);border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff42,inset 0 -1px #00000052}.opt-list .opt-row:first-child{animation-delay:50ms}.opt-list .opt-row:nth-child(2){animation-delay:.105s}.opt-list .opt-row:nth-child(3){animation-delay:.16s}.opt-list .opt-row:nth-child(4){animation-delay:.215s}.opt-list .opt-row:nth-child(5){animation-delay:.27s}@keyframes optIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.dp-opt-row{animation:optIn .42s var(--ease) backwards}.dp-opt-row:first-child{animation-delay:40ms}.dp-opt-row:nth-child(2){animation-delay:90ms}.dp-opt-row:nth-child(3){animation-delay:.14s}.dp-opt-row:nth-child(4){animation-delay:.19s}.dp-opt-row:nth-child(5){animation-delay:.24s}.opt-row:before{content:"";inset-inline-start:0;background:linear-gradient(180deg, var(--accent-2), var(--accent));width:3px;box-shadow:0 0 10px -1px var(--glow);opacity:0;transition:opacity .16s var(--ease);border-radius:0 3px 3px 0;position:absolute;top:11px;bottom:11px}.opt-row:hover:before{opacity:1}.opt-row:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border-2));box-shadow:0 12px 30px -16px #000000b8, 0 0 18px -8px var(--glow), inset 0 1px 0 #ffffff57, inset 0 -1px 0 #00000052;background:linear-gradient(#ffffff3d 0%,#ffffff0f 16%,#0000 48%),linear-gradient(#8cafeb3d,#6487c314)}.opt-attr{align-items:center;gap:13px;min-width:0;display:inline-flex}.opt-attr-icon{background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 32%, #ffffff0f), color-mix(in srgb, var(--accent) 12%, #ffffff05));border:1px solid color-mix(in srgb, var(--accent) 36%, #ffffff24);width:40px;height:40px;color:var(--accent);transition:background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);border-radius:11px;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff29}.opt-attr-icon .fa-duo{--fa-primary-color:var(--accent);--fa-secondary-color:color-mix(in srgb, var(--accent) 45%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1}.opt-attr-text{flex-direction:column;gap:2px;min-width:0;display:flex}.opt-attr-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.opt-attr-sub{letter-spacing:.02em;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.opt-action{flex-shrink:0;align-items:center;gap:14px;display:inline-flex}.buy-btn{letter-spacing:.01em;height:38px;color:var(--on-accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff) 0%, var(--accent) 100%);box-shadow:0 6px 16px -8px var(--glow), inset 0 1px 0 #ffffff40;cursor:pointer;white-space:nowrap;transition:transform .14s var(--ease), box-shadow .14s var(--ease), filter .14s var(--ease);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.buy-btn:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%);position:absolute;inset:0;transform:translate(-130%)}.buy-btn:hover:before{transition:transform .65s var(--ease);transform:translate(130%)}.buy-btn .fa-duo,.buy-btn span{z-index:1;position:relative}.buy-btn .fa-duo{--fa-primary-color:currentColor;--fa-secondary-color:color-mix(in srgb, var(--on-accent) 50%, transparent);--fa-primary-opacity:1;--fa-secondary-opacity:1}.buy-btn:hover{box-shadow:0 9px 24px -6px var(--glow), inset 0 1px 0 #ffffff94, inset 0 -1px 0 #00000047;filter:brightness(1.07);transform:translateY(-1px)}.buy-btn:active{filter:brightness(.96);transform:translateY(0)}.buy-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, #fff);outline-offset:2px}.logo-spin{color:var(--accent);place-items:center;animation:.9s linear infinite spin;display:grid}.logo-spin .fa-duo{--fa-secondary-opacity:.35}@keyframes spin{to{transform:rotate(360deg)}}.content-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.content-item{border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color .16s var(--ease), background .16s var(--ease);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.35;display:flex}.content-item:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--border-2));background:var(--surface-2)}.content-item img{object-fit:contain;background:radial-gradient(125% 110% at 50% 0,#242a36 0%,#161a22 52%,#0c0e13 100%);border-radius:7px;flex-shrink:0;width:34px;height:34px}.opt-row .price-value{background:linear-gradient(120deg, #fff 26%, color-mix(in srgb, var(--accent-2) 96%, #fff) 70%, var(--accent) 100%);color:#0000;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 40%, transparent));-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.opt-row .price-currency{color:color-mix(in srgb, var(--type,var(--accent)) 64%, #fff)}.opt-row:hover .opt-attr-icon{background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 46%, #ffffff14), color-mix(in srgb, var(--accent) 22%, #ffffff08));border-color:color-mix(in srgb, var(--accent) 58%, #ffffff29);color:var(--accent-2)}.details-content{color:#ccd2dd;letter-spacing:.003em;word-break:break-word;font-size:14.5px;line-height:1.78}.details-content>:first-child{margin-top:0}.details-content>:last-child{margin-bottom:0}.details-content p,.details-content figure{margin:0 0 15px}.details-content h1,.details-content h2,.details-content h3,.details-content h4{font-family:var(--font-jakarta), var(--font-inter), sans-serif;color:var(--text);letter-spacing:-.012em;margin:26px 0 12px;font-weight:700;line-height:1.3}.details-content h1{font-size:1.34rem}.details-content h2{border-inline-start:3px solid var(--accent);padding-inline-start:12px;font-size:1.14rem}.details-content h3{font-size:1.02rem}.details-content h4{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.86rem}.details-content h1:first-child,.details-content h2:first-child,.details-content h3:first-child{margin-top:0}.details-content ul,.details-content ol{margin:0 0 15px;padding-inline-start:22px}.details-content li{margin:0 0 7px;padding-inline-start:4px}.details-content li::marker{color:var(--accent);font-weight:700}.details-content ul ul,.details-content ol ol,.details-content ul ol,.details-content ol ul{margin:7px 0 0}.details-content strong,.details-content b{color:var(--text);font-weight:700}.details-content em,.details-content i{color:#e2e6ee}.details-content a{color:color-mix(in srgb, var(--accent) 72%, #fff);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);transition:color .14s var(--ease), text-decoration-color .14s var(--ease)}.details-content a:hover{color:#fff;text-decoration-color:currentColor}.details-content blockquote{border-inline-start:3px solid color-mix(in srgb, var(--accent) 60%, var(--border-2));background:var(--surface);color:var(--text-dim);border-radius:0 8px 8px 0;margin:0 0 16px;padding:11px 16px;font-style:italic}.details-content blockquote :last-child{margin-bottom:0}.details-content code{font-family:ui-monospace, var(--font-jbmono), SFMono-Regular, monospace;border:1px solid var(--border);background:var(--surface);color:var(--accent-2);border-radius:6px;padding:1px 6px;font-size:.86em}.details-content pre{border-radius:var(--radius-sm);border:1px solid var(--border);background:#0b0d13;margin:0 0 16px;padding:14px 16px;line-height:1.6;overflow-x:auto}.details-content pre code{color:#dfe4ee;background:0 0;border:none;padding:0;font-size:13px}.details-content table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;margin:0 0 16px;font-size:13.5px;overflow:hidden}.details-content th,.details-content td{text-align:start;border-bottom:1px solid var(--border);padding:9px 13px}.details-content thead th{background:var(--surface);color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.details-content tbody tr:last-child td{border-bottom:none}.details-content tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface) 50%, transparent)}.details-content img{object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-sm);background:radial-gradient(125% 110% at 50% 0,#20242e 0%,#14171f 52%,#0c0e13 100%);width:100%;max-height:620px;margin:0 auto 15px;display:block;box-shadow:0 10px 26px -18px #000000bf}.details-content hr{background:linear-gradient(90deg, transparent, var(--border-2), transparent);border:none;height:1px;margin:22px 0}@media (max-width:900px){.shop-tabs{grid-template-columns:1fr}.tab-desc{display:none}}@media (max-width:600px){.app-frame{padding:var(--frame-pad-top) var(--frame-pad-x) 56px;gap:20px}.topbar{height:70px;padding:0 14px}}.login-btn{isolation:isolate;color:#061018;height:40px;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .16s var(--ease), filter .16s var(--ease), transform .16s var(--ease);background:0 0;border:0;flex-shrink:0;align-items:center;gap:9px;padding:0 20px 0 22px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.login-btn:before{content:"";z-index:-1;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:filter .16s var(--ease), box-shadow .16s var(--ease);background:linear-gradient(#ffffff57,#0000 38%) top/100% 100% no-repeat,linear-gradient(135deg,#67e8f9 0%,#22d3ee 48%,#0ea5b7 120%);position:absolute;inset:0;transform:skew(-14deg);box-shadow:0 10px 26px -10px #22d3eed9,0 0 22px -8px #22d3eeb3}.login-btn:after{content:"";z-index:-1;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:transform .56s var(--ease);pointer-events:none;background:linear-gradient(100deg,#0000 38%,#ffffff8c 50%,#0000 62%);position:absolute;inset:0;transform:skew(-14deg)translate(-130%)}.login-btn:hover{transform:translateY(-1px)}.login-btn:hover:before{filter:brightness(1.1)saturate(1.08);box-shadow:0 14px 32px -10px #22d3ee,0 0 32px -6px #22d3eed9}.login-btn:hover:after{transform:skew(-14deg)translate(130%)}.login-btn:active{transform:translateY(0)}.login-btn .fa-duo{--fa-primary-color:#062a33;--fa-secondary-color:#062a3399;--fa-primary-opacity:1;--fa-secondary-opacity:1}@media (hover:none){.login-btn:hover{transform:none}}.login-modal.mantine-Modal-content{--accent:#22d3ee;--accent-2:#818cf8;--accent-deep:#6366f1;--grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 60%, #22d3ee 100%);--grad-soft:linear-gradient(135deg, #6366f13d, #8b5cf61f);--glow:#22d3ee80;--border-accent:#22d3ee80;border:1px solid color-mix(in srgb, var(--accent) 26%, #ffffff1a);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background: linear-gradient(90deg, transparent 4%, var(--accent), #6366f1 70%, transparent 96%) top / 100% 2px no-repeat,  repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 3px), radial-gradient(110% 70% at 50% 0%, #22d3ee1f, transparent 55%), radial-gradient(90% 60% at 100% 0%, #6366f124, transparent 58%), linear-gradient(180deg, #11141b 0%, #0b0d12 100%);min-height:auto;box-shadow:0 54px 120px -34px #000000eb, 0 0 70px -26px color-mix(in srgb, var(--accent) 50%, transparent);border-radius:0}.login-modal.mantine-Modal-content:before{display:none}.login-body.mantine-Modal-body{z-index:2;padding:0;display:block;position:relative}.login-inner{padding:clamp(28px,4vw,38px) clamp(24px,4vw,34px) clamp(24px,3.5vw,30px);position:relative}.login-head{text-align:center;animation:loginUp .5s var(--ease) both;flex-direction:column;align-items:center;gap:5px;margin-bottom:24px;display:flex}.login-logo-wrap{isolation:isolate;justify-content:center;align-items:center;margin-bottom:14px;animation:5s ease-in-out infinite loginBadgeFloat;display:inline-flex;position:relative}.login-logo-wrap:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow), transparent 72%);border-radius:50%;animation:3.4s ease-in-out infinite loginHalo;position:absolute;inset:-18px -14px}.login-logo{object-fit:contain;filter:drop-shadow(0 6px 16px #00000080);width:auto;max-width:210px;height:60px;display:block}.login-badge{background:var(--grad);isolation:isolate;width:62px;height:62px;box-shadow:0 14px 34px -10px var(--glow), inset 0 0 0 1px #ffffff24, inset 0 1px 0 #ffffff73;border-radius:18px;justify-content:center;align-items:center;margin-bottom:12px;animation:5s ease-in-out infinite loginBadgeFloat;display:inline-flex;position:relative}.login-badge:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(closest-side, var(--glow), transparent 72%);animation:3.4s ease-in-out infinite loginHalo;position:absolute;inset:-16px}.login-badge:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(158deg,#ffffff73,#0000 46%);position:absolute;inset:0}.login-badge .fa-duo{--fa-primary-color:#38bdf8;--fa-secondary-color:#818cf8;--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 2px 6px #0006);position:relative}.login-title{letter-spacing:-.02em;background:linear-gradient(110deg, #fff 22%, var(--accent-2) 50%, #fff 78%);color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:23px;font-weight:800;animation:6s linear infinite loginSheen}.login-sub{max-width:30ch;color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}@keyframes loginBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes loginHalo{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.07)}}@keyframes loginSheen{to{background-position:220%}}@keyframes loginUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-form{flex-direction:column;gap:14px;display:flex}.login-form>*{animation:loginUp .5s var(--ease) both}.login-form>:first-child{animation-delay:60ms}.login-form>:nth-child(2){animation-delay:.12s}.login-form>:nth-child(3){animation-delay:.18s}.login-form>:nth-child(4){animation-delay:.24s}.login-form>:nth-child(5){animation-delay:.3s}.login-form>:nth-child(6){animation-delay:.36s}.login-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444452;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.login-error .fa-duo{--fa-primary-color:#f87171;--fa-secondary-color:#fca5a5;--fa-primary-opacity:1;--fa-secondary-opacity:1}.login-field label{letter-spacing:.02em;color:var(--text-dim);margin-bottom:6px;font-size:12px;font-weight:600}.login-field input{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text)}.login-field input::placeholder{color:var(--text-faint)}.login-field input{transition:border-color .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease)}.login-field input:focus{background:var(--surface-3);border-color:var(--border-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.login-field .fa-duo{--fa-primary-color:var(--accent);--fa-secondary-color:var(--accent-2);--fa-primary-opacity:1;--fa-secondary-opacity:1;transition:filter .16s var(--ease)}.login-field-user .fa-duo{--fa-primary-color:#38bdf8;--fa-secondary-color:#a5e8ff}.login-field-pass .fa-duo{--fa-primary-color:#fbbf24;--fa-secondary-color:#ffe3a0}.login-field:focus-within .fa-duo{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--fa-primary-color) 70%, transparent))}.login-row{justify-content:space-between;align-items:center;gap:12px;margin-top:-2px;font-size:12.5px;display:flex}.login-remember{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:inline-flex}.login-remember input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.login-link{color:var(--accent-2);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.login-submit{letter-spacing:.01em;justify-content:center;width:100%;margin:6px 0 0;font-size:14.5px;box-shadow:0 14px 32px -10px #0000009e,0 0 26px -8px #818cf8b3,inset 0 1px #ffffff52,inset 0 -2px 4px #00000038}.login-foot{border-top:1px solid var(--border);text-align:center;color:var(--text-faint);margin:14px 0 0;padding-top:16px;font-size:12.5px}.login-skeleton{background:var(--surface-2);border:1px solid var(--border);opacity:.55;border-radius:12px;width:132px;height:42px}.account-trigger{isolation:isolate;height:44px;color:var(--text);cursor:pointer;transition:transform .16s var(--ease);background:0 0;border:0;border-radius:0;flex-shrink:0;align-items:center;gap:10px;padding:0 13px 0 9px;display:inline-flex;position:relative}.account-trigger:before{content:"";z-index:-1;border:1px solid #22d3ee33;transition:background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);background:linear-gradient(90deg,#22d3ee12,#ffffff05 60%);border-inline-start:2px solid #22d3ee73;position:absolute;inset:1px 0;transform:skew(-14deg);box-shadow:inset 0 1px #ffffff0f}.account-trigger:hover:before{border-color:#22d3ee73;background:linear-gradient(90deg,#22d3ee24,#ffffff0a 60%);border-inline-start-color:#22d3ee}.account-trigger[aria-expanded=true]:before{border-color:#22d3ee99;background:linear-gradient(90deg,#22d3ee2e,#6366f114 70%);border-inline-start-color:#22d3ee;box-shadow:inset 0 1px #ffffff1a,0 0 20px -6px #22d3ee99}.account-avatar{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);color:#fff;background:linear-gradient(135deg,#6366f1,#22d3ee);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff4d,0 4px 12px -4px #6366f199}.account-avatar-rank{box-shadow:inset 0 0 0 1px var(--border-2), inset 0 1px 0 #ffffff1f;background:radial-gradient(circle at 50% 28%,#ffffff1a,#ffffff08);padding:3px}.account-rank-img{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);width:100%;height:100%;display:block}.account-avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.account-avatar-lg.account-avatar-rank{padding:5px}.account-avatar[data-online]:after{content:"";inset-inline-end:-3px;border:2.5px solid var(--panel);background:#22c55e;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;box-shadow:0 0 7px #22c55ed9}.account-trigger-text{text-align:start;flex-direction:column;gap:2px;max-width:116px;display:flex}.account-trigger-name{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;line-height:16px;overflow:hidden}.account-trigger-role{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.16em;text-transform:uppercase;color:#a5f3fc8c;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:500;line-height:10px;overflow:hidden}.account-trigger-role:before{content:"// ";color:#22d3ee80}.account-chevron.fa-duo{--fa-primary-color:#a5f3fcb3;--fa-secondary-color:#a5f3fcb3;transition:transform .18s var(--ease);margin-inline-start:2px}.account-trigger[aria-expanded=true] .account-chevron.fa-duo{transform:rotate(180deg)}.account-menu.mantine-Menu-dropdown{overscroll-behavior:contain;background:linear-gradient(90deg, transparent, #22d3eebf 35%, #6366f1bf 65%, transparent) top / 100% 2px no-repeat, var(--panel);width:392px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 100px);box-shadow:var(--shadow-2), 0 0 36px -12px #22d3ee59;border:1px solid #22d3ee38;border-radius:4px;padding:0;overflow:hidden auto}.account-scroll-hint{z-index:5;pointer-events:none;opacity:0;justify-content:center;height:0;transition:opacity .25s;display:flex;position:sticky;bottom:0}.account-scroll-hint-on{opacity:1}.account-scroll-hint span{color:#a5b4fc;background:#0f1015eb;border:1px solid #818cf873;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;animation:1.3s ease-in-out infinite accountHintBob;display:inline-flex;box-shadow:0 6px 18px #0009,0 0 18px -6px #6366f180}.account-scroll-hint svg{width:18px;height:18px}@keyframes accountHintBob{0%,to{transform:translateY(-44px)}50%{transform:translateY(-34px)}}.account-scroll-hint-top{top:0;bottom:auto}.account-scroll-hint-top span{animation-name:accountHintBobTop}@keyframes accountHintBobTop{0%,to{transform:translateY(16px)}50%{transform:translateY(6px)}}.account-banner{background:radial-gradient(120% 120% at 0 0,#6366f161,#0000 58%),radial-gradient(120% 120% at 100% 0,#22d3ee42,#0000 58%),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(#ffffff0d,#ffffff03);border-bottom:1px solid #22d3ee2e;align-items:center;gap:13px;padding:16px;display:flex;position:relative;overflow:hidden}.account-banner:after{content:"";top:0;bottom:0;width:55%;animation:accountShine 1.1s .18s var(--ease) forwards;pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff21,#0000);position:absolute;inset-inline-start:0;transform:translate(-180%)}@keyframes accountShine{to{transform:translate(330%)}}.account-banner,.account-status,.account-stats,.account-section-label,.account-balances,.account-action,.account-logout{animation:accountUp .4s var(--ease) both}.account-action{animation-delay:.18s}.account-status{animation-delay:50ms}.account-stats{animation-delay:90ms}.account-section-label{animation-delay:.13s}.account-balances{animation-delay:.16s}.account-logout{animation-delay:.2s}@keyframes accountUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.account-avatar-lg{border-radius:14px;width:50px;height:50px;font-size:21px;box-shadow:inset 0 1px #ffffff57,0 8px 20px -6px #6366f1b3}.account-avatar-lg[data-online]:after{width:13px;height:13px}.account-banner-text{flex-direction:column;gap:3px;min-width:0;display:flex}.account-banner-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;overflow:hidden}.account-banner-player{width:278px;min-width:278px;color:var(--text-dim);flex-flow:row;flex:none;align-items:center;gap:5px;font-size:11.5px;display:inline-flex;overflow:hidden}.account-player-name{text-shadow:0 1px 2px #000000a6;font-weight:700}.account-sf-player{white-space:nowrap;flex:0 0 278px;grid-template-rows:28px;grid-template-columns:28px 28px 222px;place-items:center start;width:278px;min-width:278px;max-width:278px;height:28px;overflow:hidden;display:inline-grid!important}.account-sf-icon{object-fit:contain;border-radius:2px;flex:0 0 28px;width:28px;min-width:28px;height:28px;display:block}.account-sf-title{background-repeat:repeat;background-size:222px 28px;border-radius:2px;flex:0 0 222px;grid-column:3;align-items:center;width:222px;min-width:222px;height:28px;display:inline-flex;overflow:hidden}.account-sf-namebox{background:#0000004d;border-radius:5px;align-items:center;width:130px;min-width:0;margin-inline-start:10px;padding:1px 7px 2px;display:inline-flex}.account-sf-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000;min-width:0;font-size:14px;font-weight:800;line-height:18px;display:block;overflow:hidden}.account-player-name-led,.account-sf-name-led{color:#0000;-webkit-text-fill-color:transparent;text-shadow:none;background-repeat:repeat;background-size:100%;-webkit-background-clip:text;background-clip:text}.account-banner-clan{min-width:0;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11.5px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex;overflow:hidden}@media (hover:hover){.account-banner-clan:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}}.account-banner-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-top:1px;display:flex}.account-group{letter-spacing:.03em;color:#e9ecff;background:#ffffff24;border:1px solid #fff3;border-radius:6px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.account-role{color:#fde68a;background:#fbbf2429;border:1px solid #fbbf246b;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.account-role .fa-duo{--fa-primary-color:#fbbf24;--fa-secondary-color:#fde68a;--fa-primary-opacity:1;--fa-secondary-opacity:1}.account-cafe{color:#6ee7b7;background:#34d39924;border:1px solid #34d39966;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.account-cafe .fa-duo{--fa-primary-color:#34d399;--fa-secondary-color:#6ee7b7;--fa-primary-opacity:1;--fa-secondary-opacity:1}.account-status{background:var(--surface-2);border:1px solid var(--border);border-inline-start:2px solid #6b728099;border-radius:3px;align-items:center;gap:11px;margin:12px 16px 2px;padding:10px 13px;display:flex}.account-status[data-online]{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e21,#22c55e08);border-inline-start:2px solid #22c55e}.account-status-dot{background:#6b7280;border-radius:50%;flex-shrink:0;width:9px;height:9px}.account-status[data-online] .account-status-dot{background:#22c55e;animation:2s ease-in-out infinite accountPulse;box-shadow:0 0 0 3px #22c55e2e,0 0 8px #22c55eb3}.account-status-meta{flex-direction:column;gap:1px;min-width:0;line-height:1.25;display:flex}.account-status-state{letter-spacing:.02em;color:var(--text-faint);font-size:11.5px;font-weight:800}.account-status[data-online] .account-status-state{color:#86efac}.account-status-server{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}@keyframes accountPulse{0%,to{box-shadow:0 0 0 3px #22c55e2e,0 0 8px #22c55eb3}50%{box-shadow:0 0 0 5px #22c55e14,0 0 12px #22c55ef2}}.account-stats{grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px 4px;display:grid}.account-stat{background:var(--surface-2);border:1px solid var(--border);min-width:0;transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease);border-top:2px solid #22d3ee4d;border-radius:3px;align-items:center;gap:9px;padding:9px 11px;display:flex}.account-stat:hover{border-color:var(--border-2);background:var(--surface-3);transform:translateY(-1px)}.account-stat-wide{grid-column:1/-1}.account-stat-link{color:inherit;text-decoration:none}@media (hover:hover){.account-stat-link:hover .account-stat-value{text-underline-offset:3px;text-decoration:underline}}.account-stat .fa-duo{--fa-primary-color:var(--accent);--fa-secondary-color:var(--accent-2);--fa-primary-opacity:1;--fa-secondary-opacity:1}.account-stat-meta{flex-direction:column;min-width:0;line-height:1.15;display:flex}.account-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px;font-weight:700}.account-stat-value{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.account-section-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.18em;text-transform:uppercase;color:#a5f3fc;align-items:center;gap:7px;padding:14px 16px 8px;font-size:10px;font-weight:700;display:flex}.account-section-label:before{content:"// ";color:#22d3ee8c}.account-section-label:after{content:"";background:linear-gradient(90deg, var(--border-2), transparent);flex:1;height:1px;margin-inline-start:4px}.account-section-label .fa-duo{--fa-primary-color:var(--accent);--fa-secondary-color:var(--accent-2);--fa-primary-opacity:1;--fa-secondary-opacity:1}.account-balances{grid-template-columns:1fr 1fr;gap:7px;padding:0 16px;display:grid}.account-balance{border:1px solid color-mix(in srgb, var(--type) 28%, var(--border));border-top:2px solid color-mix(in srgb, var(--type) 65%, transparent);background:color-mix(in srgb, var(--type) 9%, var(--surface-2));transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);border-radius:3px;align-items:center;gap:9px;padding:8px 10px;display:flex}.account-balance:hover{border-color:color-mix(in srgb, var(--type) 55%, var(--border));background:color-mix(in srgb, var(--type) 16%, var(--surface-2));box-shadow:0 6px 16px -8px color-mix(in srgb, var(--type) 70%, transparent);transform:translateY(-1px)}.account-balance-icon{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:color-mix(in srgb, var(--type) 18%, transparent);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.account-balance-meta{flex-direction:column;min-width:0;line-height:1.15;display:flex}.account-balance-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px;font-weight:700}.account-balance-value{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.account-logout{border:1px solid color-mix(in srgb, #ef4444 35%, var(--border-2));color:#fca5a5;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;width:calc(100% - 32px);height:42px;transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease);background:#ef44441f;border-inline-start:2px solid #ef4444bf;border-radius:3px;justify-content:center;align-items:center;gap:8px;margin:14px 16px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.account-logout:hover{color:#fecaca;background:#ef444438;border-color:#ef44448c}.account-logout .fa-duo{--fa-primary-color:#f87171;--fa-secondary-color:#fca5a5;--fa-primary-opacity:1;--fa-secondary-opacity:1}.account-action{border:1px solid var(--border-2);background:var(--surface-2);width:calc(100% - 32px);height:42px;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease);border-inline-start:2px solid #22d3ee73;border-radius:3px;justify-content:center;align-items:center;gap:8px;margin:14px 16px 0;font-size:12.5px;font-weight:700;display:inline-flex}.account-action:hover{background:var(--surface-3);border-color:color-mix(in srgb, var(--accent) 45%, var(--border-2));color:var(--text)}.account-action .fa-duo{--fa-primary-color:var(--accent-2);--fa-secondary-color:var(--accent);--fa-primary-opacity:1;--fa-secondary-opacity:1}.account-action+.account-logout{margin-top:10px}.account-dash{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border-2));border-inline-start:2px solid var(--accent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 22%, var(--surface-2)), color-mix(in srgb, var(--accent) 8%, var(--surface-2)));width:calc(100% - 32px);height:46px;color:var(--text);font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);animation:accountUp .4s var(--ease) both;border-radius:3px;align-items:center;gap:11px;margin:14px 16px 0;padding:0 13px;font-size:12.5px;font-weight:700;animation-delay:40ms;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12}.account-dash:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(118deg,#0000 40%,#ffffff1f 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}@media (hover:hover){.account-dash:hover:after{transition:transform .82s var(--ease);transform:translate(120%)}}.account-dash:hover{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 28%, var(--surface-2)), color-mix(in srgb, var(--accent) 13%, var(--surface-2)));box-shadow:inset 0 1px 0 #ffffff1a, 0 10px 22px -12px color-mix(in srgb, var(--accent) 85%, transparent);transform:translateY(-1px)}.account-dash:active{transform:translateY(0)}.account-dash-icon,.account-dash-label,.account-dash-arrow{z-index:2;position:relative}.account-dash-icon{background:color-mix(in srgb, var(--accent) 24%, transparent);border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.account-dash-label{margin-inline-end:auto}.account-dash-arrow{opacity:.45}.account-dash .fa-duo{--fa-primary-color:var(--accent-2);--fa-secondary-color:var(--accent);--fa-primary-opacity:1;--fa-secondary-opacity:1}.account-sep{background:linear-gradient(90deg,#0000,#22d3ee4d,#0000);height:1px;margin:14px 16px 0}.acm-id,.acm-tele,.acm-cta,.acm-label,.acm-ledger,.acm-logout{animation:accountUp .4s var(--ease) both}.acm-tele{animation-delay:50ms}.acm-cta{animation-delay:90ms}.acm-label{animation-delay:.12s}.acm-ledger{animation-delay:.15s}.acm-logout{animation-delay:.19s}.acm-id{background:radial-gradient(120% 130% at 0 0,#6366f157,#0000 58%),radial-gradient(120% 130% at 100% 0,#22d3ee38,#0000 58%),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(#ffffff0a,#ffffff03);border-bottom:1px solid #22d3ee33;padding:16px 16px 13px;position:relative;overflow:hidden}.acm-id-stripe{inset-inline-start:0;background:repeating-linear-gradient(-45deg,#22d3eea6 0 8px,#0a0a0c40 8px 16px);width:4px;position:absolute;top:0;bottom:0}.acm-id-ghost{inset-inline-end:-6px;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;color:#0000;-webkit-text-stroke:1px #22d3ee2e;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:88px;font-weight:700;line-height:1;position:absolute;top:-14px}.acm-id-top{align-items:center;gap:13px;display:flex;position:relative}.acm-id-avatar{flex-shrink:0;display:inline-flex}.acm-id-main{flex-direction:column;gap:5px;min-width:0;display:flex}.acm-id-user{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.01em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;line-height:20px;overflow:hidden}.acm-id-plate{min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.acm-id-meta{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex;position:relative}.acm-chip{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-size:9.5px;font-weight:700;line-height:12px;display:inline-flex;overflow:hidden}.acm-chip .fa-duo{--fa-primary-color:currentColor;--fa-secondary-color:currentColor}.acm-chip-status{color:#98a0ae;background:#ffffff0d;border:1px solid #ffffff1a}.acm-chip-status[data-online]{color:#86efac;background:#22c55e1a;border-color:#22c55e59}.acm-led{background:#6b7280;border-radius:50%;flex-shrink:0;width:6px;height:6px}.acm-chip-status[data-online] .acm-led{background:#22c55e;animation:2s ease-in-out infinite accountPulse;box-shadow:0 0 7px #22c55ee6}.acm-chip-role{color:#c7d2fe;background:#6366f11f;border:1px solid #6366f166}.acm-chip-cafe{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf2459}.acm-chip-pass{color:#fbcfe8;cursor:help;background:#f472b61f;border:1px solid #f472b666}.acm-tele{background:#ffffff05;border:1px solid #ffffff12;border-radius:3px;align-items:stretch;margin:12px 16px 0;display:flex;overflow:hidden}.acm-tele-cell{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:10px 8px 9px;text-decoration:none;display:flex}.acm-tele-cell+.acm-tele-cell{border-inline-start:1px solid #22d3ee1f}.acm-tele-icon{color:#67e8f9;justify-content:center;align-items:center;height:18px;margin-bottom:2px;display:inline-flex}.acm-tele-icon .fa-duo{--fa-primary-color:#67e8f9;--fa-secondary-color:#6366f1;--fa-primary-opacity:1;--fa-secondary-opacity:1}.acm-tele-cell b{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13.5px;font-weight:700;line-height:17px;overflow:hidden}.acm-tele-cell i{font-style:normal;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.16em;text-transform:uppercase;color:#6b7280;font-size:8.5px;font-weight:500;line-height:10px}.acm-tele-link{cursor:pointer;transition:background .15s var(--ease)}.acm-tele-link:hover{background:#22d3ee0f}.acm-tele-link:hover b{text-underline-offset:3px;text-decoration:underline}.acm-cta{cursor:pointer;width:calc(100% - 32px);height:46px;font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:filter .16s var(--ease);background:linear-gradient(135deg,#6366f1,#22d3ee);border:0;align-items:center;gap:11px;margin:12px 16px 0;padding:0 15px;font-size:12.5px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d}.acm-cta:hover{filter:brightness(1.08)}.acm-cta .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#ffffffa6;--fa-primary-opacity:1;--fa-secondary-opacity:1}.acm-cta-label{text-align:start;flex:1}.acm-cta-arrow{transition:transform .16s var(--ease)}.acm-cta:hover .acm-cta-arrow{transform:translate(3px)}.acm-cta-sweep{pointer-events:none;background:linear-gradient(115deg,#0000 32%,#ffffff47 50%,#0000 68%);animation:3.4s ease-in-out infinite acmSweep;position:absolute;inset:0;transform:translate(-110%)}@keyframes acmSweep{0%{transform:translate(-110%)}55%,to{transform:translate(110%)}}.acm-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.18em;text-transform:uppercase;color:#a5f3fc;align-items:center;gap:7px;padding:15px 16px 7px;font-size:10px;font-weight:700;line-height:13px;display:flex}.acm-label:before{content:"// ";color:#22d3ee8c}.acm-label:after{content:"";background:linear-gradient(90deg,#22d3ee4d,#0000);flex:1;height:1px;margin-inline-start:4px}.acm-label .fa-duo{--fa-primary-color:#22d3ee;--fa-secondary-color:#6366f1;--fa-primary-opacity:1;--fa-secondary-opacity:1}.acm-ledger{background:#ffffff04;border:1px solid #ffffff12;border-radius:3px;flex-direction:column;margin:0 16px;display:flex;overflow:hidden}.acm-row{border-inline-start:2px solid color-mix(in srgb, var(--type) 65%, transparent);transition:background .15s var(--ease);align-items:center;gap:10px;padding:9px 12px;display:flex}.acm-row+.acm-row{border-top:1px solid #ffffff0d}.acm-row:hover{background:color-mix(in srgb, var(--type) 7%, transparent)}.acm-row-icon{background:color-mix(in srgb, var(--type) 14%, transparent);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.acm-row-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;font-size:10px;font-weight:700;line-height:13px}.acm-row-fill{opacity:.5;background:repeating-linear-gradient(90deg,#ffffff1f 0 2px,#0000 2px 6px);flex:1;height:1px}.acm-row-value{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;color:color-mix(in srgb, var(--type) 60%, #fff);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700;line-height:17px}.acm-logout{color:#fca5a5;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);width:calc(100% - 32px);height:42px;transition:background .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease);background:repeating-linear-gradient(-45deg,#ef444412 0 8px,#0000 8px 16px),#ef44440f;border:1px solid #ef444466;justify-content:center;align-items:center;gap:8px;margin:14px 16px 16px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.acm-logout:hover{color:#fecaca;background:repeating-linear-gradient(-45deg,#ef44441f 0 8px,#0000 8px 16px),#ef444424;border-color:#ef444499}.acm-logout .fa-duo{--fa-primary-color:#f87171;--fa-secondary-color:#fca5a5;--fa-primary-opacity:1;--fa-secondary-opacity:1}@media (prefers-reduced-motion:reduce){.acm-cta-sweep,.acm-chip-status[data-online] .acm-led{animation:none}}.account-stat-rank-img{object-fit:contain;filter:drop-shadow(0 1px 3px #00000073);flex-shrink:0;width:24px;height:24px}.history-modal.mantine-Modal-content{height:min(620px,86vh)}.history-inner{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.history-note{border-radius:11px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.history-note-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444452}.history-note-error .fa-duo{--fa-primary-color:#f87171;--fa-secondary-color:#fca5a5}.history-spinner{border:2px solid color-mix(in srgb, var(--accent) 28%, transparent);border-top-color:var(--accent-2);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite historySpin}@keyframes historySpin{to{transform:rotate(360deg)}}.history-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:clamp(48px,11vw,110px) 20px;display:flex}.history-signin-icon{border:1px solid var(--border-2);background:var(--surface-2);width:78px;height:78px;color:var(--accent-2);border-radius:22px;justify-content:center;align-items:center;display:inline-flex}.history-signin-icon .fa-duo{--fa-primary-color:var(--accent-2);--fa-secondary-color:var(--accent)}.history-signin-title{color:var(--text);margin:0;font-size:19px;font-weight:800}.history-signin-sub{max-width:360px;color:var(--text-faint);margin:0;font-size:13.5px}.history-signin-btn{margin-top:4px}.details-content img,.content-item img{cursor:zoom-in}.img-lightbox{z-index:9999;cursor:zoom-out;background:#040509e0;justify-content:center;align-items:center;padding:clamp(16px,5vw,56px);display:flex;position:fixed;inset:0}.img-lightbox-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 50px 130px -30px #000000f2,0 0 0 1px #ffffff14}.img-lightbox-close{top:16px;color:#c9cdd4;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;inset-inline-end:16px}.img-lightbox-close:hover{color:#fff;background:#ffffff1f;border-color:#ffffff42}.success-overlay{z-index:9999;-webkit-backdrop-filter:blur(14px)saturate(1.2);background:radial-gradient(120% 90% at 50% 30%,#0c1a12b3,#060a08db);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.success-card{background:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px),radial-gradient(120% 90% at 50% -10%,#22c55e38,#0000 60%),linear-gradient(#141c16eb,#0b0f0cf0);border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;align-items:center;gap:6px;padding:42px 56px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -30px #000000d9,inset 0 1px #ffffff1f}.success-card:after{content:"";inset-inline-end:-1px;border:1px solid #22c55e99;border-inline-start:0;opacity:.8;pointer-events:none;z-index:2;border-top:0;width:16px;height:16px;position:absolute;bottom:-1px}.purchase-card.success-card:after{border-color:color-mix(in srgb, var(--type) 60%, transparent)}.success-card:before{content:"";opacity:.9;background:linear-gradient(90deg,#22c55e,#4ade80);height:2px;position:absolute;inset:0 0 auto;box-shadow:0 0 16px -2px #22c55ecc}.success-check{justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:18px;display:flex;position:relative}.success-check svg{z-index:1;width:96px;height:96px;position:relative}.success-check-circle{fill:none;stroke:#22c55e;stroke-width:3px;stroke-dasharray:151;stroke-dashoffset:151px;animation:.5s ease-out forwards successCircle}.success-check-mark{fill:none;stroke:#4ade80;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;filter:drop-shadow(0 0 5px #4ade80b3);animation:.34s cubic-bezier(.65,0,.45,1) .46s forwards successMark}.success-check-ring{opacity:0;border:2px solid #22c55e8c;border-radius:50%;animation:.85s ease-out .35s forwards successRing;position:absolute;inset:0}.success-check-glow{filter:blur(6px);background:radial-gradient(closest-side,#22c55e80,#0000 70%);border-radius:50%;animation:1.6s ease-in-out .4s infinite successGlow;position:absolute;inset:8px}.success-title{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:-.01em;background:linear-gradient(110deg,#fff 30%,#86efac 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.success-sub{color:var(--text-dim,#bcc0d4);font-size:13.5px}.success-sub b{color:#86efac;font-weight:700}@keyframes successCircle{to{stroke-dashoffset:0}}@keyframes successMark{to{stroke-dashoffset:0}}@keyframes successRing{0%{opacity:.85;transform:scale(.7)}to{opacity:0;transform:scale(1.45)}}@keyframes successGlow{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.85;transform:scale(1.08)}}.purchase-overlay{background:radial-gradient(120% 90% at 50% 30%,#0e0e16b8,#06060ae0)}.purchase-card{background:radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--type) 26%, transparent), transparent 62%), linear-gradient(180deg, #16161ef0, #0c0c11f2);gap:4px;min-width:320px;max-width:min(92vw,380px);padding:38px 44px 30px}.purchase-card:before{background:linear-gradient(90deg, color-mix(in srgb, var(--type) 70%, #fff), var(--type));box-shadow:0 0 16px -2px color-mix(in srgb, var(--type) 85%, transparent)}.purchase-card .success-check-circle{stroke:var(--type)}.purchase-card .success-check-mark{stroke:color-mix(in srgb, var(--type) 60%, #fff);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--type) 70%, transparent))}.purchase-card .success-check-ring{border-color:color-mix(in srgb, var(--type) 55%, transparent)}.purchase-card .success-check-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--type) 55%, transparent), transparent 70%)}.purchase-card .success-title{background:linear-gradient(110deg, #fff 30%, color-mix(in srgb, var(--type) 55%, #fff) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.purchase-attrs{flex-direction:column;gap:7px;width:100%;margin:16px 0 4px;padding:0;list-style:none;display:flex}.purchase-attr{border:1px solid color-mix(in srgb, var(--type) 24%, var(--border));border-inline-start:2px solid color-mix(in srgb, var(--type) 70%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--type) 12%, transparent), color-mix(in srgb, var(--type) 4%, transparent));border-radius:3px;align-items:center;gap:10px;padding:9px 13px;display:flex}.purchase-attr-icon{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);border:1px solid color-mix(in srgb, var(--type) 40%, var(--border));background:color-mix(in srgb, var(--type) 18%, transparent);width:30px;height:30px;color:var(--type);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.purchase-attr-icon .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 55%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:.85}.purchase-attr-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:10.5px;font-weight:700}.purchase-attr-value{font-variant-numeric:tabular-nums;color:#fff;align-items:center;gap:6px;margin-inline-start:auto;font-size:14px;font-weight:800;display:inline-flex}.purchase-attr-value .pack-rank-img{border-radius:5px;width:30px;height:auto;display:block}.purchase-cost{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--text-dim);align-items:center;gap:6px;margin-top:12px;font-size:11px;font-weight:700;display:inline-flex}.purchase-cost .fa-duo{--fa-primary-color:#c4b5fd;--fa-secondary-color:#818cf8}.topup-success-msg{max-width:17rem;color:var(--text-dim);margin:10px 0 2px;font-size:13.5px;line-height:1.55}.purchase-done{clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);border:1px solid color-mix(in srgb, var(--type) 45%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--type) 26%, transparent), color-mix(in srgb, var(--type) 10%, transparent));color:#fff;font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);border-radius:0;align-items:center;gap:8px;margin-top:18px;padding:10px 30px;font-size:12.5px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff29}.purchase-done:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--type) 36%, transparent), color-mix(in srgb, var(--type) 16%, transparent));box-shadow:inset 0 1px 0 #ffffff38, 0 10px 22px -10px color-mix(in srgb, var(--type) 80%, transparent);transform:translateY(-1px)}.purchase-done:active{transform:translateY(0)}.purchase-done .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:color-mix(in srgb, var(--type) 50%, #fff)}.logout-overlay{z-index:9999;-webkit-backdrop-filter:blur(14px)saturate(1.2);background:radial-gradient(120% 90% at 50% 30%,#141420bd,#06060ce0);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logout-card{background:radial-gradient(120% 90% at 50% -10%,#6366f133,#0000 60%),linear-gradient(#161622eb,#0b0b13f0);border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:5px;padding:44px 58px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -30px #000000d9,inset 0 1px #ffffff1f}.logout-card:before{content:"";opacity:.9;background:linear-gradient(90deg,#6366f1,#22d3ee);height:2px;position:absolute;inset:0 0 auto;box-shadow:0 0 16px -2px #6366f1cc}.logout-logo-wrap{justify-content:center;align-items:center;width:132px;height:132px;margin-bottom:24px;display:flex;position:relative}.logout-ring{background:conic-gradient(from 90deg,#0000 0deg,#6366f11f 130deg,#6366f1 320deg,#8b5cf6 360deg);border-radius:50%;animation:1.1s linear infinite logoutSpin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.logout-ring-2{background:conic-gradient(from 270deg,#0000 0deg,#22d3ee1a 130deg,#22d3ee 330deg,#38bdf8 360deg);animation:1.6s linear infinite reverse logoutSpin;inset:14px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.logout-logo-glow{filter:blur(6px);background:radial-gradient(closest-side,#6366f18c,#0000 70%);border-radius:50%;animation:1.8s ease-in-out infinite logoutPulse;position:absolute;inset:26px}.logout-logo{object-fit:contain;filter:drop-shadow(0 4px 14px #0000008c);width:64px;height:auto;max-height:64px;animation:2.4s ease-in-out infinite logoutFloat;position:relative}.logout-title{letter-spacing:-.01em;background:linear-gradient(110deg,#fff 30%,#c4b5fd 70%,#fff 100%) 0 0/220%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:19px;font-weight:800;animation:3s linear infinite logoutSheen}.logout-sub{color:#8086a0;align-items:center;font-size:13px;display:inline-flex}.logout-dots{gap:3px;margin-inline-start:3px;display:inline-flex}.logout-dots i{background:#8086a0;border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite logoutDot}.logout-dots i:nth-child(2){animation-delay:.18s}.logout-dots i:nth-child(3){animation-delay:.36s}.logout-bar{background:#ffffff14;border-radius:999px;width:184px;height:3px;margin-top:22px;position:relative;overflow:hidden}.logout-bar>span{top:0;background:linear-gradient(90deg,#0000,#6366f1,#22d3ee,#0000);border-radius:999px;width:40%;height:100%;animation:1.3s ease-in-out infinite logoutBar;position:absolute;inset-inline-start:-40%}@keyframes logoutSpin{to{transform:rotate(360deg)}}@keyframes logoutPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes logoutFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes logoutSheen{to{background-position:220%}}@keyframes logoutDot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes logoutBar{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}a.brand-mark{text-decoration:none}.construction{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:520px;margin:0 auto;padding:clamp(40px,8vw,84px) 20px;display:flex}.construction-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, var(--surface-2)), color-mix(in srgb, var(--accent-2) 14%, var(--surface-2)));border:1px solid var(--border-2);width:104px;height:104px;box-shadow:0 0 44px -12px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 1px 0 #ffffff24;border-radius:28px;justify-content:center;align-items:center;margin-bottom:8px;animation:3s ease-in-out infinite constructFloat;display:flex;position:relative}.construction-icon:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 32%, transparent), transparent 72%);animation:2.6s ease-in-out infinite constructPulse;position:absolute;inset:-12px}.construction-icon .fa-duo{--fa-primary-color:var(--accent);--fa-secondary-color:var(--accent-2);--fa-primary-opacity:1;--fa-secondary-opacity:1}.construction-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(22px,4vw,28px);font-weight:800}.construction-text{max-width:42ch;color:var(--text-dim);margin:0;font-size:14px;line-height:1.6}.construction-back{color:#fff;transition:transform .16s var(--ease), box-shadow .16s var(--ease), filter .16s var(--ease);background:linear-gradient(135deg,#6366f1 0%,#22d3ee 100%);border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:11px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 8px 22px -8px #2db2e899}.construction-back:hover{filter:brightness(1.06)saturate(1.04);transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 12px 26px -8px #2db2e8d9}.construction-back .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#ffffff9e;--fa-primary-opacity:1;--fa-secondary-opacity:1}@keyframes constructFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes constructPulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.topup-catalog{width:100%;max-width:960px;margin-inline:auto}.topup{flex-direction:column;gap:20px;display:flex;position:relative}.topup:before{content:"";z-index:0;background:radial-gradient(60% 100% at 35% 0%, color-mix(in srgb, var(--type,var(--accent)) 32%, transparent), transparent 70%);filter:blur(34px);opacity:.55;pointer-events:none;height:260px;position:absolute;inset:-50px -30px auto}.topup>*{z-index:1;position:relative}.topup-balance{flex-shrink:0;align-items:stretch;gap:7px;display:inline-flex;position:relative}.topup-balance .fa-duo{--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 8px #4f9bff80)}.topup-balance-meta{flex-direction:column;line-height:1.1;display:flex}.topup-balance-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--type,#22d3ee) 55%, var(--text-faint));font-size:8.5px;font-weight:700}.topup-balance-value{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;font-variant-numeric:tabular-nums;background:linear-gradient(120deg, #fff 40%, color-mix(in srgb, var(--type,var(--accent-2)) 70%, #fff) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700}.topup-bal-sk-icon{border-radius:5px;flex-shrink:0;width:15px;height:15px}.topup-bal-sk-label{border-radius:4px;width:30px;height:10px}.topup-bal-sk-value{border-radius:4px;width:44px;height:16px;margin-top:1px}.topup-tabs{animation:topupChromeIn .5s var(--ease) backwards;background:linear-gradient(#ffffff0d,#ffffff05),linear-gradient(#181821b8,#111119b8);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;align-self:flex-start;gap:6px;padding:5px;display:inline-flex;box-shadow:inset 0 1px #ffffff12,0 10px 28px -16px #000000b3}@keyframes topupChromeIn{0%{opacity:0}to{opacity:1}}.topup-tab{height:42px;color:var(--text-dim);cursor:pointer;transition:color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex}.topup-tab:hover{color:var(--text);background:#ffffff0d}.topup-tab.active{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--type) 82%, #fff) 0%, var(--type) 55%, color-mix(in srgb, var(--type) 78%, #000) 100%);border-color:color-mix(in srgb, var(--type) 55%, transparent);box-shadow:inset 0 1px 0 #ffffff6b, 0 10px 24px -8px color-mix(in srgb, var(--type) 72%, transparent), 0 0 26px -10px color-mix(in srgb, var(--type) 85%, transparent)}.topup-tab .fa-duo{--fa-primary-color:var(--type,var(--accent));--fa-secondary-color:color-mix(in srgb, var(--type,var(--accent)) 45%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1}.topup-tab.active .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#ffffffb3;filter:drop-shadow(0 1px 3px #0006)}.topup-redeem-bar{background:radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, var(--type,var(--accent)) 16%, transparent), transparent 58%), linear-gradient(180deg, #ffffff0f, #ffffff04);box-shadow:inset 0 1px 0 #fff3, 0 30px 60px -26px #000000d9, 0 0 44px -22px color-mix(in srgb, var(--type,var(--accent)) 60%, transparent);animation:topupChromeIn .5s var(--ease) 50ms backwards;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:14px;padding:clamp(20px,2.6vw,28px);display:flex;position:relative;overflow:hidden}.topup-redeem-bar:before{content:"";background:linear-gradient(90deg, transparent, var(--type,var(--accent)), transparent);opacity:.9;height:2px;box-shadow:0 0 16px -2px color-mix(in srgb, var(--type,var(--accent)) 80%, transparent);position:absolute;inset:0 0 auto}.topup-redeem-label{letter-spacing:.02em;color:var(--text);align-items:center;gap:9px;font-size:13px;font-weight:800;display:inline-flex}.topup-redeem-label .fa-duo{--fa-primary-color:var(--type,var(--accent));--fa-secondary-color:color-mix(in srgb, var(--type,var(--accent)) 50%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--type,var(--accent)) 60%, transparent));font-size:15px}.topup-field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.topup-redeem-row{flex-wrap:wrap;gap:12px;display:flex}.topup-input{flex:1;min-width:240px}.topup-input input{color:var(--text);font-variant-numeric:tabular-nums;background:#00000042;border:1px solid #ffffff24;box-shadow:inset 0 2px 6px #00000052}.topup-input input::placeholder{color:var(--text-faint)}.topup-input input:focus{border-color:color-mix(in srgb, var(--type,var(--accent)) 70%, transparent);box-shadow:inset 0 2px 6px #00000052, 0 0 0 3px color-mix(in srgb, var(--type,var(--accent)) 22%, transparent), 0 0 20px -6px color-mix(in srgb, var(--type,var(--accent)) 70%, transparent)}.topup-input .fa-duo{--fa-primary-color:var(--type,var(--accent));--fa-secondary-color:color-mix(in srgb, var(--type,var(--accent)) 45%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1}.topup-input-tm input{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.16em;font-weight:600}.topup-input-tm input::placeholder{letter-spacing:.16em;font-weight:500}.topup-submit{background:linear-gradient(135deg, color-mix(in srgb, var(--type,var(--accent)) 82%, #fff) 0%, var(--type,var(--accent)) 55%, color-mix(in srgb, var(--type,var(--accent)) 78%, #000) 100%);color:#fff;cursor:pointer;height:48px;box-shadow:inset 0 1px 0 #ffffff6b, inset 0 -2px 6px #0003, 0 12px 28px -8px color-mix(in srgb, var(--type,var(--accent)) 75%, transparent), 0 0 30px -10px color-mix(in srgb, var(--type,var(--accent)) 85%, transparent);transition:transform .16s var(--ease), filter .16s var(--ease), box-shadow .16s var(--ease);border:1px solid #ffffff3d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:14.5px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.topup-submit:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffff80 50%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}.topup-submit:hover:not(:disabled):before{transition:transform .72s var(--ease);transform:translate(130%)}.topup-submit:hover:not(:disabled){filter:brightness(1.08)saturate(1.05);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -2px 6px #00000038, 0 18px 34px -8px color-mix(in srgb, var(--type,var(--accent)) 85%, transparent), 0 0 40px -10px color-mix(in srgb, var(--type,var(--accent)) 95%, transparent);transform:translateY(-2px)}.topup-submit:disabled{opacity:.6;cursor:progress}.topup-submit .fa-duo,.topup-submit span{z-index:1;position:relative}.topup-submit .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#ffffff9e;--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 1px 3px #00000059)}.topup-result{-webkit-backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:9px;padding:11px 14px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.topup-result .fa-duo{--fa-primary-opacity:1;--fa-secondary-opacity:1;flex-shrink:0}.topup-result-success{color:#bbf7d0;background:linear-gradient(135deg,#22c55e33,#22c55e12);border:1px solid #22c55e66;box-shadow:inset 0 1px #ffffff1a,0 0 24px -10px #22c55e99}.topup-result-success .fa-duo{--fa-primary-color:#4ade80;--fa-secondary-color:#86efac}.topup-result-error{color:#fecaca;background:linear-gradient(135deg,#ef444433,#ef444412);border:1px solid #ef44446b;box-shadow:inset 0 1px #ffffff14,0 0 24px -10px #ef444499}.topup-result-error .fa-duo{--fa-primary-color:#f87171;--fa-secondary-color:#fca5a5}.topup-trust{flex-wrap:wrap;align-items:center;gap:8px 18px;padding-top:4px;display:flex}.topup-trust-item{color:var(--text-dim);align-items:center;gap:7px;font-size:11.5px;font-weight:600;display:inline-flex}.topup-trust-item .fa-duo{--fa-primary-color:color-mix(in srgb, var(--type,var(--accent)) 70%, #fff);--fa-secondary-color:var(--type,var(--accent));--fa-primary-opacity:1;--fa-secondary-opacity:1}.topup-link{color:var(--accent-2);font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0}.topup-link:hover{text-decoration:underline}.topup-packages{flex-direction:column;gap:14px;display:flex}.topup-packages-head{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:11px;font-weight:700;display:flex}.topup-packages-head .fa-duo{--fa-primary-color:var(--type,var(--accent));--fa-secondary-color:color-mix(in srgb, var(--type,var(--accent)) 45%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--type,var(--accent)) 55%, transparent))}.topup-packages-sub{letter-spacing:0;text-transform:none;color:var(--text-faint);font-size:11px;font-weight:500}.topup-packages-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;display:grid}.topup-pkg{background:radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--type,var(--accent)) 13%, transparent), transparent 58%), linear-gradient(180deg, #ffffff0d, #ffffff03), linear-gradient(180deg, #16161eeb, #0e0e14f0);transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);will-change:transform;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:12px;padding:17px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 22px 42px -24px #000000d9}.topup-pkg:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--type,var(--accent)) 85%, transparent), transparent);opacity:.75;height:2px;position:absolute;inset:0 0 auto}@media (hover:hover){.topup-pkg:hover{transform:translateY(-4px)}}.topup-pkg:active{transition-duration:.11s;transform:translateY(0)scale(.955);box-shadow:inset 0 1px #ffffff1f,0 10px 22px -16px #000000e6}.topup-pkg-price{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--type,var(--accent)) 78%, #fff), var(--type,var(--accent)));border:1px solid color-mix(in srgb, var(--type,var(--accent)) 50%, transparent);box-shadow:inset 0 1px 0 #ffffff59, 0 6px 16px -6px color-mix(in srgb, var(--type,var(--accent)) 70%, transparent);font-variant-numeric:tabular-nums;border-radius:9px;align-self:flex-start;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;font-weight:800;display:inline-flex}.topup-baht.fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#ffffffbf;--fa-primary-opacity:1;--fa-secondary-opacity:1}.topup-pkg-bc{grid-template-columns:auto 1fr;align-items:center;gap:1px 10px;display:grid}.topup-pkg-bc .fa-duo{filter:drop-shadow(0 0 7px #4f9bff80);grid-row:1/span 2}.topup-pkg-bc-num{font-variant-numeric:tabular-nums;background:linear-gradient(120deg, #fff 45%, var(--accent-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;grid-column:2;font-size:24px;font-weight:800;line-height:1.05}.topup-pkg-bc-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);grid-column:2;font-size:10.5px;font-weight:700}.topup-pkg-rewards{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;display:flex}.topup-reward{color:var(--text);border:1px solid color-mix(in srgb, var(--type,var(--accent)) 32%, #ffffff1a);background:linear-gradient(135deg, color-mix(in srgb, var(--type,var(--accent)) 18%, transparent), color-mix(in srgb, var(--type,var(--accent)) 6%, transparent));font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.topup-reward-exp{--type:#a78bfa}.topup-reward-item{--type:#f59e0b}.topup-reward-exp .fa-duo,.topup-reward-item .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 50%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1}.topup-pkg{cursor:pointer;text-align:start}.topup-pkg-panel.item-options{--accent:var(--type,#f97316);--accent-2:color-mix(in srgb, var(--accent) 52%, #fff);--accent-deep:color-mix(in srgb, var(--accent) 64%, #04060b);--glow:color-mix(in srgb, var(--accent) 62%, transparent);top:8px}.topup-pkg-panel-rewards{flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex}.topup-pkg[data-open] .item-options{opacity:1;pointer-events:auto;transform:translateY(0)}.topup-pkg[data-open] .item-options-cta:before{transition:transform .9s .24s var(--ease);transform:translate(130%)}.topup-pkg[data-open] .item-options-cta .fa-duo{animation:ctaArrow 1.4s var(--ease) infinite}.topup-details-modal.mantine-Modal-content{-webkit-backdrop-filter:none;background:radial-gradient(90% 55% at 10% -6%,#6366f133,#0000 60%),radial-gradient(80% 50% at 100% 0,#8b5cf626,#0000 58%),linear-gradient(#12121cf9 0%,#0a0a11fb 100%)}.topup-details-inner .details-name{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topup-details-arrow{color:var(--text-faint);display:inline-flex}.topup-details-bc{align-items:center;gap:7px;display:inline-flex}.topup-grants{gap:9px;padding:16px}.topup-grant{border:1px solid color-mix(in srgb, var(--type,var(--accent)) 26%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--type,var(--accent)) 12%, transparent), color-mix(in srgb, var(--type,var(--accent)) 3%, transparent));border-radius:12px;align-items:center;gap:11px;padding:10px 13px;display:flex}.topup-grant-icon{border:1px solid color-mix(in srgb, var(--type,var(--accent)) 40%, var(--border));background:color-mix(in srgb, var(--type,var(--accent)) 16%, transparent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.topup-grant-label{color:var(--text-dim);font-size:13px;font-weight:600}.topup-grant-value{color:#fff;font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:14.5px;font-weight:800}.topup-grant-item{text-align:end;max-width:150px;font-size:12.5px;line-height:1.25}.topup-details-total{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.topup-details-total-label{color:var(--text-dim);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.topup-details-total-get{color:#fff;align-items:center;gap:7px;font-size:16px;font-weight:800;display:inline-flex}.topup-state{text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:12px;padding:clamp(40px,7vw,76px) 20px;display:flex}.topup-state-error{color:#fca5a5;flex-direction:row;justify-content:center;gap:10px;font-size:14px;font-weight:600}.topup-state-error .fa-duo{--fa-primary-color:#f87171;--fa-secondary-color:#fca5a5;--fa-primary-opacity:1;--fa-secondary-opacity:1}.topup-pkg{animation:topupPkgIn .5s var(--ease) backwards}.topup-pkg:nth-child(2){animation-delay:50ms}.topup-pkg:nth-child(3){animation-delay:.1s}.topup-pkg:nth-child(4){animation-delay:.15s}.topup-pkg:nth-child(5){animation-delay:.2s}.topup-pkg:nth-child(6){animation-delay:.25s}.topup-pkg:nth-child(n+7){animation-delay:.3s}@keyframes topupPkgIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.topup-pkg:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(118deg,#0000 36%,#ffffff1c 50%,#0000 64%);position:absolute;inset:0;transform:translate(-120%)}@media (hover:hover){.topup-pkg:hover:after{transition:transform .82s var(--ease);transform:translate(120%)}}.topup-skeleton{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;display:grid}.topup-sk-card{background:linear-gradient(#ffffff0d,#ffffff03);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:12px;padding:17px;display:flex;box-shadow:inset 0 1px #ffffff1a,0 20px 40px -26px #000c}.topup-sk-card .sk{display:block}.topup-sk-price{border-radius:9px;width:58px;height:29px}.topup-sk-bc{border-radius:7px;width:72%;height:41px}.topup-sk-row{border-radius:8px;width:100%;height:38px;margin-top:auto}.topup-sk{pointer-events:none}.topup-balance-item{clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);border:1px solid color-mix(in srgb, var(--type,#22d3ee) 30%, #ffffff14);border-top:2px solid color-mix(in srgb, var(--type,#22d3ee) 70%, transparent);background:repeating-linear-gradient(0deg, #ffffff04 0 1px, transparent 1px 3px), radial-gradient(120% 100% at 50% -20%, color-mix(in srgb, var(--type,#22d3ee) 14%, transparent), transparent 60%), linear-gradient(180deg, #111318eb, #0b0c10f2);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);flex-shrink:0;align-items:center;gap:8px;padding:6px 13px 7px 11px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0f}@media (hover:hover){.topup-balance-item:hover{border-color:color-mix(in srgb, var(--type,#22d3ee) 55%, #ffffff14);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 16px -6px color-mix(in srgb, var(--type,#22d3ee) 65%, transparent)}}.topup-balance-item .fa-duo{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--type,#22d3ee) 55%, transparent))}.topup-balance-divider,.topup-balance-opt{display:none}@media (min-width:880px){.topup-balance-opt-1{display:inline-flex}}@media (min-width:1040px){.topup-balance-opt-2{display:inline-flex}}@media (max-width:560px){.catalog-head-wrap{flex-wrap:wrap;align-items:flex-start;gap:12px}.topup-balance{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;gap:10px 12px;width:100%;display:flex}.topup-balance-item{flex:1 0 auto;justify-content:center}.topup-balance-opt{display:inline-flex}.topup-balance-divider{display:none}}.topup-tabs{border-radius:18px;gap:5px;padding:5px;box-shadow:inset 0 2px 8px #0000006b,inset 0 1px #ffffff12,0 10px 28px -16px #000000b3}.topup-tab{letter-spacing:.01em;border-radius:13px;height:46px;padding:0 24px;font-size:14.5px}.topup-redeem-bar{box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 0 #0003, 0 36px 70px -28px #000000e6, 0 0 50px -22px color-mix(in srgb, var(--type,var(--accent)) 55%, transparent);border-radius:22px;gap:16px;padding:clamp(20px,3vw,32px)}.topup-redeem-bar:after{content:"";inset-inline-end:-30px;background:radial-gradient(closest-side, color-mix(in srgb, var(--type,var(--accent)) 22%, transparent), transparent 72%);pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-30px}.topup-redeem-label{letter-spacing:-.01em;font-size:15px;font-weight:800}.topup-redeem-label .fa-duo{font-size:17px}.topup-input input{letter-spacing:.01em;height:48px;font-size:14px}.topup-submit{letter-spacing:.02em;height:52px;box-shadow:inset 0 1px 0 #ffffff73, inset 0 -2px 8px #00000038, 0 14px 34px -8px color-mix(in srgb, var(--type,var(--accent)) 80%, transparent), 0 0 42px -10px color-mix(in srgb, var(--type,var(--accent)) 88%, transparent);border-radius:16px;padding:0 32px;font-size:15px}.topup-trust{gap:8px 22px;padding-top:6px}.topup-trust-item:first-child .fa-duo{--fa-primary-color:#4ade80;--fa-secondary-color:#86efac;filter:drop-shadow(0 0 5px #4ade808c)}.topup-trust-item:nth-child(2) .fa-duo{--fa-primary-color:#22d3ee;--fa-secondary-color:#a5f3fc;filter:drop-shadow(0 0 5px #22d3ee8c)}.topup-packages-head{letter-spacing:.13em;font-size:11.5px}.topup-packages-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:16px}.topup-pkg{background:radial-gradient(80% 60% at 100% 0%, color-mix(in srgb, var(--type,var(--accent)) 15%, transparent), transparent 62%), radial-gradient(70% 40% at 0% 100%, color-mix(in srgb, var(--type,var(--accent)) 7%, transparent), transparent 55%), linear-gradient(165deg, #fff1, #ffffff03);border:1px solid #ffffff1c;border-radius:20px;padding:18px;box-shadow:inset 0 1px #ffffff2e,inset 1px 0 #ffffff0f,0 26px 50px -26px #000000e0}@media (hover:hover){.topup-pkg:hover{border-color:color-mix(in srgb, var(--type,var(--accent)) 55%, transparent);box-shadow:inset 0 1px 0 #ffffff40, 0 38px 60px -28px #000000eb, 0 0 44px -12px color-mix(in srgb, var(--type,var(--accent)) 72%, transparent);transform:translateY(-5px)}.topup-pkg:hover:after{transition:transform .82s var(--ease);transform:translate(120%)}}.topup-pkg-price{border-radius:10px;padding:5px 12px;font-size:13px}.topup-pkg-bc{column-gap:10px}.topup-pkg-bc .fa-duo{filter:drop-shadow(0 0 10px #4f9bffb3);font-size:26px}.topup-pkg-bc-num{letter-spacing:-.02em;background:linear-gradient(118deg, #fff 40%, var(--accent-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px}.topup-pkg-bc-label{letter-spacing:.08em;font-size:11px}.topup-reward{border-radius:9px;padding:4px 10px;font-size:12px}.topup-pkg-rewards{border-top:1px solid #ffffff1a;padding-top:13px}@media (max-width:640px){.topup:before{filter:blur(22px);inset:-20px 0 auto}.topup-balance{border-radius:14px;gap:8px;padding:8px 13px}.topup-balance-value{font-size:13px}.topup-balance-label{font-size:9px}.topup-balance-item{gap:6px}.topup-balance-divider{height:20px}.topup-tabs{box-sizing:border-box;border-radius:16px;grid-template-columns:1fr 1fr;gap:5px;width:100%;padding:5px;display:grid}.topup-tab{border-radius:12px;justify-content:center;gap:7px;height:48px;padding:0 12px;font-size:13.5px}.topup-redeem-bar{border-radius:18px;gap:14px;padding:18px}.topup-redeem-label{font-size:14px}.topup-redeem-row{flex-direction:column;gap:10px}.topup-input{width:100%;min-width:0}.topup-input input{height:52px;font-size:15px}.topup-submit{border-radius:14px;width:100%;height:54px;padding:0;font-size:15.5px}.topup-result{padding:12px 14px;font-size:13px}.topup-trust{gap:8px 14px}.topup-packages-grid{grid-template-columns:1fr 1fr;gap:10px}.topup-packages-head{font-size:11px}.topup-pkg{border-radius:16px;gap:10px;padding:14px}.topup-pkg-price{border-radius:8px;padding:4px 9px;font-size:12px}.topup-pkg-bc{column-gap:7px}.topup-pkg-bc .fa-duo,.topup-pkg-bc-num{font-size:22px}.topup-pkg-bc-label{font-size:9.5px}.topup-reward{border-radius:7px;padding:3px 7px;font-size:10.5px}.topup-pkg-rewards{gap:5px;padding-top:10px}.topup-skeleton{grid-template-columns:1fr 1fr;gap:10px}.topup-sk-card{border-radius:16px;padding:14px}}@media (max-width:380px){.topup-packages-grid,.topup-skeleton{grid-template-columns:1fr}.topup-tab{font-size:12.5px}.topup-balance{gap:7px;padding:7px 11px}}.topup-balance-value{text-shadow:0 1px 2px #00000059}.topup-redeem-bar{background:radial-gradient(100% 70% at 50% 0%, #ffffff0e, transparent 55%), radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, var(--type,var(--accent)) 16%, transparent), transparent 58%), linear-gradient(180deg, #ffffff0f, #ffffff04), linear-gradient(180deg, #16161eeb, #0e0e14f0)}.topup-trust{border-top:1px solid #ffffff14;margin-top:2px;padding-top:14px}.topup-pkg{background:radial-gradient(55% 45% at 14% 2%, #ffffff17, transparent 60%), radial-gradient(80% 60% at 100% 0%, color-mix(in srgb, var(--type,var(--accent)) 15%, transparent), transparent 62%), radial-gradient(70% 40% at 0% 100%, color-mix(in srgb, var(--type,var(--accent)) 7%, transparent), transparent 55%), linear-gradient(165deg, #ffffff12, #ffffff03)}.topup-pkg-price{background:linear-gradient(180deg, #ffffff4d, transparent 48%), linear-gradient(135deg, color-mix(in srgb, var(--type,var(--accent)) 80%, #fff), var(--type,var(--accent)))}.topup-pkg-bc-num{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent-2) 36%, transparent))}.topup-reward{box-shadow:inset 0 1px #ffffff1a,inset 0 -2px 4px #00000021}.topup-redeem-label{gap:11px;font-size:14px}.topup-redeem-icon{background:linear-gradient(180deg, #ffffff2e, #ffffff0a), color-mix(in srgb, var(--type,var(--accent)) 22%, transparent);border:1px solid color-mix(in srgb, var(--type,var(--accent)) 45%, #ffffff1f);width:36px;height:36px;box-shadow:inset 0 1px 0 #ffffff40, 0 0 18px -6px color-mix(in srgb, var(--type,var(--accent)) 75%, transparent);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.topup-redeem-icon .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:color-mix(in srgb, var(--type,var(--accent)) 30%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 1px 2px #0006)}.topup-submit:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff38 50%,#0000 58%);animation:5s ease-in-out 2s infinite topupCtaSheen;position:absolute;inset:0;transform:translate(-140%)}@keyframes topupCtaSheen{0%{transform:translate(-140%)}16%,to{transform:translate(140%)}}.topup-tab.active{box-shadow:inset 0 1px 0 #ffffff80, inset 0 -2px 5px #0000002e, 0 8px 22px -6px color-mix(in srgb, var(--type) 78%, transparent), 0 0 28px -8px color-mix(in srgb, var(--type) 90%, transparent), 0 0 0 1px color-mix(in srgb, var(--type) 35%, transparent)}.topup-pkg{box-shadow:inset 0 1px #fff3,inset 1px 0 #ffffff12,inset -1px 0 #0000002e,0 26px 50px -26px #000000e0}.topup-pkg-bc-label{color:color-mix(in srgb, var(--type,var(--accent)) 55%, var(--text-faint))}.topup-packages-sub:before{content:"·";color:var(--text-faint);margin-inline-end:6px}.topup-result{animation:topupResultIn .32s var(--ease) both}@keyframes topupResultIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topup-pkg-bonus{top:13px;z-index:3;letter-spacing:.01em;color:#04240f;background:linear-gradient(135deg,#86efac,#22c55e);border-radius:20px;align-items:center;gap:3px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;inset-inline-end:13px;box-shadow:inset 0 1px #ffffff8c,0 5px 14px -5px #22c55eb3,0 0 0 1px #22c55e4d}.topup-pkg-bonus .fa-duo{--fa-primary-color:#04240f;--fa-secondary-color:#04240f8c;--fa-primary-opacity:1;--fa-secondary-opacity:1}.topup-pkg:has(.topup-pkg-bonus){border-color:#22c55e47}.topup-pkg:has(.topup-pkg-bonus):before{background:linear-gradient(90deg,#0000,#4ade80d9,#0000)}@media (hover:hover){.topup-pkg:has(.topup-pkg-bonus):hover{border-color:#22c55e8c;box-shadow:inset 0 1px #ffffff40,0 38px 60px -28px #000000eb,0 0 44px -12px #22c55e99}}.topup-pkg-price{max-width:calc(100% - 60px)}.account-menu.mantine-Menu-dropdown{-webkit-backdrop-filter:blur(20px)saturate(1.35);background:radial-gradient(120% 80% at 50% 0,#6366f133,#0000 55%),linear-gradient(#171724eb,#0d0e14f2);border:1px solid #ffffff1f;border-radius:20px;width:344px;box-shadow:0 44px 96px -30px #000000e6,inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff0a}.account-banner{background:radial-gradient(130% 140% at 0 0,#6366f185,#0000 58%),radial-gradient(130% 140% at 100% 0,#8b5cf66b,#0000 58%),linear-gradient(#ffffff12,#ffffff04);border-bottom:1px solid #ffffff14;padding:18px 16px}.account-banner:before{content:"";z-index:2;opacity:.95;background:linear-gradient(90deg,#0000,#818cf8,#c4b5fd,#0000);height:2px;position:absolute;inset:0 0 auto;box-shadow:0 0 16px -2px #818cf8cc}.account-avatar-lg{box-shadow:inset 0 1px #fff6,0 10px 24px -6px #6366f1cc,0 0 26px -8px #8b5cf6b3}.account-banner-name{text-shadow:0 1px 3px #0006}.account-status{background:linear-gradient(#ffffff0f,#ffffff04);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff1f,0 10px 20px -14px #000000bf}.account-status[data-online]{background:linear-gradient(135deg,#22c55e2b,#22c55e08);border-color:#22c55e57}.account-stat{background:linear-gradient(#ffffff0f,#ffffff04);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff21,0 10px 20px -14px #000000bf}@media (hover:hover){.account-stat:hover{background:linear-gradient(#ffffff1a,#ffffff08);border-color:#fff3;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff2e,0 12px 24px -12px #000c}}.account-stats .account-stat:first-child .fa-duo{--fa-primary-color:#fbbf24;--fa-secondary-color:#fde68a;filter:drop-shadow(0 0 7px #fbbf2499)}.account-stats .account-stat:nth-child(2) .fa-duo{--fa-primary-color:#22d3ee;--fa-secondary-color:#a5f3fc;filter:drop-shadow(0 0 7px #22d3ee99)}.account-stats .account-stat:nth-child(3) .fa-duo{--fa-primary-color:#c084fc;--fa-secondary-color:#e9d5ff;filter:drop-shadow(0 0 7px #c084fc99)}.account-stat-value{text-shadow:0 1px 2px #0000004d}.account-section-label .fa-duo{filter:drop-shadow(0 0 6px #818cf88c)}.account-section-label:after{background:linear-gradient(90deg,#818cf866,#0000)}.account-balance{border:1px solid color-mix(in srgb, var(--type) 32%, #ffffff14);background:linear-gradient(135deg, color-mix(in srgb, var(--type) 17%, transparent), color-mix(in srgb, var(--type) 5%, transparent)), linear-gradient(180deg, #ffffff0d, #ffffff03);box-shadow:inset 0 1px #ffffff1a}@media (hover:hover){.account-balance:hover{border-color:color-mix(in srgb, var(--type) 60%, transparent);box-shadow:inset 0 1px 0 #ffffff29, 0 10px 22px -10px color-mix(in srgb, var(--type) 75%, transparent), 0 0 22px -8px color-mix(in srgb, var(--type) 65%, transparent);transform:translateY(-2px)}}.account-balance-icon{background:color-mix(in srgb, var(--type) 24%, transparent);border:1px solid color-mix(in srgb, var(--type) 30%, transparent);box-shadow:inset 0 1px 0 #fff3, 0 0 14px -4px color-mix(in srgb, var(--type) 75%, transparent)}.account-balance-icon .fa-duo{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--type) 60%, transparent))}.account-balance-value{text-shadow:0 1px 2px #0000004d}.account-logout{color:#fff;height:44px;transition:transform .15s var(--ease), filter .15s var(--ease), box-shadow .15s var(--ease);background:linear-gradient(135deg,#fb7185 0%,#ef4444 55%,#b91c1c 100%);border:1px solid #ffffff2e;border-radius:13px;font-weight:800;box-shadow:inset 0 1px #fff6,inset 0 -2px 6px #0003,0 12px 28px -8px #ef4444b3,0 0 30px -10px #ef4444b3}.account-logout:hover{filter:brightness(1.07)saturate(1.05);background:linear-gradient(135deg,#fb7185 0%,#ef4444 55%,#b91c1c 100%);border-color:#ffffff47;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,inset 0 -2px 6px #00000038,0 16px 32px -8px #ef4444d9,0 0 40px -10px #ef4444d9}.account-logout .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#fff9;--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 1px 2px #00000059)}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-toggle{width:44px;height:44px;color:var(--text);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease), transform .15s var(--ease);background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #22d3ee2e;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:none;box-shadow:inset 0 1px #ffffff14}.nav-toggle:hover,.nav-toggle[aria-expanded=true]{background:radial-gradient(120% 120% at 50% -20%,#22d3ee38,#0000 60%),linear-gradient(#ffffff1c,#ffffff0a);border-color:#22d3ee8c;box-shadow:inset 0 1px #ffffff24,0 0 18px -8px #22d3eecc}.nav-toggle[aria-expanded=true] .fa-duo{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 55%, transparent))}.nav-toggle:active{transform:scale(.94)}.nav-toggle .fa-duo{--fa-primary-color:var(--accent);--fa-secondary-color:var(--accent-2);--fa-primary-opacity:1;--fa-secondary-opacity:1}.mobile-nav-menu.mantine-Menu-dropdown{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;-webkit-backdrop-filter:blur(24px)saturate(1.45);background:repeating-linear-gradient(90deg,#22d3ee1f 0 1px,#0000 1px 26px) bottom/100% 4px no-repeat,radial-gradient(120% 80% at 50% -10%,#6366f14d,#0000 55%),radial-gradient(90% 60% at 100% 0,#22d3ee24,#0000 58%),repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px),linear-gradient(#14161ef5 0%,#0b0c11fa 100%);border:1px solid #22d3ee3d;border-radius:4px;width:230px;max-height:calc(100dvh - 92px);padding:9px;overflow:hidden auto;box-shadow:0 46px 100px -30px #000000eb,inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff0a,0 0 64px -26px #6366f180}.mobile-nav-menu.mantine-Menu-dropdown:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#818cf8,#22d3ee,#0000);height:2px;position:absolute;inset:0 0 auto;box-shadow:0 0 16px -1px #818cf8d9}.mobile-nav-menu.mantine-Menu-dropdown::-webkit-scrollbar{width:6px}.mobile-nav-menu.mantine-Menu-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}@media (hover:none) and (pointer:coarse){.mobile-nav-menu.mantine-Menu-dropdown{-webkit-backdrop-filter:none;background:radial-gradient(120% 80% at 50% -10%,#6366f13d,#0000 55%),radial-gradient(90% 60% at 100% 0,#22d3ee1f,#0000 58%),linear-gradient(#171724 0%,#0c0d13 100%)}}.mobile-nav-link{--nav-1:var(--accent);--nav-2:var(--accent-2);isolation:isolate;width:100%;color:var(--text-dim);font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.07em;text-transform:uppercase;text-align:start;cursor:pointer;transition:color .16s var(--ease), transform .16s var(--ease);background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:10px 11px;font-size:12px;font-weight:700;text-decoration:none;display:flex;position:relative}.mobile-nav-link+.mobile-nav-link{margin-top:4px}.mobile-nav-link:before{content:"";z-index:-1;transition:background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);background:0 0;border-inline-start:2px solid #0000;position:absolute;inset:1px 3px;transform:skew(-10deg)}.mobile-nav-link:hover{color:var(--text);transform:translate(3px)}.mobile-nav-link:hover:before{background:linear-gradient(90deg, color-mix(in srgb, var(--nav-1) 17%, transparent), color-mix(in srgb, var(--nav-1) 5%, transparent));border-inline-start-color:var(--nav-1)}.mobile-nav-link-icon{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);border:1px solid color-mix(in srgb, var(--nav-1) 42%, var(--border));background:linear-gradient(150deg, color-mix(in srgb, var(--nav-1) 30%, transparent), color-mix(in srgb, var(--nav-2) 14%, transparent));width:32px;height:32px;box-shadow:inset 0 1px 0 #ffffff24, 0 4px 12px -6px color-mix(in srgb, var(--nav-1) 60%, transparent);transition:box-shadow .16s var(--ease), transform .16s var(--ease);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-nav-link:hover .mobile-nav-link-icon{box-shadow:inset 0 1px 0 #ffffff38, 0 8px 18px -6px color-mix(in srgb, var(--nav-1) 78%, transparent), 0 0 16px -6px color-mix(in srgb, var(--nav-2) 72%, transparent);transform:translateY(-1px)}.mobile-nav-link .fa-duo{color:var(--nav-1);--fa-primary-color:var(--nav-1);--fa-secondary-color:var(--nav-2);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--nav-1) 45%, transparent))}.mobile-nav-link.active{color:#fff}.mobile-nav-link.active:before{background:linear-gradient(135deg, var(--nav-1) 0%, var(--nav-2) 100%);border-inline-start-color:color-mix(in srgb, var(--nav-1) 55%, #fff);box-shadow:inset 0 1px 0 #ffffff57, 0 10px 24px -8px color-mix(in srgb, var(--nav-1) 82%, transparent), 0 0 22px -8px color-mix(in srgb, var(--nav-2) 75%, transparent)}.mobile-nav-link.active .mobile-nav-link-icon{background:#fff3;border-color:#ffffff4d;box-shadow:inset 0 1px #ffffff4d}.mobile-nav-link.active .fa-duo{color:#fff;--fa-primary-color:#fff;--fa-secondary-color:#ffffffb8;filter:drop-shadow(0 1px 2px #0000004d)}.mobile-nav-link.mobile-nav-signup{color:#efeaff;border-top:1px solid #22d3ee2e;margin-top:9px;padding-top:14px}.mobile-nav-link.mobile-nav-signup:before{top:5px}@media (hover:none){.mobile-nav-link:hover,.mobile-nav-link:hover .mobile-nav-link-icon{transform:none}}.mobile-nav-signup:hover{color:#fff}.mnav-overlay{z-index:360;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040508b8;justify-content:flex-end;display:flex;position:fixed;inset:0}.mnav-fx{pointer-events:none;position:absolute;inset:0}.mnav-scanlines{mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px);position:absolute;inset:0}.mnav-glow{background:radial-gradient(70% 50% at 100% 0,#22d3ee24,#0000 60%),radial-gradient(60% 50% at 100% 100%,#6366f11f,#0000 60%);position:absolute;inset:0}.mnav-sheet{width:min(330px,92vw);height:100dvh;padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#22d3ee59 transparent;background:repeating-linear-gradient(90deg,#22d3ee1f 0 1px,#0000 1px 26px) bottom/100% 4px no-repeat,radial-gradient(120% 60% at 100% 0,#6366f133,#0000 55%),repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px),linear-gradient(#0f1117fc,#090a0efc);border-inline-start:1px solid #22d3ee47;flex-direction:column;display:flex;position:relative;overflow:hidden auto;box-shadow:-30px 0 80px -30px #000000e6,inset 1px 0 #ffffff0a}.mnav-corner{pointer-events:none;z-index:2;border:1px solid #22d3ee99;width:18px;height:18px;position:absolute}.mnav-corner-tl{border-bottom:0;border-right:0;top:8px;left:8px}.mnav-corner-br{bottom:calc(8px + env(safe-area-inset-bottom,0px));border-top:0;border-left:0;right:8px}.mnav-head{align-items:center;gap:12px;padding:8px 4px 14px;display:flex}.mnav-tag{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.22em;text-transform:uppercase;color:#a5f3fc;white-space:nowrap;font-size:11px;font-weight:700;line-height:14px}.mnav-head-rule{background:linear-gradient(90deg,#22d3ee66,#0000);flex:1;height:1px}.mnav-close{color:#cdd3dd;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);width:34px;height:34px;transition:background .15s var(--ease), color .15s var(--ease);background:#ffffff0d;border:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mnav-close:hover{color:#fff;background:#ffffff1a}.mnav-close .fa-duo{--fa-primary-color:currentColor;--fa-secondary-color:currentColor}.mnav-list{flex-direction:column;flex:1;gap:5px;display:flex}.mnav-link{--nav-1:var(--accent);--nav-2:var(--accent-2);isolation:isolate;width:100%;color:var(--text-dim);font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.07em;text-transform:uppercase;text-align:start;cursor:pointer;animation:mnavLinkIn .4s var(--ease) both;animation-delay:var(--d,0s);transition:color .15s var(--ease);background:0 0;border:0;align-items:center;gap:11px;padding:11px 12px;font-size:12.5px;font-weight:700;text-decoration:none;display:flex;position:relative}@keyframes mnavLinkIn{0%{opacity:0;transform:translate(22px)}}.mnav-link:before{content:"";z-index:-1;border-inline-start:2px solid color-mix(in srgb, var(--nav-1) 30%, transparent);transition:background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);background:#ffffff06;position:absolute;inset:1px 3px;transform:skew(-10deg)}.mnav-link:hover,.mnav-link:active{color:var(--text)}.mnav-link:hover:before,.mnav-link:active:before{background:linear-gradient(90deg, color-mix(in srgb, var(--nav-1) 17%, transparent), color-mix(in srgb, var(--nav-1) 4%, transparent));border-inline-start-color:var(--nav-1)}.mnav-link.active{color:#fff}.mnav-link.active:before{background:linear-gradient(135deg, var(--nav-1), var(--nav-2));border-inline-start-color:color-mix(in srgb, var(--nav-1) 55%, #fff);box-shadow:inset 0 1px 0 #ffffff52, 0 10px 24px -8px color-mix(in srgb, var(--nav-1) 80%, transparent)}.mnav-idx{width:24px;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--nav-1) 60%, transparent);flex-shrink:0;font-size:15px;font-weight:700;line-height:1}.mnav-link.active .mnav-idx{color:#ffffffeb;-webkit-text-stroke:0}.mnav-icon{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);border:1px solid color-mix(in srgb, var(--nav-1) 42%, var(--border));background:linear-gradient(150deg, color-mix(in srgb, var(--nav-1) 28%, transparent), color-mix(in srgb, var(--nav-2) 12%, transparent));flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.mnav-link .fa-duo{color:var(--nav-1);--fa-primary-color:var(--nav-1);--fa-secondary-color:var(--nav-2);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--nav-1) 45%, transparent))}.mnav-link.active .mnav-icon{background:#ffffff2e;border-color:#ffffff4d}.mnav-link.active .fa-duo{color:#fff;--fa-primary-color:#fff;--fa-secondary-color:#ffffffb3;filter:none}.mnav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mnav-go{opacity:.45;flex-shrink:0}.mnav-link .mnav-go.fa-duo{--fa-primary-color:currentColor;--fa-secondary-color:currentColor;filter:none}.mnav-sect{align-items:center;gap:10px;padding:12px 4px 5px;display:flex}.mnav-sect-tag{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.2em;text-transform:uppercase;color:#a5f3fc99;white-space:nowrap;font-size:9.5px;font-weight:700;line-height:12px}.mnav-sect-rule{background:linear-gradient(90deg,#22d3ee4d,#0000);flex:1;height:1px}.mnav-signup{cursor:pointer;height:48px;font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(135deg,#6366f1,#22d3ee);border:0;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:13px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d}.mnav-signup .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#ffffffa6;--fa-primary-opacity:1;--fa-secondary-opacity:1}.mnav-signup-sweep{pointer-events:none;background:linear-gradient(115deg,#0000 32%,#ffffff47 50%,#0000 68%);animation:3.4s ease-in-out infinite acmSweep;position:absolute;inset:0;transform:translate(-110%)}.mnav-foot{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.2em;text-transform:uppercase;color:#a5f3fc66;-webkit-user-select:none;user-select:none;border-top:1px solid #22d3ee24;justify-content:center;align-items:center;gap:7px;margin-top:16px;padding-top:13px;font-size:9px;font-weight:500;line-height:11px;display:flex}.mnav-foot-led{background:#34d399;border-radius:50%;width:5px;height:5px;animation:1.8s ease-out infinite brandLedPing;box-shadow:0 0 6px #34d399e6}@media (prefers-reduced-motion:reduce){.mnav-link,.mnav-signup-sweep,.mnav-foot-led{animation:none}}@media (max-width:1220px){.header-nav{display:none}.nav-toggle{display:inline-flex}}.topbar.nav-collapsed .header-nav{display:none}.topbar.nav-collapsed .nav-toggle{display:inline-flex}.topbar.nav-hide-account .header-nav-group-account{display:none}@media (max-width:768px){.account-trigger{gap:8px;padding:0 11px 0 8px}.account-trigger-role{display:none}}.auth-cta{align-items:center;gap:9px;display:inline-flex}.signup-btn{isolation:isolate;color:#c7d2fe;height:40px;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .16s var(--ease), transform .16s var(--ease);background:0 0;border:0;flex-shrink:0;align-items:center;gap:8px;padding:0 20px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.signup-btn:before{content:"";z-index:-1;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:border-color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);background:repeating-linear-gradient(0deg,#818cf812 0 1px,#0000 1px 3px),linear-gradient(#6366f129,#6366f10a);border:1px solid #818cf88c;position:absolute;inset:0;transform:skew(-14deg);box-shadow:0 0 18px -10px #818cf8cc}.signup-btn:after{content:"";z-index:-1;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:transform .6s var(--ease);pointer-events:none;background:linear-gradient(100deg,#0000 38%,#c4b5fd66 50%,#0000 62%);position:absolute;inset:0;transform:skew(-14deg)translate(-130%)}.signup-btn:hover{color:#fff;transform:translateY(-1px)}.signup-btn:hover:before{background:repeating-linear-gradient(0deg,#818cf81a 0 1px,#0000 1px 3px),linear-gradient(#6366f14d,#6366f11a);border-color:#a5b4fce6;box-shadow:0 0 26px -8px #818cf8}.signup-btn:hover:after{transform:skew(-14deg)translate(130%)}.signup-btn:active{transform:translateY(0)}.signup-btn .fa-duo{--fa-primary-color:#c4b5fd;--fa-secondary-color:#818cf8;--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 6px #818cf88c)}@media (hover:none){.signup-btn:hover{transform:none}}.login-field input{color:var(--text);background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff1a;height:46px;box-shadow:inset 0 1px 2px #0000004d}.login-field input:hover{border-color:#ffffff2e}.login-field input:focus{border-color:var(--border-accent);box-shadow:inset 0 1px 2px #00000040, 0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent), 0 0 22px -8px var(--glow);background:linear-gradient(#6366f11a,#ffffff05)}.login-remember input{appearance:none;width:17px;height:17px;transition:background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);background:#ffffff0a;border:1px solid #ffffff3d;border-radius:5px;place-content:center;margin:0;display:inline-grid}.login-remember input:before{content:"";width:4.5px;height:8.5px;transition:transform .15s var(--ease);border:2px solid #fff;border-width:0 2px 2px 0;margin-top:-2px;transform:rotate(45deg)scale(0)}.login-remember input:checked{background:var(--grad);box-shadow:0 0 12px -3px var(--glow);border-color:#0000}.login-remember input:checked:before{transform:rotate(45deg)scale(1)}.login-remember input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent)}.login-remember:hover input{border-color:var(--border-accent)}.login-foot{color:var(--text-dim)}@media (max-width:560px){.signup-btn{display:none}}.login-notice{color:#bbf7d0;background:#10b9811f;border:1px solid #10b98157;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.login-notice .fa-duo{--fa-primary-color:#34d399;--fa-secondary-color:#a7f3d0;--fa-primary-opacity:1;--fa-secondary-opacity:1}.login-link-btn{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.login-field-email .fa-duo{--fa-primary-color:#22d3ee;--fa-secondary-color:#a5f3fc}.login-field-confirm .fa-duo{--fa-primary-color:#34d399;--fa-secondary-color:#a7f3d0}.login-field-invite .fa-duo{--fa-primary-color:#c084fc;--fa-secondary-color:#e9d5ff}.register-modal.mantine-Modal-content{max-height:calc(100dvh - 28px);overflow-y:auto}.register-modal .login-head{margin-bottom:18px}.register-modal .login-logo{height:52px}.register-modal .login-form>:nth-child(7){animation-delay:.42s}.register-modal .login-form>:nth-child(8){animation-delay:.48s}button.mobile-nav-link{text-align:start;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;font-size:14.5px;font-weight:700}.auth-modal-inner.mantine-Modal-inner{align-items:center;padding-block:20px}.auth-modal.mantine-Modal-content{--accent:#818cf8;--accent-2:#22d3ee;--accent-deep:#4f46e5;--grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #22d3ee 115%);--grad-soft:linear-gradient(135deg, #6366f138, #8b5cf61f);--surface:#ffffff0d;--surface-2:#ffffff14;--surface-3:#ffffff21;--border:#ffffff1a;--border-2:#ffffff29;--text:#eef0f8;--text-dim:#c2c6da;--text-faint:#8086a0;--glow:#818cf88c;--on-accent:#fff;--border-accent:#818cf88c;min-height:auto;max-height:92dvh;color:var(--text);-webkit-backdrop-filter:blur(26px)saturate(1.5);background:radial-gradient(120% 80% at 50% -10%,#6366f152,#0000 55%),radial-gradient(90% 60% at 100% 0,#22d3ee2e,#0000 55%),radial-gradient(85% 65% at 0 100%,#8b5cf629,#0000 55%),linear-gradient(#161622eb 0%,#0c0c13f2 100%);border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 60px 130px -38px #000000eb,inset 0 1px #fff3,inset 0 0 0 1px #ffffff0a,0 0 80px -28px #6366f18c}.auth-modal.mantine-Modal-content:before{content:"";z-index:3;background:linear-gradient(90deg,#0000,#818cf8,#22d3ee,#0000);height:2px;position:absolute;inset:0 0 auto;box-shadow:0 0 18px -1px #818cf8d9}.auth-modal .login-inner{scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 40%, #3a3d48) transparent;max-height:92dvh;overflow-y:auto}.auth-modal .login-inner::-webkit-scrollbar{width:9px}.auth-modal .login-inner::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:color-mix(in srgb, var(--accent) 34%, #383b46);border:3px solid #0000;border-radius:999px}.auth-logo-row{justify-content:center;margin-bottom:16px;display:flex}.auth-headline{text-align:center;flex-direction:column;align-items:center;gap:5px;margin-bottom:22px;display:flex}.auth-morph{position:relative;overflow:hidden}.auth-morph-measure{position:relative}.auth-morph-measure>*{width:100%}.turnstile-widget{justify-content:center;min-height:65px;display:flex}.auth-modal .login-field-otp input{text-align:center;letter-spacing:.42em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.login-field-otp .fa-duo{--fa-primary-color:#22d3ee;--fa-secondary-color:#a5f3fc}.auth-modal .login-field-admin input{text-align:center;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:clamp(13px,4.2vw,16px);font-weight:700}.login-field-admin .fa-duo{--fa-primary-color:#22d3ee;--fa-secondary-color:#a5f3fc}.auth-modal .auth-headline{animation:loginUp .42s var(--ease) both}.auth-modal .login-form>*{animation:loginUp .46s var(--ease) both}.auth-modal .login-form>:first-child{animation-delay:50ms}.auth-modal .login-form>:nth-child(2){animation-delay:.1s}.auth-modal .login-form>:nth-child(3){animation-delay:.15s}.auth-modal .login-form>:nth-child(4){animation-delay:.2s}.auth-modal .login-form>:nth-child(5){animation-delay:.25s}.auth-modal .login-form>:nth-child(6){animation-delay:.3s}.auth-modal .login-form>:nth-child(7){animation-delay:.35s}.auth-modal .login-form>:nth-child(8){animation-delay:.4s}.auth-submit{color:#fff;letter-spacing:.01em;cursor:pointer;width:100%;height:50px;box-shadow:inset 0 1px 0 #ffffff57, 0 16px 36px -12px #6366f1d9, 0 0 30px -10px var(--glow);transition:transform .16s var(--ease), box-shadow .16s var(--ease), filter .16s var(--ease);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 55%,#22d3ee 125%);border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:4px;font-size:15.5px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.auth-submit:after{content:"";transition:transform .62s var(--ease);pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff47 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.auth-submit:hover:not(:disabled){filter:brightness(1.06)saturate(1.05);box-shadow:inset 0 1px 0 #ffffff6b, 0 22px 46px -12px #6366f1, 0 0 40px -8px var(--glow);transform:translateY(-1px)}.auth-submit:hover:not(:disabled):after{transform:translate(120%)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.72;cursor:default}.auth-submit .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#ffffffa8;--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 1px 2px #0000004d)}.auth-method-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:4px;display:grid}.auth-method-switch>.auth-method-btn:last-child:nth-child(odd){grid-column:1/-1}@media (min-width:460px){.auth-method-switch{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.auth-method-switch>.auth-method-btn:last-child:nth-child(odd){grid-column:auto}}.auth-method-btn{white-space:nowrap;color:#aab2c0;cursor:pointer;background:#1a1d24;border:1px solid #3d424d;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:46px;padding:11px 12px;font-size:13px;font-weight:600;line-height:1.2;transition:border-color .15s,color .15s,background .15s,transform .12s;display:flex}.auth-method-btn .fa-duo{--fa-primary-color:currentColor;--fa-secondary-color:currentColor;--fa-primary-opacity:1;--fa-secondary-opacity:.55}.auth-method-btn:hover:not(:disabled){border-color:#5a6172}.auth-method-btn:active:not(:disabled){transform:scale(.97)}.auth-method-btn-on{color:#fff;background:#6366f124;border-color:#6366f1;box-shadow:inset 0 0 0 1px #6366f1}.auth-switch{border-top:1px solid var(--border);color:var(--text-dim);flex-direction:column;align-items:center;gap:10px;margin-top:16px;padding-top:16px;font-size:12.5px;display:flex}.auth-switch-btn{border:1px solid var(--border-accent);color:#e6e8ff;cursor:pointer;transition:transform .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease), color .15s var(--ease);background:radial-gradient(120% 120% at 50% -30%,#818cf833,#0000 60%),linear-gradient(#6366f11a,#6366f10a);border-radius:11px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:700;display:inline-flex}.auth-switch-btn:hover{color:#fff;box-shadow:0 12px 26px -12px #6366f1e6, 0 0 22px -10px var(--glow);background:radial-gradient(120% 120% at 50% -30%,#818cf852,#0000 62%),linear-gradient(#6366f12e,#6366f114);border-color:#818cf8bf;transform:translateY(-1px)}.auth-switch-btn:active{transform:translateY(0)}.auth-switch-btn .fa-duo{--fa-primary-color:#c4b5fd;--fa-secondary-color:#818cf8;--fa-primary-opacity:1;--fa-secondary-opacity:1}.auth-account-wrap{flex-direction:column;gap:7px;display:flex}.auth-account-eyebrow{letter-spacing:.02em;color:var(--text-dim);font-size:11.5px;font-weight:700}.auth-account{border:1px solid color-mix(in srgb, var(--type,#22d3ee) 30%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--type,#22d3ee) 13%, transparent), color-mix(in srgb, var(--type,#22d3ee) 4%, transparent));border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:12px 14px;display:flex}.auth-account-row{text-align:start;align-items:center;gap:10px;display:flex}.auth-account-icon{border:1px solid color-mix(in srgb, var(--type,#22d3ee) 38%, var(--border));background:color-mix(in srgb, var(--type,#22d3ee) 16%, transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.auth-account-icon .fa-duo{--fa-primary-color:var(--type,#22d3ee);--fa-secondary-color:color-mix(in srgb, var(--type,#22d3ee) 50%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1}.auth-account-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.auth-account-value{color:var(--text);word-break:break-all;text-align:end;margin-inline-start:auto;font-size:14px;font-weight:700}.auth-done{text-align:center;flex-direction:column;align-items:center;display:flex}.auth-done-check{margin:4px 0 16px}.auth-done-title,.auth-done-sub{text-align:center}.auth-done-sub{margin-bottom:18px}.auth-done .auth-account{margin-bottom:20px}.auth-done-login{width:100%}.auth-modal .login-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.auth-modal .login-field input{height:46px;color:var(--text);background:#00000042;border:1px solid #ffffff24;box-shadow:inset 0 2px 6px #00000052}.auth-modal .login-field input::placeholder{color:var(--text-faint)}.auth-modal .login-field input:hover{border-color:#ffffff38}.auth-modal .login-field input:focus{border-color:color-mix(in srgb, var(--type,var(--accent)) 70%, transparent);box-shadow:inset 0 2px 6px #00000052, 0 0 0 3px color-mix(in srgb, var(--type,var(--accent)) 22%, transparent), 0 0 22px -6px color-mix(in srgb, var(--type,var(--accent)) 70%, transparent);background:#0000004d}.auth-modal .login-logo-wrap:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--type,var(--accent)) 52%, transparent), transparent 72%)}.auth-modal .login-remember input:checked{background:linear-gradient(135deg, color-mix(in srgb, var(--type,var(--accent)) 85%, #fff), var(--type,var(--accent)));box-shadow:0 0 12px -3px color-mix(in srgb, var(--type,var(--accent)) 70%, transparent);border-color:#0000}.auth-modal .login-remember input{accent-color:var(--type,var(--accent))}.invite-lookup{color:#fff;cursor:pointer;background:linear-gradient(145deg, color-mix(in srgb, var(--type,var(--accent)) 82%, #fff), var(--type,var(--accent)));width:32px;height:32px;box-shadow:0 5px 14px -5px color-mix(in srgb, var(--type,var(--accent)) 80%, transparent), inset 0 1px 0 #ffffff4d;border:none;border-radius:9px;justify-content:center;align-items:center;transition:transform .15s,filter .15s,opacity .15s;display:inline-flex}.invite-lookup:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.invite-lookup:active:not(:disabled){transform:translateY(0)}.invite-lookup:disabled:not([data-busy]){cursor:default;color:var(--text-faint);box-shadow:none;background:#ffffff12}.invite-lookup[data-busy]{cursor:progress}.invite-lookup-spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite inviteLookupSpin}@keyframes inviteLookupSpin{to{transform:rotate(360deg)}}.auth-invite-slot{flex-direction:column;gap:6px;display:flex}@media (hover:none){.invite-lookup:hover:not(:disabled){transform:none}}.auth-submit{background:linear-gradient(135deg, color-mix(in srgb, var(--type,var(--accent)) 82%, #fff) 0%, var(--type,var(--accent)) 55%, color-mix(in srgb, var(--type,var(--accent)) 80%, #000) 118%);box-shadow:inset 0 1px 0 #ffffff6b, inset 0 -2px 6px #0003, 0 16px 36px -12px color-mix(in srgb, var(--type,var(--accent)) 80%, transparent), 0 0 32px -10px color-mix(in srgb, var(--type,var(--accent)) 85%, transparent)}.auth-submit:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff80, inset 0 -2px 6px #0003, 0 22px 48px -12px color-mix(in srgb, var(--type,var(--accent)) 92%, transparent), 0 0 44px -8px color-mix(in srgb, var(--type,var(--accent)) 92%, transparent)}.auth-switch-btn{border-color:color-mix(in srgb, var(--type,var(--accent)) 55%, var(--border-2));background:radial-gradient(120% 120% at 50% -30%, color-mix(in srgb, var(--type,var(--accent)) 22%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--type,var(--accent)) 10%, transparent), color-mix(in srgb, var(--type,var(--accent)) 4%, transparent))}.auth-switch-btn:hover{border-color:color-mix(in srgb, var(--type,var(--accent)) 78%, transparent);box-shadow:0 12px 26px -12px color-mix(in srgb, var(--type,var(--accent)) 90%, transparent), 0 0 24px -10px color-mix(in srgb, var(--type,var(--accent)) 80%, transparent)}.auth-switch-btn .fa-duo{--fa-primary-color:color-mix(in srgb, var(--type,var(--accent)) 50%, #fff);--fa-secondary-color:var(--type,var(--accent))}@media (max-width:759px){.details-modal.mantine-Modal-content{width:100%;max-width:100%;height:86dvh;min-height:0;max-height:86dvh}.dp-step .dp-main-head,.dp-step .dp-aside-head{padding-inline-end:52px}.dp-step .dp-buy,.dp-step .dp-total{display:none}.dp-step img{max-width:100%;height:auto}.dp-step .details-content,.dp-step .content-item{overflow-wrap:anywhere}}@media (max-width:640px){.catalog-toolbar{margin-bottom:18px;padding:12px}.catalog-controls{flex-wrap:nowrap;gap:9px;margin-bottom:12px}.search-input{flex:1 1 0;min-width:0}.sort-trigger{flex:none;gap:8px;padding:0 11px 0 12px}.sort-trigger-eyebrow{display:none}.sort-trigger-label{font-size:13px}.type-filter{gap:8px;padding:11px 0}.type-subfilter{margin-top:-2px;padding-top:7px}.filter-label{letter-spacing:.06em;min-width:104px;height:32px;margin-inline-end:4px;padding:0 10px;font-size:10px}.type-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:7px;margin:-6px 0;padding:6px 8px;overflow-x:auto}.type-pill[data-active]{box-shadow:inset 0 1px 0 #ffffff6b, 0 0 0 1px color-mix(in srgb, var(--type) 78%, transparent);animation:none}.type-pills::-webkit-scrollbar{display:none}.type-pills>*{flex-shrink:0}.type-pill{height:32px;padding:0 11px;font-size:12.5px}.type-subfilter .type-pill{height:30px}.type-count{height:16px;padding:0 5px;font-size:10px}}.shop-tabbed{flex-direction:column;gap:clamp(18px,2.5vw,26px);display:flex}.shop-tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;align-self:flex-start;gap:6px;padding:5px;display:inline-flex;box-shadow:inset 0 1px #ffffff12,0 10px 28px -16px #000000b3}.shop-tab-link{isolation:isolate;height:42px;color:var(--text-dim);font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:color .16s var(--ease);border:0;border-radius:0;align-items:center;gap:9px;padding:0 20px;font-size:12.5px;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.shop-tab-link:before{content:"";z-index:-1;border:1px solid #ffffff12;border-inline-start:2px solid color-mix(in srgb, var(--type) 35%, transparent);transition:background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);background:#ffffff06;position:absolute;inset:2px 0;transform:skew(-14deg)}.shop-tab-link:hover{color:var(--text)}.shop-tab-link:hover:before{background:linear-gradient(90deg, color-mix(in srgb, var(--type) 17%, transparent), color-mix(in srgb, var(--type) 4%, transparent));border-inline-start-color:var(--type)}.shop-tab-link.active{color:#fff}.shop-tab-link.active:before{background:linear-gradient(135deg, var(--type) 0%, var(--type-2,var(--type)) 100%);border-color:color-mix(in srgb, var(--type) 55%, #fff);border-inline-start-color:color-mix(in srgb, var(--type) 50%, #fff);box-shadow:inset 0 1px 0 #ffffff6b, 0 10px 24px -8px color-mix(in srgb, var(--type) 75%, transparent), 0 0 26px -10px color-mix(in srgb, var(--type-2,var(--type)) 80%, transparent)}.shop-tab-link .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:var(--type-2,color-mix(in srgb, var(--type) 45%, #fff));--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--type) 45%, transparent))}.shop-tab-link.active .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#ffffffb8;filter:drop-shadow(0 1px 2px #0000004d)}.shop-placeholder{text-align:center;background:radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--type) 18%, transparent), transparent 58%), linear-gradient(180deg, #ffffff0d, #ffffff04);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:clamp(48px,9vw,96px) 24px;display:flex;box-shadow:inset 0 1px #ffffff1f,0 40px 90px -50px #000000d9}.shop-placeholder-icon{border:1px solid color-mix(in srgb, var(--type) 45%, var(--border-2));background:linear-gradient(150deg, color-mix(in srgb, var(--type) 30%, transparent), color-mix(in srgb, var(--type) 12%, transparent));width:84px;height:84px;box-shadow:inset 0 1px 0 #fff3, 0 0 40px -10px color-mix(in srgb, var(--type) 70%, transparent);border-radius:24px;justify-content:center;align-items:center;display:inline-flex}.shop-placeholder-icon .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 45%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--type) 60%, transparent))}.shop-placeholder-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(22px,3vw,28px);font-weight:800}.shop-placeholder-sub{max-width:42ch;color:var(--text-dim);margin:0;font-size:14px;line-height:1.6}.shop-placeholder-badge{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--type) 35%, #fff);border:1px solid color-mix(in srgb, var(--type) 45%, transparent);background:color-mix(in srgb, var(--type) 16%, transparent);border-radius:999px;align-items:center;gap:7px;margin-top:6px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.shop-placeholder-badge .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 50%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1}.shop-page{flex-direction:column;gap:clamp(18px,2.4vw,26px);display:flex}.shop-page-head{align-items:center;gap:14px;display:flex}.shop-page-head-icon{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border:1px solid color-mix(in srgb, var(--type) 45%, var(--border-2));background:linear-gradient(150deg, color-mix(in srgb, var(--type) 30%, transparent), color-mix(in srgb, var(--type) 12%, transparent));width:52px;height:52px;box-shadow:inset 0 1px 0 #ffffff2e, 0 0 30px -10px color-mix(in srgb, var(--type) 70%, transparent);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.shop-page-head-icon .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 45%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--type) 60%, transparent))}.shop-page-head-title{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:-.02em;background:linear-gradient(118deg, #fff 42%, color-mix(in srgb, var(--type) 72%, #fff) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(21px,2.8vw,28px);font-weight:800}.shop-page-head-sub{color:var(--text-dim);margin:2px 0 0;font-size:13.5px}.pack-section{flex-direction:column;gap:14px;display:flex}.pack-section+.pack-section{margin-top:clamp(10px,2vw,18px)}.pack-section-title{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--type) 75%, #fff);align-items:center;gap:10px;margin:0;font-size:11.5px;font-weight:700;display:flex}.pack-section-title:before{content:"// ";color:color-mix(in srgb, var(--type) 55%, transparent)}.pack-section-title:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--type) 32%, transparent), transparent);flex:1;height:1px}.pack-section-title .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 50%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--type) 55%, transparent))}.packs-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}@media (max-width:560px){.skeleton-grid,.packs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-media,.sk-media{height:136px}.item-brand{top:41px;inset-inline:9px auto}.price-cta{flex-direction:column;gap:4px}.footer-attr{flex:none;max-width:100%}.footer-divider{display:none}}.pack-card{text-align:center;background:repeating-linear-gradient(0deg, #ffffff04 0 1px, transparent 1px 3px), radial-gradient(90% 70% at 50% -12%, color-mix(in srgb, var(--type) 22%, transparent), transparent 62%), linear-gradient(180deg, #ffffff0d, #ffffff03), linear-gradient(180deg, #16161eeb, #0e0e14f0);transition:transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);will-change:transform;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;align-items:center;gap:15px;padding:26px 18px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 22px 42px -24px #000000d9}@media (max-width:560px){.pack-card{gap:12px;padding:20px 13px 15px}}.pack-card:not(.pack-card-sk){animation:packCardIn .5s var(--ease) backwards}.pack-card:not(.pack-card-sk):nth-child(2){animation-delay:50ms}.pack-card:not(.pack-card-sk):nth-child(3){animation-delay:.1s}.pack-card:not(.pack-card-sk):nth-child(4){animation-delay:.15s}.pack-card:not(.pack-card-sk):nth-child(5){animation-delay:.2s}.pack-card:not(.pack-card-sk):nth-child(6){animation-delay:.25s}.pack-card:not(.pack-card-sk):nth-child(n+7){animation-delay:.3s}@keyframes packCardIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pack-card:before{content:"";background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--type) 55%, transparent) 0 10px, #0a0a0c40 10px 20px);height:5px;box-shadow:0 0 14px -2px color-mix(in srgb, var(--type) 55%, transparent);opacity:.85;position:absolute;inset:0 0 auto}.pack-card:not(.pack-card-sk):after{content:"";inset-inline-end:-1px;border:1px solid color-mix(in srgb, var(--type) 60%, transparent);border-inline-start:0;opacity:.7;pointer-events:none;z-index:2;border-top:0;width:14px;height:14px;position:absolute;bottom:-1px}@media (hover:hover){.pack-card:hover:before{opacity:1}.pack-card:hover{transform:translateY(-4px)}}.pack-reward{flex-direction:column;align-items:center;gap:12px;display:flex}.pack-reward-icon{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);isolation:isolate;border:1px solid color-mix(in srgb, var(--type) 48%, var(--border-2));background:radial-gradient(closest-side, color-mix(in srgb, var(--type) 30%, transparent), transparent 78%), linear-gradient(150deg, color-mix(in srgb, var(--type) 34%, transparent), color-mix(in srgb, var(--type) 10%, transparent)), linear-gradient(#0d0f14, #0d0f14);width:64px;height:64px;box-shadow:inset 0 1px 0 #ffffff38, inset 0 0 0 1px color-mix(in srgb, var(--type) 22%, transparent), 0 0 34px -10px color-mix(in srgb, var(--type) 80%, transparent);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.pack-reward-icon .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 45%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--type) 55%, transparent))}.pack-rank-img{object-fit:contain;filter:drop-shadow(0 2px 7px #00000073);width:48px;height:48px;display:block}.pack-reward-main{flex-direction:column;align-items:center;min-width:0;line-height:1.05;display:flex}.pack-reward-amount{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg, #fff 40%, color-mix(in srgb, var(--type) 64%, #fff) 100%);color:#0000;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--type) 38%, transparent));-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.pack-reward-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--type) 50%, var(--text-faint));margin-top:5px;font-size:9.5px;font-weight:700}.pack-stats{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pack-stat{color:var(--text);border:1px solid color-mix(in srgb, var(--type) 30%, #ffffff1a);border-inline-start:2px solid color-mix(in srgb, var(--type) 65%, transparent);background:color-mix(in srgb, var(--type) 12%, transparent);border-radius:3px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.pack-stat .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 45%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1}.pack-foot{border-top:1px solid #ffffff14;flex-direction:column;align-items:stretch;gap:11px;width:100%;margin-top:auto;padding-top:15px;display:flex}.pack-cost{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font-variant-numeric:tabular-nums;background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #ffffff1f;border-radius:0;align-self:center;align-items:center;gap:7px;padding:6px 14px;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.pack-cost-num{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;color:var(--text);font-size:15px;font-weight:700}.pack-cost small{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px;font-weight:700}.pack-buy{clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);background:linear-gradient(135deg, color-mix(in srgb, var(--type) 82%, #fff) 0%, var(--type) 55%, color-mix(in srgb, var(--type) 80%, #000) 120%);color:#fff;width:100%;height:44px;font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 #fff6, 0 8px 18px -8px color-mix(in srgb, var(--type) 80%, transparent);transition:transform .15s var(--ease), filter .15s var(--ease), box-shadow .15s var(--ease);border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.pack-buy .fa-duo{--fa-primary-color:#fff;--fa-secondary-color:#ffffff9e;--fa-primary-opacity:1;--fa-secondary-opacity:1}.pack-buy:after{content:"";transition:transform .6s var(--ease);pointer-events:none;background:linear-gradient(120deg,#0000 32%,#ffffff57 50%,#0000 68%);position:absolute;inset:0;transform:translate(-120%)}.pack-buy:hover{filter:brightness(1.06);box-shadow:inset 0 1px 0 #ffffff75, 0 12px 24px -8px color-mix(in srgb, var(--type) 90%, transparent), 0 0 22px -8px color-mix(in srgb, var(--type) 80%, transparent);transform:translateY(-1px)}.pack-buy:hover:after{transform:translate(120%)}.pack-buy:active{transform:translateY(0)}.pack-card-sk{pointer-events:none;gap:15px}.pack-card-sk .sk{background:var(--surface-2);display:block}.pack-sk-icon{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border-radius:0;width:64px;height:64px}.pack-sk-amount{border-radius:7px;width:70%;height:28px}.pack-sk-label{border-radius:5px;width:46%;height:11px;margin-top:6px}.pack-sk-stats{border-radius:8px;align-self:center;width:62%;height:24px}.pack-foot-sk{margin-top:auto}.pack-sk-cost{border-radius:999px;align-self:center;width:96px;height:38px}.pack-sk-buy{border-radius:12px;width:100%;height:44px}.packs-message{text-align:center;color:var(--text-faint);flex-direction:column;align-items:center;gap:12px;padding:clamp(40px,8vw,80px) 20px;font-size:14px;display:flex}.packs-message .fa-duo{--fa-primary-color:color-mix(in srgb, var(--type) 60%, var(--text-faint));--fa-secondary-color:color-mix(in srgb, var(--type) 30%, var(--text-faint));--fa-primary-opacity:1;--fa-secondary-opacity:1}.shop-tab-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.shop-tab-head-right{align-items:center;gap:12px;display:flex}@media (max-width:768px){.shop-tab-head{flex-direction:column;align-items:stretch}.shop-tab-head-right{justify-content:center}.shop-tabbar{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:0;flex-wrap:nowrap;align-self:stretch;width:100%;padding:5px 16px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18px calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#0000,#000 18px calc(100% - 18px),#0000)}.shop-tabbar::-webkit-scrollbar{display:none}.shop-tabbar .shop-tab-link{scroll-snap-align:center;flex:none;height:40px;padding:0 16px;font-size:12px}}.topup-balance.shop-wallet{display:none}@media (min-width:1080px){.topup-balance.shop-wallet{display:inline-flex}}.perf-debug-btn{clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);color:#c7cbf5;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);background:linear-gradient(#6366f11f,#6366f10a);border:1px solid #818cf866;border-radius:0;flex-shrink:0;align-items:center;gap:8px;padding:9px 15px;font-size:10.5px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.perf-debug-btn:hover:not(:disabled){background:linear-gradient(#6366f133,#6366f114);border-color:#818cf8a6;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,0 8px 20px -10px #6366f1b3,0 0 18px -8px #818cf899}.perf-debug-btn:disabled{opacity:.7;cursor:progress}.perf-debug-btn .fa-duo{--fa-primary-color:#818cf8;--fa-secondary-color:#c4b5fd;--fa-primary-opacity:1;--fa-secondary-opacity:1}.perf-modal.mantine-Modal-content{-webkit-backdrop-filter:blur(24px)saturate(1.4);background:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px),radial-gradient(120% 80% at 50% -10%,#6366f13d,#0000 55%),radial-gradient(90% 60% at 100% 0,#22d3ee1f,#0000 58%),linear-gradient(#10121af7 0%,#0a0b10fa 100%);border:1px solid #22d3ee38;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 54px 120px -34px #000000eb,inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff0a,0 0 70px -28px #22d3ee73}.perf-modal.mantine-Modal-content:before{content:"";z-index:3;background:linear-gradient(90deg,#0000,#818cf8,#22d3ee,#0000);height:2px;position:absolute;inset:0 0 auto;box-shadow:0 0 18px -1px #818cf8d9}.perf-modal.mantine-Modal-content:after{content:"";inset-inline-end:-1px;border:1px solid #22d3ee99;border-inline-start:0;opacity:.8;pointer-events:none;z-index:3;border-top:0;width:16px;height:16px;position:absolute;bottom:-1px}.perf-body.mantine-Modal-body{padding:0}.perf-inner{padding:clamp(22px,3vw,28px);position:relative}.perf-head{align-items:center;gap:13px;margin-bottom:20px;display:flex}.perf-head-icon{clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);background:linear-gradient(150deg,#818cf84d,#22d3ee1f);border:1px solid #818cf873;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;box-shadow:inset 0 1px #fff3,0 0 26px -8px #818cf8b3}.perf-head-icon .fa-duo{--fa-primary-color:#818cf8;--fa-secondary-color:#22d3ee;--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 8px #818cf899)}.perf-title{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:-.01em;background:linear-gradient(118deg,#fff 52%,#a5f3fc 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:16px;font-weight:800}.perf-sub{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:3px 0 0;font-size:9.5px}.perf-sub:before{content:"// ";color:#22d3ee8c}.perf-total{background:repeating-linear-gradient(90deg,#22d3ee40 0 2px,#0000 2px 8px) bottom/100% 1px no-repeat;border-bottom:1px solid #0000;align-items:baseline;gap:11px;margin-bottom:18px;padding-bottom:16px;display:flex}.perf-total-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.16em;text-transform:uppercase;color:#a5f3fc;font-size:10px;font-weight:700}.perf-total-num{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#fff 30%,#67e8f9 100%);color:#0000;filter:drop-shadow(0 0 16px #67e8f959);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:700;line-height:1}.perf-total-num small{color:var(--text-faint);-webkit-text-fill-color:var(--text-faint);margin-inline-start:5px;font-size:14px;font-weight:700}.perf-rows{flex-direction:column;gap:12px;display:flex}.perf-row{grid-template-columns:1fr 92px;grid-template-areas:"label ms""bar bar";align-items:center;gap:4px 12px;display:grid}.perf-row-label{line-height:1.25;font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--text);flex-direction:column;grid-area:label;font-size:12px;font-weight:700;display:flex}.perf-row-label small{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.08em;text-transform:none;color:var(--text-faint);font-size:9px;font-weight:500}.perf-row-ms{text-align:end;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--c,#fff) 55%, #fff);grid-area:ms;font-size:13.5px;font-weight:700}.perf-row-ms small{color:var(--text-faint);margin-inline-start:2px;font-size:9.5px;font-weight:700}.perf-row-bar{background:repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 14px),#00000057;border-radius:0;grid-area:bar;height:8px;margin-top:3px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080,inset 0 0 0 1px #ffffff0d}.perf-row-bar>span{clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%);background:linear-gradient(90deg, color-mix(in srgb, var(--c) 70%, #000), var(--c));min-width:6px;height:100%;box-shadow:0 0 10px -2px color-mix(in srgb, var(--c) 80%, transparent);transition:width .42s var(--ease);border-radius:0;display:block}.perf-foot{background:repeating-linear-gradient(90deg,#22d3ee40 0 2px,#0000 2px 8px) top/100% 1px no-repeat;border-top:1px solid #0000;flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;padding-top:16px;display:flex}.perf-chip{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border-2);font-variant-numeric:tabular-nums;background:#ffffff0a;border-inline-start:2px solid #22d3ee73;border-radius:0;align-items:center;gap:6px;padding:5px 11px;font-size:10px;font-weight:700;display:inline-flex}.perf-chip .fa-duo{--fa-primary-color:#818cf8;--fa-secondary-color:#c4b5fd;--fa-primary-opacity:1;--fa-secondary-opacity:1}.perf-chip-size{margin-inline-start:auto}.perf-paint{text-align:center;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase;color:#a5f3fc73;margin:12px 0 0;font-size:9.5px}.lang-modal.mantine-Modal-content{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:linear-gradient(90deg,#0000 4%,#22d3ee,#6366f1 70%,#0000 96%) top/100% 2px no-repeat,repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),radial-gradient(120% 80% at 50% -10%,#22d3ee1a,#0000 55%),linear-gradient(#11141b 0%,#0b0d12 100%);border:1px solid #22d3ee47;border-radius:0;position:relative;overflow:hidden;box-shadow:0 54px 120px -34px #000000eb,0 0 70px -26px #22d3ee80}.lang-body.mantine-Modal-body{padding:0}.lang-picker{text-align:center;flex-direction:column;align-items:center;padding:clamp(24px,4vw,32px) clamp(20px,4vw,28px);display:flex;position:relative}.lang-picker:before,.lang-picker:after{content:"";pointer-events:none;opacity:.85;width:15px;height:15px;position:absolute}.lang-picker:before{top:10px;border-top:2px solid #22d3ee;border-inline-start:2px solid #22d3ee;inset-inline-start:10px}.lang-picker:after{bottom:10px;border-bottom:2px solid #22d3ee;border-inline-end:2px solid #22d3ee;inset-inline-end:10px}.lang-picker-logo{object-fit:contain;filter:drop-shadow(0 6px 16px #00000080);width:auto;max-width:180px;height:44px;margin-bottom:14px}.lang-picker-title{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 18px;font-size:17px;font-weight:800}.lang-picker-title:before{content:"// ";color:#22d3ee;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace}.lang-options{counter-reset:lang;grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.lang-option{counter-increment:lang;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);color:var(--text);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),#ffffff06;border:1px solid #ffffff17;border-inline-start:2px solid #22d3ee4d;border-radius:0;align-items:center;gap:11px;padding:11px 12px;display:flex;position:relative}.lang-option:after{content:counter(lang, decimal-leading-zero);inset-inline-end:8px;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;color:#0000;-webkit-text-stroke:1px #22d3ee47;pointer-events:none;font-size:14px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.lang-option:hover{border-color:#22d3ee80;background:repeating-linear-gradient(0deg,#22d3ee0a 0 1px,#0000 1px 3px),#22d3ee14;border-inline-start-color:#22d3ee;box-shadow:0 0 22px -10px #22d3eecc}.lang-option:active{background:repeating-linear-gradient(0deg,#22d3ee0d 0 1px,#0000 1px 3px),#22d3ee24}.lang-flag{border-radius:2px;flex-shrink:0;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px -6px #000c}.lang-name{color:var(--text);text-align:start;font-size:13.5px;font-weight:700}.lang-name-sub{display:none}.lang-toggle{border:1px solid var(--border-2);cursor:pointer;height:42px;transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);background:linear-gradient(#ffffff14,#ffffff06);border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:0 11px 0 7px;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.lang-toggle:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-2));background:radial-gradient(120% 140% at 50% -30%,#818cf83d,#0000 62%),linear-gradient(#ffffff1f,#ffffff0a);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,0 8px 20px -10px #818cf8bf}.lang-toggle:active{transform:translateY(0)}.lang-toggle-flag{border-radius:6px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e,0 2px 6px -2px #00000080}.lang-toggle-flag .flag{min-width:0;display:block}.lang-toggle-code{letter-spacing:.06em;color:var(--text);font-size:12.5px;font-weight:800}.lang-toggle-globe{--fa-primary-color:var(--accent);--fa-secondary-color:var(--accent-2);--fa-primary-opacity:1;--fa-secondary-opacity:.7;opacity:.7;transition:opacity .15s var(--ease), transform .22s var(--ease)}.lang-toggle:hover .lang-toggle-globe{opacity:1;transform:rotate(18deg)}@media (max-width:768px){.lang-toggle{display:none}}.mobile-lang{border-top:1px solid #ffffff1a;margin-top:9px;padding-top:12px}.mobile-lang-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:7px;padding:0 4px 8px;font-size:11px;font-weight:800;display:flex}.mobile-lang-title .fa-duo{--fa-primary-color:var(--accent);--fa-secondary-color:var(--accent-2);--fa-primary-opacity:1;--fa-secondary-opacity:.7}.mobile-lang-seg{background:#00000047;border:1px solid #ffffff14;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;box-shadow:inset 0 1px 2px #0006}.mobile-lang-opt{color:var(--text-dim);cursor:pointer;transition:color .16s var(--ease), background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 6px;font-size:13.5px;font-weight:700;display:inline-flex}.mobile-lang-opt .flag{min-width:0;display:block;box-shadow:0 0 0 1px #ffffff2e}.mobile-lang-opt:hover{color:var(--text);background:#ffffff0d}.mobile-lang-opt.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff4d,0 8px 18px -8px #6366f1cc}.pack-result{border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.pack-result-success{color:#bbf7d0;background:#10b9811f;border:1px solid #10b98157}.pack-result-success .fa-duo{--fa-primary-color:#34d399;--fa-secondary-color:#a7f3d0;--fa-primary-opacity:1;--fa-secondary-opacity:1}.pack-result-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444452}.pack-result-error .fa-duo{--fa-primary-color:#f87171;--fa-secondary-color:#fca5a5;--fa-primary-opacity:1;--fa-secondary-opacity:1}.confirm-modal.mantine-Modal-content{-webkit-backdrop-filter:blur(22px)saturate(1.4);background:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px),radial-gradient(120% 80% at 50% -10%,#ffffff12,#0000 55%),linear-gradient(#12131af5,#0b0c11fa);border:1px solid #ffffff1f;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 50px 110px -34px #000000eb,inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff0a}.confirm-modal.mantine-Modal-content:before,.confirm-modal.mantine-Modal-content:after{content:"";pointer-events:none;z-index:3;border:1px solid #ffffff47;width:16px;height:16px;position:absolute}.confirm-modal.mantine-Modal-content:before{top:-1px;border-inline-end:0;border-bottom:0;inset-inline-start:-1px}.confirm-modal.mantine-Modal-content:after{bottom:-1px;border-inline-start:0;border-top:0;inset-inline-end:-1px}.confirm-body.mantine-Modal-body{padding:0}.confirm-inner:before{content:"";background:linear-gradient(90deg, transparent, var(--type), transparent);height:2px;box-shadow:0 0 16px -1px color-mix(in srgb, var(--type) 80%, transparent);position:absolute;inset:0 0 auto}.confirm-inner{text-align:center;flex-direction:column;align-items:center;padding:clamp(24px,4vw,30px) clamp(22px,4vw,28px);display:flex;position:relative}.confirm-icon{clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);border:1px solid color-mix(in srgb, var(--type) 45%, var(--border-2));background:linear-gradient(150deg, color-mix(in srgb, var(--type) 30%, transparent), color-mix(in srgb, var(--type) 10%, transparent));width:56px;height:56px;box-shadow:inset 0 1px 0 #fff3, 0 0 30px -10px color-mix(in srgb, var(--type) 75%, transparent);border-radius:0;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.confirm-icon .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 45%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--type) 60%, transparent))}.confirm-title{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:-.02em;color:var(--text);margin:0;font-size:19px;font-weight:800}.confirm-text{color:var(--text-dim);margin:9px 0 0;font-size:14.5px;line-height:1.55}.confirm-text strong{color:var(--text);font-weight:800}.confirm-cost{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.confirm-cost .fa-duo{--fa-primary-color:#4f9bff;--fa-secondary-color:#9ad0ff;--fa-primary-opacity:1;--fa-secondary-opacity:1}.confirm-note{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:10px 0 0;font-size:10px}.confirm-actions{gap:10px;width:100%;margin-top:20px;display:flex}.confirm-cancel,.confirm-ok{clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);height:44px;font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .15s var(--ease), filter .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);border-radius:0;flex:1;justify-content:center;align-items:center;gap:8px;font-size:12.5px;font-weight:800;display:inline-flex}.confirm-cancel{border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-dim)}.confirm-cancel:hover{color:var(--text);border-color:color-mix(in srgb, #fff 24%, var(--border-2));background:var(--surface-3)}.confirm-ok{border:1px solid color-mix(in srgb, var(--type) 50%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--type) 82%, #fff) 0%, var(--type) 55%, color-mix(in srgb, var(--type) 80%, #000) 120%);color:#16121c;box-shadow:inset 0 1px 0 #ffffff73, 0 10px 24px -10px color-mix(in srgb, var(--type) 80%, transparent)}.confirm-ok:hover{filter:brightness(1.05);box-shadow:inset 0 1px 0 #ffffff80, 0 14px 28px -10px color-mix(in srgb, var(--type) 90%, transparent);transform:translateY(-1px)}.confirm-ok:active{transform:translateY(0)}.confirm-ok .fa-duo{--fa-primary-color:#16121c;--fa-secondary-color:#16121c8c;--fa-primary-opacity:1;--fa-secondary-opacity:1}.confirm-morph{position:relative;overflow:hidden}.confirm-morph-measure{position:relative}.confirm-loader{justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:15px;display:inline-flex;position:relative}.confirm-loader:before{content:"";border:4px solid color-mix(in srgb, var(--type) 15%, transparent);border-radius:50%;position:absolute;inset:0}.confirm-loader-ring{background:conic-gradient(from 0deg, transparent 0 10%, color-mix(in srgb, var(--type) 35%, transparent) 38%, var(--type) 82%, transparent 100%);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--type) 55%, transparent));border-radius:50%;animation:.95s linear infinite confirmSpin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.confirm-loader-core{border:1px solid color-mix(in srgb, var(--type) 38%, var(--border-2));background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--type) 26%, transparent), transparent 70%), #ffffff0a;width:48px;height:48px;box-shadow:inset 0 1px 0 #ffffff24, 0 0 24px -8px color-mix(in srgb, var(--type) 75%, transparent);border-radius:50%;justify-content:center;align-items:center;animation:1.6s ease-in-out infinite confirmCorePulse;display:inline-flex;position:relative}.confirm-loader-core .fa-duo{--fa-primary-color:var(--type);--fa-secondary-color:color-mix(in srgb, var(--type) 45%, #fff);--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--type) 60%, transparent))}.confirm-progress{background:color-mix(in srgb, var(--type) 12%, #ffffff0f);border-radius:999px;width:100%;height:4px;margin-top:18px;position:relative;overflow:hidden}.confirm-progress-bar{top:0;background:linear-gradient(90deg, transparent, var(--type), color-mix(in srgb, var(--type) 55%, #fff), var(--type), transparent);width:42%;height:100%;box-shadow:0 0 12px -2px color-mix(in srgb, var(--type) 70%, transparent);animation:confirmProgress 1.15s var(--ease) infinite;border-radius:999px;position:absolute;inset-inline-start:-45%}@keyframes confirmSpin{to{transform:rotate(360deg)}}@keyframes confirmCorePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes confirmProgress{0%{inset-inline-start:-45%}to{inset-inline-start:103%}}.login-inner:before,.login-inner:after{content:"";pointer-events:none;opacity:.85;width:16px;height:16px;position:absolute}.login-inner:before{top:10px;border-top:2px solid var(--type,var(--accent));border-inline-start:2px solid var(--type,var(--accent));inset-inline-start:10px}.login-inner:after{bottom:10px;border-bottom:2px solid var(--type,var(--accent));border-inline-end:2px solid var(--type,var(--accent));inset-inline-end:10px}.auth-modal .login-title{font-family:var(--font-sora), var(--font-jakarta), var(--font-inter), sans-serif;letter-spacing:.04em;text-transform:uppercase;font-size:21px;font-weight:800}.auth-modal .login-sub{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--type,var(--accent)) 55%, var(--text-dim));font-size:11px}.auth-modal .login-sub:before{content:"// ";color:var(--type,var(--accent))}.auth-modal .login-field label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.14em;font-size:10.5px;font-weight:700}.auth-modal .login-field label:before{content:"// ";color:var(--type,var(--accent))}.auth-modal .login-field input{background:#00000057;border:1px solid #ffffff1f;border-radius:3px;box-shadow:inset 0 2px 6px #0006}.auth-modal .login-field input:focus{border-color:color-mix(in srgb, var(--type,var(--accent)) 70%, transparent);box-shadow:inset 0 2px 6px #0006, inset 3px 0 0 var(--type,var(--accent)), 0 0 22px -6px color-mix(in srgb, var(--type,var(--accent)) 70%, transparent)}.auth-modal .login-remember input{border-radius:2px}.auth-modal .login-error{border:1px solid #ef444473;font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.04em;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);background:repeating-linear-gradient(-45deg,#ef444480 0 6px,#0000 6px 12px) 0/6px 100% no-repeat,linear-gradient(90deg,#ef444429,#ef44440d);border-inline-start:0;border-radius:0;padding-inline-start:16px;font-size:11.5px}.auth-modal .auth-submit{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.16em;text-transform:uppercase;border:0;border-radius:0;font-size:13px;font-weight:700}.auth-modal .auth-submit:after{background:linear-gradient(100deg,#0000 36%,#fff6 50%,#0000 64%)}.auth-modal .auth-method-btn{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.1em;text-transform:uppercase;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),#ffffff08;border:1px solid #ffffff24;border-radius:0;font-size:11px;font-weight:700}.auth-modal .auth-method-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--type,var(--accent)) 55%, transparent);color:var(--text)}.auth-modal .auth-method-btn-on{color:#061018;background:linear-gradient(135deg, color-mix(in srgb, var(--type,var(--accent)) 78%, #fff), var(--type,var(--accent)));box-shadow:0 8px 22px -10px color-mix(in srgb, var(--type,var(--accent)) 90%, transparent);border-color:#0000}.auth-modal .auth-method-btn-on .fa-duo{--fa-primary-color:#061018;--fa-secondary-color:#06101899}.auth-modal .auth-switch{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.08em;text-transform:uppercase;border-top:1px dashed color-mix(in srgb, var(--type,var(--accent)) 30%, var(--border));font-size:11px}.auth-modal .auth-switch-btn{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase;border-radius:0;font-size:11.5px}.auth-modal .auth-account{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:0}.auth-modal .auth-account-eyebrow,.auth-modal .auth-account-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase}.auth-modal .auth-account-eyebrow:before{content:"// ";color:var(--type,var(--accent))}.auth-modal .auth-account-icon{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);border-radius:0}.auth-modal .login-foot{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.06em;text-transform:uppercase;border-top:1px dashed var(--border);font-size:11px}.auth-modal .login-notice{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.04em;border-radius:0;font-size:11.5px}.auth-modal .login-field-otp input,.auth-modal .login-field-admin input{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace}.shop-heading{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.05em;text-transform:uppercase}.shop-heading-mark{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);border-radius:0}.catalog-toolbar{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(90deg,#0000 4%,#818cf8,#22d3ee 70%,#0000 96%) top/100% 2px no-repeat,repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(#11141b 0%,#0b0d12 100%);border:1px solid #818cf83d;border-radius:0}.search-input input{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.03em;background:#00000057;border:1px solid #ffffff1f;border-radius:3px;box-shadow:inset 0 2px 6px #0006}.search-input input:focus{border-color:#22d3eeb3;box-shadow:inset 0 2px 6px #0006,inset 3px 0 #22d3ee,0 0 22px -6px #22d3eeb3}.sort-trigger{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),#818cf80f;border:1px solid #818cf84d;border-radius:0}.sort-trigger-eyebrow{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase}.sort-trigger-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.04em}.sort-item{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.04em;border-radius:0;font-size:12px}.filter-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:700}.filter-label:before{content:"// ";color:#22d3ee}.chip,.type-pill,.clear-filters{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.07em;text-transform:uppercase;border-radius:0;font-size:11px;font-weight:700}.clear-filters{color:#fca5a5;background:repeating-linear-gradient(-45deg,#ef444429 0 5px,#0000 5px 10px),#ef44440d;border:1px solid #ef444461}.clear-filters:hover{color:#fff;border-color:#ef4444b3}.item-card{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px),linear-gradient(#11141b 0%,#0c0e13 100%);border:1px solid #ffffff14;border-radius:0}.item-card:hover{border-color:color-mix(in srgb, var(--accent,#22d3ee) 45%, transparent);background:linear-gradient(90deg, transparent 4%, var(--accent,#22d3ee), transparent 80%) top / 100% 2px no-repeat, repeating-linear-gradient(0deg, #ffffff04 0 1px, transparent 1px 3px), linear-gradient(180deg, #11141b 0%, #0c0e13 100%)}.item-media{border-radius:0}.item-name{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.01em}.item-brand,.item-brand-label{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.1em;text-transform:uppercase}.item-tags>*{clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:0}.price-tag{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);border-radius:0}.price-value,.price-opt-count{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;font-variant-numeric:tabular-nums}.price-cta{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.1em;text-transform:uppercase;border-radius:0;font-weight:700}.empty-state,.error-alert{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border-radius:0}.empty-icon,.ghost-icon{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);border-radius:0}.skeleton-card,.sk-media,.sk-pill,.sk-line,.filter-pill-sk{border-radius:0}.skeleton-card{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.details-modal.mantine-Modal-content{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:linear-gradient(90deg,#0000 4%,#818cf8,#22d3ee 70%,#0000 96%) top/100% 2px no-repeat,repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),radial-gradient(110% 70% at 50% 0,#6366f11f,#0000 55%),linear-gradient(#11141b 0%,#0b0d12 100%);border:1px solid #818cf842;border-radius:0}.details-name{font-family:var(--font-sora), var(--font-jakarta), var(--font-noto-thai), var(--font-inter), sans-serif;letter-spacing:.02em}.details-brand,.dp-dev-id{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.1em;text-transform:uppercase}.details-tab{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.09em;text-transform:uppercase;border-radius:0;font-size:11px;font-weight:700}.details-section-title,.dp-pick-label,.dp-buy-label,.dp-total-label,.dp-aside-head,.dp-main-head .details-brand{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.1em;text-transform:uppercase}.dp-pick{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);border-radius:0}.dp-pick-radio{border-radius:2px}.dp-calc,.dp-total{border-radius:0}.dp-calc-k,.dp-total-meta,.dp-total-sub{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.06em;text-transform:uppercase}.dp-calc-v,.dp-calc-cost,.dp-total-price{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;font-variant-numeric:tabular-nums}.dp-buy,.dp-buy-go,.dp-confirm-go,.dp-mobile-cta{clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase;border-radius:0;font-weight:700}.dp-confirm-back,.dp-mobile-back,.dp-close{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border-radius:0}.dp-confirm-sheet{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(90deg,#0000 4%,#818cf8,#0000 80%) top/100% 2px no-repeat,repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(#12141b 0%,#0b0d12 100%);border:1px solid #818cf84d;border-radius:0}.dp-confirm-head,.dp-confirm-item-opt,.dp-confirm-note,.dp-buy-note{font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.05em}.dp-confirm-item{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-radius:0}.dp-buy-note-error{clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);background:repeating-linear-gradient(-45deg,#ef444480 0 5px,#0000 5px 10px) 0/5px 100% no-repeat,linear-gradient(90deg,#ef444424,#ef44440a);border-inline-start:0;padding-inline-start:12px}.catalog{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:linear-gradient(90deg,#0000 4%,#818cf8,#22d3ee 70%,#0000 96%) top/100% 2px no-repeat,repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px),radial-gradient(120% 70% at 50% 0,#6366f114,#0000 55%),linear-gradient(#10131a 0%,#0b0d12 100%);border:1px solid #818cf838;border-radius:0;position:relative;box-shadow:0 40px 100px -40px #000c}.catalog:after{content:"";bottom:10px;border-bottom:2px solid #22d3ee;opacity:.8;pointer-events:none;border-inline-end:2px solid #22d3ee;width:16px;height:16px;position:absolute;inset-inline-end:10px}.catalog-head{border-bottom:1px dashed #818cf847}html[lang=ja]{--font-inter:var(--font-noto-jp);--font-sora:var(--font-noto-jp);--font-jakarta:var(--font-noto-jp)}html[lang=zh]{--font-inter:var(--font-noto-sc);--font-sora:var(--font-noto-sc);--font-jakarta:var(--font-noto-sc)}html[lang=he]{--font-inter:var(--font-noto-hebrew);--font-sora:var(--font-noto-hebrew);--font-jakarta:var(--font-noto-hebrew)}html[lang=ar]{--font-inter:var(--font-noto-arabic);--font-sora:var(--font-noto-arabic);--font-jakarta:var(--font-noto-arabic)}[dir=rtl] .header-nav-link:before,[dir=rtl] .shop-tab-link:before,[dir=rtl] .login-btn:before,[dir=rtl] .signup-btn:before,[dir=rtl] .mnav-link:before{transform:skew(14deg)}[dir=rtl] .login-btn:after,[dir=rtl] .signup-btn:after{transform:skew(14deg)translate(130%)}[dir=rtl] .login-btn:hover:after,[dir=rtl] .signup-btn:hover:after{transform:skew(14deg)translate(-130%)}[dir=rtl] input,[dir=rtl] textarea{unicode-bidi:plaintext}[dir=rtl] code,[dir=rtl] .pack-cost,[dir=rtl] .price-tag,[dir=rtl] .purchase-attr-value,[dir=rtl] .acm-chip,[dir=rtl] .topup-balance-item{direction:ltr;unicode-bidi:isolate}.lang-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lang-options-grid .lang-option{flex-direction:row;align-items:center;gap:10px;padding:10px 12px}.lang-options-grid .lang-name{font-size:13px}.mobile-lang-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mobile-lang-grid .mobile-lang-opt{justify-content:flex-start;min-width:0}.mobile-lang-grid .mobile-lang-opt span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:768px){.lang-toggle{display:none}}.lang-option-active{box-shadow:0 0 18px -8px #22d3eecc;background:repeating-linear-gradient(0deg,#22d3ee0a 0 1px,#0000 1px 3px),#22d3ee1a!important;border-color:#22d3eea6!important}.flag.border:before{mix-blend-mode:normal;border:1px solid #ffffff14}.lang-ok{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);width:100%;height:46px;color:var(--text-faint);font-family:var(--font-jbmono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.22em;cursor:default;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),#ffffff0a;border:1px solid #ffffff1f;margin-top:14px;font-size:13px;font-weight:700}.lang-ok[data-armed]{cursor:pointer;color:#061018;background:linear-gradient(#ffffff52,#0000 38%),linear-gradient(135deg,#67e8f9 0%,#22d3ee 48%,#0ea5b7 120%);border:0;animation:1.8s ease-in-out infinite langOkGlow}.lang-ok[data-armed]:hover{filter:brightness(1.07)}@keyframes langOkGlow{0%,to{box-shadow:0 0 14px -6px #22d3eeb3}50%{box-shadow:0 0 30px -4px #22d3ee}}[dir=rtl] .brand-accent{clip-path:polygon(calc(100% - 6px) 0,0 0,0 calc(100% - 6px),6px 100%,100% 100%,100% 6px)}[dir=rtl] .tab-icon{clip-path:polygon(calc(100% - 10px) 0,0 0,0 calc(100% - 10px),10px 100%,100% 100%,100% 10px)}[dir=rtl] .confirm-option{clip-path:polygon(calc(100% - 9px) 0,0 0,0 calc(100% - 9px),9px 100%,100% 100%,100% 9px)}[dir=rtl] .pack-options .item-options-count{clip-path:polygon(calc(100% - 5px) 0,0 0,0 calc(100% - 5px),5px 100%,100% 100%,100% 5px)}[dir=rtl] .item-option.pack-option{clip-path:polygon(calc(100% - 8px) 0,0 0,0 calc(100% - 8px),8px 100%,100% 100%,100% 8px)}[dir=rtl] .footer-brand-accent{clip-path:polygon(calc(100% - 5px) 0,0 0,0 calc(100% - 5px),5px 100%,100% 100%,100% 5px)}[dir=rtl] .login-btn:before,[dir=rtl] .login-btn:after{clip-path:polygon(calc(100% - 8px) 0,0 0,0 calc(100% - 8px),8px 100%,100% 100%,100% 8px)}[dir=rtl] .login-modal.mantine-Modal-content{clip-path:polygon(calc(100% - 16px) 0,0 0,0 calc(100% - 16px),16px 100%,100% 100%,100% 16px)}[dir=rtl] .account-avatar{clip-path:polygon(calc(100% - 7px) 0,0 0,0 calc(100% - 7px),7px 100%,100% 100%,100% 7px)}[dir=rtl] .account-balance-icon{clip-path:polygon(calc(100% - 6px) 0,0 0,0 calc(100% - 6px),6px 100%,100% 100%,100% 6px)}[dir=rtl] .acm-chip{clip-path:polygon(calc(100% - 5px) 0,0 0,0 calc(100% - 5px),5px 100%,100% 100%,100% 5px)}[dir=rtl] .acm-cta{clip-path:polygon(calc(100% - 12px) 0,0 0,0 calc(100% - 12px),12px 100%,100% 100%,100% 12px)}[dir=rtl] .acm-row-icon{clip-path:polygon(calc(100% - 5px) 0,0 0,0 calc(100% - 5px),5px 100%,100% 100%,100% 5px)}[dir=rtl] .acm-logout{clip-path:polygon(calc(100% - 10px) 0,0 0,0 calc(100% - 10px),10px 100%,100% 100%,100% 10px)}[dir=rtl] .purchase-attr-icon{clip-path:polygon(calc(100% - 7px) 0,0 0,0 calc(100% - 7px),7px 100%,100% 100%,100% 7px)}[dir=rtl] .purchase-done{clip-path:polygon(calc(100% - 11px) 0,0 0,0 calc(100% - 11px),11px 100%,100% 100%,100% 11px)}[dir=rtl] .topup-balance-item{clip-path:polygon(calc(100% - 9px) 0,0 0,0 calc(100% - 9px),9px 100%,100% 100%,100% 9px)}[dir=rtl] .mobile-nav-link-icon{clip-path:polygon(calc(100% - 7px) 0,0 0,0 calc(100% - 7px),7px 100%,100% 100%,100% 7px)}[dir=rtl] .mnav-close{clip-path:polygon(calc(100% - 8px) 0,0 0,0 calc(100% - 8px),8px 100%,100% 100%,100% 8px)}[dir=rtl] .mnav-icon{clip-path:polygon(calc(100% - 7px) 0,0 0,0 calc(100% - 7px),7px 100%,100% 100%,100% 7px)}[dir=rtl] .mnav-signup{clip-path:polygon(calc(100% - 12px) 0,0 0,0 calc(100% - 12px),12px 100%,100% 100%,100% 12px)}[dir=rtl] .signup-btn:before,[dir=rtl] .signup-btn:after{clip-path:polygon(calc(100% - 8px) 0,0 0,0 calc(100% - 8px),8px 100%,100% 100%,100% 8px)}[dir=rtl] .shop-page-head-icon{clip-path:polygon(calc(100% - 12px) 0,0 0,0 calc(100% - 12px),12px 100%,100% 100%,100% 12px)}[dir=rtl] .pack-reward-icon{clip-path:polygon(calc(100% - 14px) 0,0 0,0 calc(100% - 14px),14px 100%,100% 100%,100% 14px)}[dir=rtl] .pack-cost{clip-path:polygon(calc(100% - 8px) 0,0 0,0 calc(100% - 8px),8px 100%,100% 100%,100% 8px)}[dir=rtl] .pack-buy{clip-path:polygon(calc(100% - 11px) 0,0 0,0 calc(100% - 11px),11px 100%,100% 100%,100% 11px)}[dir=rtl] .pack-sk-icon{clip-path:polygon(calc(100% - 14px) 0,0 0,0 calc(100% - 14px),14px 100%,100% 100%,100% 14px)}@media (max-width:768px){[dir=rtl] .shop-tabbar{clip-path:polygon(calc(100% - 10px) 0,0 0,0 calc(100% - 10px),10px 100%,100% 100%,100% 10px)}}[dir=rtl] .perf-debug-btn{clip-path:polygon(calc(100% - 9px) 0,0 0,0 calc(100% - 9px),9px 100%,100% 100%,100% 9px)}[dir=rtl] .perf-head-icon{clip-path:polygon(calc(100% - 11px) 0,0 0,0 calc(100% - 11px),11px 100%,100% 100%,100% 11px)}[dir=rtl] .perf-row-bar>span{clip-path:polygon(100% 0,0 0,4px 100%,100% 100%)}[dir=rtl] .perf-chip{clip-path:polygon(calc(100% - 6px) 0,0 0,0 calc(100% - 6px),6px 100%,100% 100%,100% 6px)}[dir=rtl] .lang-modal.mantine-Modal-content{clip-path:polygon(calc(100% - 16px) 0,0 0,0 calc(100% - 16px),16px 100%,100% 100%,100% 16px)}[dir=rtl] .lang-option{clip-path:polygon(calc(100% - 7px) 0,0 0,0 calc(100% - 7px),7px 100%,100% 100%,100% 7px)}[dir=rtl] .confirm-icon{clip-path:polygon(calc(100% - 13px) 0,0 0,0 calc(100% - 13px),13px 100%,100% 100%,100% 13px)}[dir=rtl] .confirm-cancel,[dir=rtl] .confirm-ok{clip-path:polygon(calc(100% - 11px) 0,0 0,0 calc(100% - 11px),11px 100%,100% 100%,100% 11px)}[dir=rtl] .auth-modal .login-error{clip-path:polygon(100% 0,0 0,0 calc(100% - 8px),8px 100%,100% 100%);background:repeating-linear-gradient(-45deg,#ef444480 0 6px,#0000 6px 12px) 100%/6px 100% no-repeat,linear-gradient(90deg,#ef444429,#ef44440d)}[dir=rtl] .auth-modal .auth-submit{clip-path:polygon(calc(100% - 10px) 0,0 0,0 calc(100% - 10px),10px 100%,100% 100%,100% 10px)}[dir=rtl] .auth-modal .auth-method-btn,[dir=rtl] .auth-modal .auth-switch-btn{clip-path:polygon(calc(100% - 8px) 0,0 0,0 calc(100% - 8px),8px 100%,100% 100%,100% 8px)}[dir=rtl] .auth-modal .auth-account{clip-path:polygon(calc(100% - 10px) 0,0 0,0 calc(100% - 10px),10px 100%,100% 100%,100% 10px)}[dir=rtl] .auth-modal .auth-account-icon{clip-path:polygon(calc(100% - 5px) 0,0 0,0 calc(100% - 5px),5px 100%,100% 100%,100% 5px)}[dir=rtl] .auth-modal .login-notice{clip-path:polygon(calc(100% - 8px) 0,0 0,0 calc(100% - 8px),8px 100%,100% 100%,100% 8px)}[dir=rtl] .shop-heading-mark{clip-path:polygon(calc(100% - 7px) 0,0 0,0 calc(100% - 7px),7px 100%,100% 100%,100% 7px)}[dir=rtl] .catalog-toolbar{clip-path:polygon(calc(100% - 14px) 0,0 0,0 calc(100% - 14px),14px 100%,100% 100%,100% 14px)}[dir=rtl] .sort-trigger{clip-path:polygon(calc(100% - 8px) 0,0 0,0 calc(100% - 8px),8px 100%,100% 100%,100% 8px)}[dir=rtl] .chip,[dir=rtl] .type-pill,[dir=rtl] .clear-filters{clip-path:polygon(calc(100% - 6px) 0,0 0,0 calc(100% - 6px),6px 100%,100% 100%,100% 6px)}[dir=rtl] .item-card{clip-path:polygon(calc(100% - 12px) 0,0 0,0 calc(100% - 12px),12px 100%,100% 100%,100% 12px)}[dir=rtl] .item-tags>*{clip-path:polygon(calc(100% - 4px) 0,0 0,0 calc(100% - 4px),4px 100%,100% 100%,100% 4px)}[dir=rtl] .price-tag{clip-path:polygon(calc(100% - 5px) 0,0 0,0 calc(100% - 5px),5px 100%,100% 100%,100% 5px)}[dir=rtl] .price-cta{clip-path:polygon(calc(100% - 7px) 0,0 0,0 calc(100% - 7px),7px 100%,100% 100%,100% 7px)}[dir=rtl] .empty-state,[dir=rtl] .error-alert{clip-path:polygon(calc(100% - 12px) 0,0 0,0 calc(100% - 12px),12px 100%,100% 100%,100% 12px)}[dir=rtl] .empty-icon,[dir=rtl] .ghost-icon{clip-path:polygon(calc(100% - 7px) 0,0 0,0 calc(100% - 7px),7px 100%,100% 100%,100% 7px)}[dir=rtl] .skeleton-card{clip-path:polygon(calc(100% - 12px) 0,0 0,0 calc(100% - 12px),12px 100%,100% 100%,100% 12px)}[dir=rtl] .details-modal.mantine-Modal-content{clip-path:polygon(calc(100% - 16px) 0,0 0,0 calc(100% - 16px),16px 100%,100% 100%,100% 16px)}[dir=rtl] .details-tab,[dir=rtl] .dp-pick{clip-path:polygon(calc(100% - 7px) 0,0 0,0 calc(100% - 7px),7px 100%,100% 100%,100% 7px)}[dir=rtl] .dp-buy,[dir=rtl] .dp-buy-go,[dir=rtl] .dp-confirm-go,[dir=rtl] .dp-mobile-cta{clip-path:polygon(calc(100% - 9px) 0,0 0,0 calc(100% - 9px),9px 100%,100% 100%,100% 9px)}[dir=rtl] .dp-confirm-back,[dir=rtl] .dp-mobile-back,[dir=rtl] .dp-close{clip-path:polygon(calc(100% - 6px) 0,0 0,0 calc(100% - 6px),6px 100%,100% 100%,100% 6px)}[dir=rtl] .dp-confirm-sheet{clip-path:polygon(calc(100% - 14px) 0,0 0,0 calc(100% - 14px),14px 100%,100% 100%,100% 14px)}[dir=rtl] .dp-confirm-item{clip-path:polygon(calc(100% - 8px) 0,0 0,0 calc(100% - 8px),8px 100%,100% 100%,100% 8px)}[dir=rtl] .dp-buy-note-error{clip-path:polygon(100% 0,0 0,0 calc(100% - 6px),6px 100%,100% 100%);background:repeating-linear-gradient(-45deg,#ef444480 0 5px,#0000 5px 10px) 100%/5px 100% no-repeat,linear-gradient(90deg,#ef444424,#ef44440a)}[dir=rtl] .catalog{clip-path:polygon(calc(100% - 16px) 0,0 0,0 calc(100% - 16px),16px 100%,100% 100%,100% 16px)}[dir=rtl] .lang-ok{clip-path:polygon(calc(100% - 10px) 0,0 0,0 calc(100% - 10px),10px 100%,100% 100%,100% 10px)}