:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--panel:#fff;--panel-2:#edf1f8;--line:#e3e8f1;--line-2:#dae0eb;--line-3:#c6cfdf;--text:#0f172a;--text-2:#334155;--muted:#5b6680;--accent:#2d56c2;--brand:#2d56c2;--brand-2:#4069d6;--brand-shadow:#1d3a8a;--shadow:#d3dae7;--ok:#137338;--err:#c62828;--warn:#a44b06;--placeholder:#66718c;--danger:#c62828;--danger-2:#d94141;--danger-shadow:#8a1c1c;--backdrop:#0f172a66;--m-send:#087a53;--m-gamepass:#9a5206;--m-gift:#8f3bd6;--mono:"JetBrains Mono", monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Archivo,system-ui,sans-serif}a{color:var(--accent)}a:hover{color:var(--text)}input::placeholder,textarea::placeholder{color:var(--placeholder)}button{color:inherit;font-family:Archivo,sans-serif}button:disabled{opacity:.5;cursor:not-allowed!important}.wrap{max-width:1200px;margin:0 auto;padding:80px 24px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.wide{font-weight:900;font-stretch:125%}.h2{letter-spacing:-.02em;margin:0;font-size:36px;font-weight:900;font-stretch:125%}.section{overflow-x:clip}.section.alt{background:var(--panel);border-block:1px solid var(--line)}.topbar{background:var(--panel);border-bottom:1px solid var(--line)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:800}.card{background:var(--panel);border:1px solid var(--line-2);border-radius:12px}.label{color:var(--text-2);font-size:13px;font-weight:700}.input{background:var(--panel);border:1px solid var(--line-3);color:var(--text);border-radius:9px;width:100%;min-width:0;padding:14px;font-family:Archivo,sans-serif;font-size:16px}.input:focus,.field:focus-within{outline:2px solid var(--accent);outline-offset:1px}.btn-primary{color:#fff;background:var(--brand);border:1px solid var(--brand-2);box-shadow:0 4px 0 var(--brand-shadow);white-space:nowrap;cursor:pointer;text-align:center;border-radius:9px;padding:15px 24px;font-size:16px;font-weight:800;font-stretch:112%;text-decoration:none;display:inline-block}.btn-primary:hover{color:#fff}.btn-ghost{color:var(--text);background:var(--panel-2);border:1px solid var(--line-3);box-shadow:0 4px 0 var(--shadow);cursor:pointer;border-radius:9px;padding:15px 22px;font-size:16px;font-weight:800;text-decoration:none}.choice{text-align:left;color:var(--text);cursor:pointer;background:var(--bg);border:1px solid var(--line-2);box-shadow:0 4px 0 var(--shadow);border-radius:9px;padding:13px 12px 12px;position:relative}.choice[aria-pressed=true]{background:var(--panel-2);border:2px solid var(--accent);box-shadow:0 4px 0 var(--brand)}.pkg-badge{color:#fff;background:var(--accent);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;top:-9px;right:8px}.pick{background:var(--panel-2);border:1px solid var(--line-2);border-radius:9px;flex-direction:column;gap:10px;padding:12px;display:flex}.tab{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:11px 8px;font-size:14px;font-weight:700}.tab[aria-selected=true]{background:var(--brand);color:#fff;box-shadow:0 3px 0 var(--brand-shadow)}.avatar{background:var(--panel-2);width:40px;height:40px;color:var(--text-2);border-radius:7px;flex-shrink:0;place-items:center;font-size:14px;font-weight:900;font-stretch:125%;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;animation:.3s ease-out fade}.err{color:var(--err);white-space:pre-line}.ok{color:var(--ok)}.warn{color:var(--warn)}.row{justify-content:space-between;gap:12px;display:flex}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}::selection{background:var(--brand-2);color:#fff}*{scrollbar-color:var(--line-3) transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 100px var(--panel) inset}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.select{position:relative}.select>.input{text-align:left;cursor:pointer;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%235B6680' stroke-width='2'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:40px}.select [aria-expanded=true]{outline:2px solid var(--accent);outline-offset:1px}.select ul{z-index:5;background:var(--panel);border:1px solid var(--line-3);border-radius:9px;outline:none;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 8px 24px #0f172a1f}.select li{cursor:pointer;border-radius:6px;padding:10px 12px}.select li[data-hi]{background:var(--panel-2)}.select li[aria-selected=true]{color:var(--accent);font-weight:700}input[type=checkbox]{appearance:none;border:1.5px solid var(--placeholder);background:var(--bg) center / 14px no-repeat;cursor:pointer;border-radius:5px;flex-shrink:0;width:20px;height:20px;margin:0;position:relative}input[type=checkbox]:checked{border-color:var(--brand-2);background-color:var(--brand-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23fff' stroke-width='2.25'%3E%3Cpath d='m2.5 7.5 3 3 6-7'/%3E%3C/svg%3E")}input.switch{background:var(--line-2);background-image:none;border-radius:999px;width:40px;height:24px}input.switch:before{content:"";background:var(--muted);border-radius:50%;width:15px;height:15px;transition:transform .15s;position:absolute;top:3px;left:3px}input.switch:checked{background-image:none}input.switch:checked:before{background:#fff;transform:translate(16px)}.stepper{align-items:center;gap:6px;display:flex}.stepper button{border:1px solid var(--line-3);background:var(--bg);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;font-size:18px}.stepper span{text-align:center;min-width:24px}.stepper-input{background:var(--bg);border:1px solid var(--line-3);border-radius:9px;padding:5px}.stepper-input:focus-within{outline:2px solid var(--accent);outline-offset:1px}.stepper-input button{background:var(--panel-2);border:0;width:44px;height:44px}.stepper-input input{min-width:0;color:var(--text);text-align:center;background:0 0;border:0;outline:none;flex:1;align-self:stretch;font-size:16px}.segmented{background:var(--bg);border:1px solid var(--line-3);border-radius:9px;gap:4px;padding:4px;display:flex}.segmented .tab{flex:1;padding:9px 8px}.segmented .tab[aria-pressed=true]{background:var(--brand);color:#fff;box-shadow:0 3px 0 var(--brand-shadow)}.drop{border:1.5px dashed var(--line-3);cursor:pointer;color:var(--text-2);border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.drop[data-over],.drop:hover{border-color:var(--accent);background:var(--panel-2)}.drop:focus-within{outline:2px solid var(--accent);outline-offset:1px}.skel{background:linear-gradient(90deg, var(--panel-2) 30%, var(--line-3) 50%, var(--panel-2) 70%) 0 0 / 300% 100%;animation:1.4s linear infinite skel}@keyframes skel{0%{background-position:100% 0}to{background-position:0 0}}.state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.modal{background:var(--panel);width:min(420px,100% - 32px);color:var(--text);border:1px solid var(--line-3);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.modal:not([open]){display:none}.modal::backdrop{background:var(--backdrop)}.btn-primary.danger{background:var(--danger);border-color:var(--danger-2);box-shadow:0 4px 0 var(--danger-shadow)}.toasts{z-index:10;pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100% - 32px);display:flex;position:fixed;bottom:16px;left:50%;translate:-50%}.toast{background:var(--panel-2);border:1px solid var(--line-3);border-left:3px solid var(--ok);box-shadow:0 4px 0 var(--shadow);border-radius:9px;padding:12px 16px;font-size:14px}.toast.err{border-left-color:var(--err)}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}.banner{background:var(--panel-2);border:1px solid var(--line-3);border-left:3px solid var(--warn);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.field[data-err]{border-color:var(--err)!important}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled{opacity:.5}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;scale:.6}}.pop{animation:.25s cubic-bezier(.3,1.5,.6,1) pop}.btn-primary,.btn-ghost,.choice{transition:translate 80ms,box-shadow 80ms}.btn-primary:active:not(:disabled),.btn-ghost:active:not(:disabled),.choice:active{box-shadow:none;translate:0 4px}.rbx{white-space:nowrap;align-items:center;gap:.25em;display:inline-flex}.chip{color:var(--text);background:color-mix(in srgb, var(--m) 12%, var(--panel));white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:3px 9px 3px 6px;font-size:13px;font-weight:700;display:inline-flex}.order-card{border-top:3px solid var(--m);box-shadow:0 8px 0 var(--shadow);border-radius:14px;flex-direction:column;gap:22px;padding:24px;scroll-margin-top:16px;transition:border-color .25s;display:flex}.tabs{background:var(--bg);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;display:grid;position:relative}.tab-ind{background:color-mix(in srgb, var(--m) 12%, var(--panel));width:calc(33.3333% - 7.33333px);box-shadow:inset 0 -3px 0 var(--m);translate:calc(var(--i) * (100% + 6px)) 0;border-radius:7px;transition:translate .28s cubic-bezier(.3,.7,.4,1),background-color .28s,box-shadow .28s;position:absolute;top:5px;bottom:5px;left:5px}.tabs .tab{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;display:flex;position:relative}.tabs .tab[aria-selected=true]{color:var(--text);box-shadow:none;background:0 0}.fast-buy{box-shadow:0 8px 0 var(--shadow);border-radius:14px;flex-direction:column;gap:20px;padding:24px;display:flex}.hot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hot{border-top:3px solid var(--m);flex-direction:column;gap:4px;display:flex}.hot-m{color:var(--m);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}html{scroll-behavior:smooth}.cmp-cards{gap:12px;display:none}@media (width<=640px){.hide-sm,.cmp-table{display:none}.cmp-cards{display:grid}}@media (width<=400px){.order-card,.fast-buy{padding:18px}.hot-grid{gap:8px}.hot{padding-inline:10px}}.glow{isolation:isolate;position:relative}.glow:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#2d56c21f,#0000);position:absolute;inset:-80px}.reveal{transition:opacity .6s ease-out,translate .6s ease-out}.reveal:not(.in){opacity:0;translate:0 16px}.footer{background:var(--panel);border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;max-width:1200px;margin:0 auto;padding:56px 24px 32px;display:grid}.footer nav,.footer-grid>div{flex-direction:column;gap:4px;display:flex}.footer h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 8px;font-size:13px;font-weight:800}.footer a{color:var(--text-2);text-decoration:none}.footer a:hover{color:var(--accent)}.footer nav a,.footer nav span{align-items:center;min-height:36px;display:inline-flex}@media (width<=640px){.footer nav a,.footer nav span{min-height:44px}}.footer .footer-bottom nav{flex-flow:wrap;gap:4px 20px}.paychip{letter-spacing:.04em;color:var(--muted);border:1px solid var(--line-3);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:800}.footer-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;max-width:1200px;margin:0 auto;padding:20px 24px 40px;font-size:13px;display:flex}.footer-bottom span{max-width:640px;line-height:1.5}::view-transition-old(root){animation:.15s ease-in both vt-out}::view-transition-new(root){animation:.2s ease-out both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal:not(.in){opacity:1;translate:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}
