: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:84px}@media (max-width:1220px){:root{--topbar-h:77px}}@media (max-width:600px){:root{--topbar-h:73px}}*,: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);margin:0;font-family:Inter,Noto Sans Thai,system-ui,sans-serif;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{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;top:0;left:0;box-shadow:0 0 16px #22d3ee80,0 0 28px #5b8def52}#nprogress .peg{border-radius:999px;width:120px;height:100%;position:absolute;top:0;right: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}@media (prefers-reduced-motion:reduce){.ambient{animation:none}}.app-frame{width:100%;max-width:none;padding:calc(var(--topbar-h,74px) + 28px) clamp(16px, 3vw, 48px) 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{letter-spacing:-.03em;color:var(--text);margin:0;font-family:Sora,Plus Jakarta Sans,Inter,sans-serif;font-size:clamp(25px,3vw,33px);font-weight:800;line-height:1.05}.title-accent{color:var(--accent)}.topbar{z-index:30;border-bottom:1px solid var(--border);background:radial-gradient(120% 180% at 50% -60%, #6366f11f, 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);justify-content:space-between;align-items:center;padding:16px clamp(16px,3vw,48px);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 14px 34px -24px #000000eb,inset 0 1px #ffffff0a}@media (hover:none) and (pointer:coarse){.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(120% 180% at 50% -60%, #6366f11f, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 96%, #fff), var(--bg));transform:translateZ(0)}}.topbar:before{content:"";pointer-events:none;background:linear-gradient(180deg, var(--bg), color-mix(in srgb, var(--bg) 96%, #fff));will-change:transform;height:100vh;position:absolute;bottom:100%;left:0;right:0;transform:translateZ(0)}.brand-mark{flex-shrink:0;align-items:center;display:flex}.brand-mark img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000073);width:auto;max-width:150px;height:42px;display:block}.brand-title{letter-spacing:-.03em;color:var(--text);font-family:Sora,Plus Jakarta Sans,Inter,sans-serif;font-size:21px;font-weight:800;line-height:1.05}.brand-title-link{color:inherit;text-decoration:none;display:inline-block}.brand-accent{background:linear-gradient(120deg,#818cf8 0%,#22d3ee 100%);color:#0000;filter:drop-shadow(0 0 10px #818cf859);-webkit-background-clip:text;background-clip:text}.topbar-left{align-items:center;gap:clamp(14px,3vw,34px);min-width:0;display:flex}.header-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:inset 0 1px #ffffff14,0 8px 22px -16px #000c}.header-nav-link{--nav-1:var(--accent);--nav-2:var(--accent-2);color:var(--text-dim);white-space:nowrap;transition:color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.header-nav-link:hover{color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--nav-1) 16%, transparent), color-mix(in srgb, var(--nav-1) 5%, transparent))}.header-nav-link.active{color:#fff;background:linear-gradient(135deg, var(--nav-1) 0%, var(--nav-2) 100%);box-shadow:inset 0 1px 0 #ffffff57, 0 8px 18px -7px color-mix(in srgb, var(--nav-1) 82%, transparent), 0 0 18px -8px color-mix(in srgb, var(--nav-2) 75%, 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;font:inherit;background:0 0;border:1px solid #0000}.header-nav-trigger.open:not(.active){color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--nav-1) 16%, transparent), color-mix(in srgb, var(--nav-1) 5%, transparent))}.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-left:1px}.header-nav-trigger.open .header-nav-caret{opacity:.85;transform:rotate(180deg)}.header-nav-dropdown{transform-origin:top;z-index:250;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#1a1c24fa,#111218fa);border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:3px;min-width:212px;padding:6px;display:flex;position:absolute;top:calc(100% + 7px);left:50%;box-shadow:0 26px 54px -22px #000000e0,inset 0 1px #ffffff14}.header-nav-dropdown:before{content:"";height:9px;position:absolute;top:-9px;left:0;right:0}.header-nav-dropdown:after{content:"";background:#1a1c24;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.header-nav-drop-link{--nav-1:var(--accent);--nav-2:var(--accent-2);z-index:1;color:var(--text-dim);white-space:nowrap;transition:color .15s var(--ease), background .15s var(--ease);border-radius:10px;align-items:center;gap:11px;padding:9px 13px;font-size:13.5px;font-weight:700;text-decoration:none;display:flex;position:relative}.header-nav-drop-link:hover{color:var(--text);background:color-mix(in srgb, var(--nav-1) 15%, transparent)}.header-nav-drop-link.active{color:#fff;background:linear-gradient(135deg, var(--nav-1) 0%, var(--nav-2) 100%);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);border-radius:var(--radius);background:var(--surface);text-align:left;transition:border-color .18s var(--ease), background .18s var(--ease);align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.shop-tab:hover{border-color:var(--border-2);background:var(--surface-2)}.shop-tab[data-active]{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.tab-glow{background:var(--accent);pointer-events:none;border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}.tab-icon{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:11px;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{letter-spacing:-.01em;color:var(--text);font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:15.5px;font-weight:700}.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{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);right:clamp(16px,3vw,40px)}.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:left;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-left: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{left:1px}.pills-edge-right{right: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-right: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)}}@media (prefers-reduced-motion:reduce){.type-pill[data-active]{animation:none}}.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{width:100%;display:flex;position:absolute;top:0;left: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:left;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{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;left:8px;right: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:"";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%;left:0;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}.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;gap:6px;display:flex;position:absolute;top:9px;left:9px;right:9px}.item-tags .chip{transition:transform .32s var(--ease)}.item-card:hover .item-tags .chip{transform:translateY(-1px)}.item-brand{z-index:5;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;top:9px;right: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{position:static;top:auto;right:auto}.item-body{flex-direction:column;flex:1;gap:10px;padding:13px 4px 2px;display:flex}.item-name{letter-spacing:-.01em;text-align:center;color:#f1f3f8;text-shadow:0 1px 8px #00000059;transition:transform .32s var(--ease);font-family:Sora,Plus Jakarta Sans,Inter,Noto Sans Thai,sans-serif;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:"";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;inset:-1px 18% auto}.price-opt-count{z-index:3;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;top:-9px;right: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-feature-settings:"tnum";color:var(--text);align-items:baseline;gap:5px;font-family:Plus Jakarta Sans,Inter,sans-serif;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-left: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}@media (prefers-reduced-motion:reduce){.thumb-loading:after{animation:none;transform:none}}.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{justify-content:center;padding-top:10px;display:flex}.footer-copy{border:1px solid var(--border);background:linear-gradient(#ffffff0d,#ffffff04);border-radius:999px;align-items:center;gap:9px;padding:9px 18px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.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-copy-text{align-items:baseline;gap:7px;display:inline-flex}.footer-brand{letter-spacing:-.01em;color:var(--text);font-family:Sora,Plus Jakarta Sans,Inter,sans-serif;font-weight:800}.footer-brand-accent{background:linear-gradient(120deg,#818cf8 0%,#22d3ee 100%);color:#0000;filter:drop-shadow(0 0 8px #818cf866);-webkit-background-clip:text;background-clip:text}.footer-year{font-variant-numeric:tabular-nums;color:var(--text-dim);font-weight:700}.footer-rights{border-left:1px solid var(--border-2);color:var(--text-faint);padding-left:9px;font-weight:500}@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{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;top:14px;right: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-left:1px solid var(--border);width:308px}.dp-aside-head{padding-right: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{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;left:0;right: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-left: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:left;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}@media (prefers-reduced-motion:reduce){.dp-aside-options .dp-pick{animation:none}}.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{color:#e6e8ee;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:11.5px;font-weight:700}.details-name{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-family:Plus Jakarta Sans,Inter,Noto Sans Thai,sans-serif;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-right:24px;padding:0 2px;font-size:11.5px;font-weight:700;display:inline-flex;position:relative}.details-tab:after{content:"";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;left:0;right:0;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)}}@media (prefers-reduced-motion:reduce){.details-tab-panel{animation:none}}.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)}}@media (prefers-reduced-motion:reduce){.opt-row{animation:none}}.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}@media (prefers-reduced-motion:reduce){.dp-opt-row{animation:none}}.opt-row:before{content:"";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;left:0}.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{color:var(--text);letter-spacing:-.012em;margin:26px 0 12px;font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:700;line-height:1.3}.details-content h1{font-size:1.34rem}.details-content h2{border-left:3px solid var(--accent);padding-left: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-left:22px}.details-content li{margin:0 0 7px;padding-left: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-left: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{border:1px solid var(--border);background:var(--surface);color:var(--accent-2);border-radius:6px;padding:1px 6px;font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;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:left;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:calc(var(--topbar-h,70px) + 20px) 14px 56px;gap:20px}.topbar{padding:14px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-btn{color:#fff;letter-spacing:.01em;cursor:pointer;height:42px;transition:transform .16s var(--ease), box-shadow .16s var(--ease), filter .16s var(--ease);background:linear-gradient(135deg,#4ade80 0%,#10b981 52%,#059669 120%);border:1px solid #ffffff3d;border-radius:12px;flex-shrink:0;align-items:center;gap:9px;padding:0 22px;font-size:14px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff6b,0 10px 26px -8px #10b981cc,0 0 24px -10px #34d399b3}.login-btn:after{content:"";transition:transform .62s var(--ease);pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff4d 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.login-btn:hover{filter:brightness(1.06)saturate(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 16px 34px -8px #10b981,0 0 34px -8px #34d399d9}.login-btn:hover:after{transform:translate(120%)}.login-btn:active{transform:translateY(0)}.login-btn .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)}.login-modal.mantine-Modal-content{--accent:#818cf8;--accent-2:#22d3ee;--accent-deep:#6366f1;--grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 60%, #22d3ee 100%);--grad-soft:linear-gradient(135deg, #6366f13d, #8b5cf61f);--glow:#818cf88c;--border-accent:#818cf88c;-webkit-backdrop-filter:blur(24px)saturate(1.45);background:radial-gradient(110% 70% at 50% 0,#6366f14d,#0000 55%),radial-gradient(90% 60% at 100% 0,#22d3ee29,#0000 58%),radial-gradient(80% 60% at 0 100%,#8b5cf624,#0000 55%),linear-gradient(#171724eb 0%,#0d0e14f2 100%);border:1px solid #ffffff1f;border-radius:24px;min-height:auto;box-shadow:0 54px 120px -34px #000000eb,inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff0a,0 0 70px -26px #6366f18c}.login-modal.mantine-Modal-content:before{opacity:1;background:linear-gradient(90deg,#0000,#818cf8,#22d3ee,#0000);height:2px;box-shadow:0 0 18px -2px #818cf8d9}.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{border:1px solid var(--border-2);height:44px;color:var(--text);cursor:pointer;transition:transform .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);background:linear-gradient(#ffffff13,#ffffff05);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:0 12px 0 8px;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 6px 18px -10px #000000b3}.account-trigger:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-2));background:linear-gradient(#ffffff1c,#ffffff0a);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1f,0 10px 24px -10px #000c}.account-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent), inset 0 1px 0 #ffffff1a}.account-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;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:"";border:2.5px solid var(--panel);background:#22c55e;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 7px #22c55ed9}.account-trigger-text{text-align:left;flex-direction:column;max-width:108px;line-height:1.15;display:flex}.account-trigger-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.account-trigger-role{letter-spacing:.04em;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:600;overflow:hidden}.account-chevron.fa-duo{--fa-primary-color:var(--text-dim);--fa-secondary-color:var(--text-dim);transition:transform .18s var(--ease);margin-left:2px}.account-trigger[aria-expanded=true] .account-chevron.fa-duo{transform:rotate(180deg)}.account-menu.mantine-Menu-dropdown{overscroll-behavior:contain;background:var(--panel);border:1px solid var(--border-2);width:392px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 100px);box-shadow:var(--shadow-2);border-radius:16px;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)}}@media (prefers-reduced-motion:reduce){.account-scroll-hint span{animation:none;transform:translateY(-44px)}.account-scroll-hint-top span{animation:none;transform:translateY(16px)}}.account-banner{border-bottom:1px solid var(--border);background:radial-gradient(120% 120% at 0 0,#6366f166,#0000 58%),radial-gradient(120% 120% at 100% 0,#8b5cf652,#0000 58%),linear-gradient(#ffffff0d,#ffffff03);align-items:center;gap:13px;padding:16px;display:flex;position:relative;overflow:hidden}.account-banner:after{content:"";width:55%;animation:accountShine 1.1s .18s var(--ease) forwards;pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff21,#0000);position:absolute;top:0;bottom:0;left: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-left: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-radius:12px;align-items:center;gap:11px;margin:12px 16px 2px;padding:10px 13px;display:flex}.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-radius:11px;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{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.account-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:7px;padding:14px 16px 8px;font-size:10px;font-weight:700;display:flex}.account-section-label:after{content:"";background:linear-gradient(90deg, var(--border-2), transparent);flex:1;height:1px;margin-left: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));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:10px;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{background:color-mix(in srgb, var(--type) 18%, transparent);border-radius:8px;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{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.account-logout{border:1px solid color-mix(in srgb, #ef4444 35%, var(--border-2));color:#fca5a5;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-radius:11px;justify-content:center;align-items:center;gap:8px;margin:14px 16px 16px;font-size:13.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);cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease);border-radius:11px;justify-content:center;align-items:center;gap:8px;margin:14px 16px 0;font-size:13.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));background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 20%, var(--surface-2)), color-mix(in srgb, var(--accent) 8%, var(--surface-2)));width:calc(100% - 32px);height:46px;color:var(--text);letter-spacing:.01em;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:12px;align-items:center;gap:11px;margin:14px 16px 0;padding:0 13px;font-size:13.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-right: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,#ffffff1f,#0000);height:1px;margin:14px 16px 0}.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{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;top:16px;right: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:radial-gradient(120% 90% at 50% -10%,#22c55e38,#0000 60%),linear-gradient(#141c16eb,#0b0f0cf0);border:1px solid #ffffff1a;border-radius:24px;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: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{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));background:linear-gradient(180deg, color-mix(in srgb, var(--type) 12%, transparent), color-mix(in srgb, var(--type) 4%, transparent));border-radius:12px;align-items:center;gap:10px;padding:9px 13px;display:flex}.purchase-attr-icon{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:9px;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{color:var(--text-dim);font-size:13px;font-weight:600}.purchase-attr-value{color:#fff;align-items:center;gap:6px;margin-left:auto;font-size:14.5px;font-weight:800;display:inline-flex}.purchase-attr-value .pack-rank-img{border-radius:5px;width:30px;height:auto;display:block}.purchase-cost{color:var(--text-dim);align-items:center;gap:6px;margin-top:12px;font-size:12.5px;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{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;cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);border-radius:12px;align-items:center;gap:8px;margin-top:18px;padding:10px 28px;font-size:14px;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-left: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{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;top:0;left:-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%{left:-40%}to{left: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{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff1a,#ffffff08);border:1px solid #ffffff1f;border-radius:14px;flex-shrink:0;align-items:center;gap:11px;padding:9px 16px;display:inline-flex;box-shadow:inset 0 1px #fff3,0 10px 26px -14px #000000b3}.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{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px;font-weight:700}.topup-balance-value{font-variant-numeric:tabular-nums;background:linear-gradient(120deg, #fff 35%, var(--accent-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800}.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{letter-spacing:.16em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;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:left}.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-left:auto;font-size:14.5px;font-weight:800}.topup-grant-item{text-align:right;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{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.topup-balance-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:24px}.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:"";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;right:-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{background:radial-gradient(120% 100% at 0 0,#ffffff14,#0000 60%),linear-gradient(135deg,#ffffff1a,#ffffff06);border-radius:16px;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000002e,0 12px 28px -14px #000000b3}.topup-balance-value{text-shadow:0 1px 2px #00000059}.topup-balance-divider{background:linear-gradient(#0000,#fff3,#0000)}.topup-balance-item .fa-duo{filter:drop-shadow(0 0 6px #ffffff2e)}.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-right: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{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;top:13px;right: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{border:1px solid var(--border-2);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(#ffffff14,#ffffff06);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:none;box-shadow:inset 0 1px #ffffff1a}.nav-toggle:hover,.nav-toggle[aria-expanded=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-2));background:radial-gradient(120% 120% at 50% -20%,#818cf847,#0000 60%),linear-gradient(#ffffff21,#ffffff0d);box-shadow:inset 0 1px #ffffff29,0 0 18px -8px #818cf8cc}.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:radial-gradient(120% 80% at 50% -10%,#6366f14d,#0000 55%),radial-gradient(90% 60% at 100% 0,#22d3ee24,#0000 58%),linear-gradient(#171724f2 0%,#0c0d13f7 100%);border:1px solid #ffffff1f;border-radius:20px;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}.mobile-nav-link{--nav-1:var(--accent);--nav-2:var(--accent-2);color:var(--text-dim);transition:color .16s var(--ease), background .16s var(--ease), transform .16s var(--ease);border-radius:13px;align-items:center;gap:12px;padding:10px 11px;font-size:14.5px;font-weight:700;text-decoration:none;display:flex;position:relative}.mobile-nav-link+.mobile-nav-link{margin-top:5px}.mobile-nav-link:hover{color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--nav-1) 16%, transparent), color-mix(in srgb, var(--nav-1) 5%, transparent))}.mobile-nav-link-icon{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:10px;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;background:linear-gradient(135deg, var(--nav-1) 0%, var(--nav-2) 100%);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 #ffffff1a;margin-top:9px;padding-top:14px}.mobile-nav-signup:hover{color:#fff}@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{color:#e6e8ff;letter-spacing:.01em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:42px;transition:transform .16s var(--ease), box-shadow .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease), color .16s var(--ease);background:radial-gradient(120% 120% at 50% -20%,#818cf847,#0000 60%),linear-gradient(#6366f124,#8b5cf60d);border:1px solid #818cf880;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 8px 20px -10px #6366f1b3,0 0 20px -12px #818cf899}.signup-btn:after{content:"";transition:transform .64s var(--ease);pointer-events:none;background:linear-gradient(120deg,#0000 32%,#c4b5fd52 50%,#0000 68%);position:absolute;inset:0;transform:translate(-120%)}.signup-btn:hover{color:#fff;background:radial-gradient(120% 120% at 50% -20%,#818cf866,#0000 62%),linear-gradient(#6366f138,#8b5cf61a);border-color:#818cf8cc;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff3d,0 14px 28px -10px #6366f1e6,0 0 28px -8px #818cf8cc}.signup-btn:hover:after{transform:translate(120%)}.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)}.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:left;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}@media (prefers-reduced-motion:reduce){.auth-modal .auth-headline,.auth-modal .login-form>*{animation:none}}.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:left;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:right;margin-left: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-right: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-right: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{height:42px;color:var(--text-dim);white-space:nowrap;transition:color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:0 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.shop-tab-link:hover{color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--type) 15%, transparent), color-mix(in srgb, var(--type) 5%, transparent))}.shop-tab-link.active{color:#fff;background:linear-gradient(135deg, var(--type) 0%, var(--type-2,var(--type)) 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) 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{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:15px;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{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{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:10px;margin:0;font-size:12.5px;font-weight:800;display:flex}.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;left:9px;right: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: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:20px;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:linear-gradient(90deg, transparent, color-mix(in srgb, var(--type) 90%, transparent), transparent);height:2px;box-shadow:0 0 14px -2px color-mix(in srgb, var(--type) 75%, transparent);opacity:.85;position:absolute;inset:0 0 auto}@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{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));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:19px;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{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:28px;font-weight:800}.pack-reward-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-top:5px;font-size:10.5px;font-weight:800}.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);background:color-mix(in srgb, var(--type) 12%, transparent);border-radius:8px;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{border:1px solid color-mix(in srgb, #4f9bff 32%, var(--border-2));font-variant-numeric:tabular-nums;background:linear-gradient(#4f9bff29,#4f9bff0d);border-radius:999px;align-self:center;align-items:center;gap:7px;padding:6px 13px;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.pack-cost .fa-duo{--fa-primary-color:#4f9bff;--fa-secondary-color:#9ad0ff;--fa-primary-opacity:1;--fa-secondary-opacity:1;filter:drop-shadow(0 0 6px #4f9bff8c)}.pack-cost-num{color:var(--text);font-size:16px;font-weight:800}.pack-cost small{letter-spacing:.04em;color:color-mix(in srgb, #9ad0ff 60%, var(--text-faint));font-size:10.5px;font-weight:700}.pack-buy{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:#fff;cursor:pointer;width:100%;height:44px;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-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;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{border-radius:19px;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:center}.shop-tabbar{align-self:center}}.topup-balance.shop-wallet{display:none}@media (min-width:1080px){.topup-balance.shop-wallet{display:inline-flex}}.perf-debug-btn{color:#c7cbf5;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:11px;flex-shrink:0;align-items:center;gap:8px;padding:9px 15px;font-size:12.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:radial-gradient(120% 80% at 50% -10%,#6366f142,#0000 55%),radial-gradient(90% 60% at 100% 0,#22d3ee1f,#0000 58%),linear-gradient(#171724f2 0%,#0c0d13f7 100%);border:1px solid #ffffff1f;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 54px 120px -34px #000000eb,inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff0a,0 0 70px -28px #6366f180}.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-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{background:linear-gradient(150deg,#818cf84d,#22d3ee1f);border:1px solid #818cf873;border-radius:13px;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{letter-spacing:-.01em;background:linear-gradient(118deg,#fff 52%,#c4b5fd 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:16px;font-weight:800}.perf-sub{color:var(--text-faint);margin:2px 0 0;font-size:12px}.perf-total{border-bottom:1px solid #ffffff14;align-items:baseline;gap:11px;margin-bottom:18px;padding-bottom:16px;display:flex}.perf-total-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.perf-total-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#fff 30%,#c4b5fd 100%);color:#0000;filter:drop-shadow(0 0 16px #c4b5fd66);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800;line-height:1}.perf-total-num small{color:var(--text-faint);-webkit-text-fill-color:var(--text-faint);margin-left:5px;font-size:16px;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{color:var(--text);flex-direction:column;grid-area:label;font-size:13px;font-weight:700;line-height:1.2;display:flex}.perf-row-label small{color:var(--text-faint);font-size:10.5px;font-weight:500}.perf-row-ms{text-align:right;font-variant-numeric:tabular-nums;color:var(--text);grid-area:ms;font-size:14.5px;font-weight:800}.perf-row-ms small{color:var(--text-faint);margin-left:2px;font-size:10px;font-weight:700}.perf-row-bar{background:#00000057;border-radius:999px;grid-area:bar;height:7px;margin-top:3px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080,inset 0 0 0 1px #ffffff0a}.perf-row-bar>span{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:999px;display:block}.perf-foot{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;padding-top:16px;display:flex}.perf-chip{color:var(--text-dim);border:1px solid var(--border-2);font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;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-left:auto}.perf-paint{text-align:center;color:var(--text-faint);margin:12px 0 0;font-size:11.5px}.lang-modal.mantine-Modal-content{-webkit-backdrop-filter:blur(24px)saturate(1.45);background:radial-gradient(120% 80% at 50% -10%,#6366f14d,#0000 55%),radial-gradient(90% 60% at 100% 0,#22d3ee29,#0000 58%),linear-gradient(#171724f2 0%,#0c0d13f7 100%);border:1px solid #ffffff1f;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 54px 120px -34px #000000eb,inset 0 1px #ffffff2e,0 0 70px -26px #6366f18c}.lang-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}.lang-body.mantine-Modal-body{padding:0}.lang-picker{text-align:center;flex-direction:column;align-items:center;padding:clamp(26px,4vw,34px) clamp(22px,4vw,30px);display:flex}.lang-picker-logo{object-fit:contain;filter:drop-shadow(0 6px 16px #00000080);width:auto;max-width:180px;height:46px;margin-bottom:16px}.lang-picker-title{letter-spacing:-.02em;background:linear-gradient(118deg,#fff 50%,#c4b5fd 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:21px;font-weight:800}.lang-picker-sub{color:var(--text-dim);margin:4px 0 22px;font-size:14px}.lang-options{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.lang-option{border:1px solid var(--border-2);color:var(--text);cursor:pointer;transition:transform .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:16px;flex-direction:column;align-items:center;gap:9px;padding:20px 12px 16px;display:flex}.lang-option:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border-2));background:linear-gradient(#6366f129,#6366f10d);transform:translateY(-2px);box-shadow:0 16px 32px -16px #000c,0 0 26px -10px #818cf8b3}.lang-option:active{transform:translateY(0)}.lang-flag{border-radius:6px;margin:6px 0 10px;display:inline-flex;overflow:hidden;transform:scale(1.5);box-shadow:0 6px 16px -8px #000000b3}.lang-name{color:var(--text);font-size:15px;font-weight:800}.lang-name-sub{letter-spacing:.04em;color:var(--text-faint);font-size:11px;font-weight:600}.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:radial-gradient(120% 80% at 50% -10%,#ffffff12,#0000 55%),linear-gradient(#14141cf2,#0c0c12f7);border:1px solid #ffffff1f;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 50px 110px -34px #000000eb,inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff0a}.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{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:16px;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{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{color:var(--text-faint);margin:10px 0 0;font-size:12px}.confirm-actions{gap:10px;width:100%;margin-top:20px;display:flex}.confirm-cancel,.confirm-ok{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}.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{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;top:0;left:-45%}@keyframes confirmSpin{to{transform:rotate(360deg)}}@keyframes confirmCorePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes confirmProgress{0%{left:-45%}to{left:103%}}