:root{--bg:#f6f4fa;--surface:#fff;--ink:#17121f;--soft:#5a5268;--rule:#e2dceb;--primary:#6e26d9;--primary-ink:#fff;--link:#6e26d9;--focus:#3fb8e6;--muted-bg:#efeaf6;--accent:#3fb8e6;--ok:#1f7a4a;--ok-bg:#e5f3eb;--warn:#8a5a12;--warn-bg:#fbf0dc;--bad:#a8332b;--bad-bg:#f9e3e1;--face-a:#7a13c0;--face-b:#3a1272;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0f17;--surface:#151a26;--ink:#f1eef8;--soft:#b6aec6;--rule:#2a3142;--primary:#8b52e0;--link:#b194f5;--muted-bg:#1c2232;--ok:#5cc28c;--ok-bg:#12291d;--warn:#e3b15c;--warn-bg:#2b2210;--bad:#f08a80;--bad-bg:#2e1614;--face-a:#5b1a9e;--face-b:#1e1440}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:400 16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0;font-size:26px;line-height:1.2}h2{margin:0;font-size:18px}p{margin:0}a,.link{color:var(--link);font-weight:600;text-decoration:none}a:hover,.link:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.soft{color:var(--soft)}.small{font-size:13px}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.pre{white-space:pre-line}.stack{gap:16px;display:grid}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:200px;min-width:0}.narrow{width:100%;max-width:640px;margin:0 auto}.shell{flex-direction:column;min-height:100vh;display:flex}.envbar{background:var(--warn-bg);color:var(--warn);text-align:center;padding:6px 16px;font-size:13px;font-weight:700}.top{background:var(--surface);border-bottom:1px solid var(--rule);z-index:5;flex-wrap:wrap;align-items:center;gap:14px;padding:10px max(16px,50% - 580px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.brand b{color:var(--primary)}.brand img{height:34px}.nav{flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto;display:flex}.nav a{color:var(--soft);border-bottom:2px solid #0000;padding:6px 0}.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--primary)}.cartlink{align-items:center;gap:6px;display:inline-flex}.badge{background:var(--primary);color:var(--primary-ink);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:inline-grid}main{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:24px 16px 64px}.foot{border-top:1px solid var(--rule);gap:4px;padding:20px max(16px,50% - 580px);font-size:13px;display:grid}.hero{background:linear-gradient(135deg, var(--face-a), var(--face-b));color:#fff;border-radius:18px;gap:8px;padding:28px 24px;display:grid}.hero h1{font-size:clamp(22px,4vw,32px)}.hero p{opacity:.9;max-width:56ch}.pills{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.pill{white-space:nowrap;border:2px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 14px;font-weight:600}.pill[aria-current=page]{border-color:var(--primary);background:var(--muted-bg)}.pill:hover{border-color:var(--primary);text-decoration:none}.products{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:14px;display:grid}.product{background:var(--surface);border:1px solid var(--rule);border-radius:16px;gap:12px;padding:12px;display:grid}.product.out .face{filter:grayscale(.7);opacity:.7}.face{aspect-ratio:1.586;background:linear-gradient(135deg, var(--face-a), var(--face-b));color:#fff;border-radius:12px;grid-template-rows:auto 1fr auto;padding:14px;display:grid;position:relative;overflow:hidden}.face:after{content:"";background:var(--accent);opacity:.18;border-radius:50%;width:110px;height:110px;position:absolute;top:-30px;right:-30px}.face:hover{text-decoration:none}.facebrand{font-size:15px;font-weight:700}.facevalue{align-self:center;font-size:28px;font-weight:800}.region{opacity:.85;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.price{font-variant-numeric:tabular-nums;font-size:17px}.small-btn{min-height:36px;padding:8px 12px;font-size:14px}.detail{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.big-face{width:100%;max-width:420px}.big-face .facevalue{font-size:44px}.big-price{font-size:26px;font-weight:800}.notice{background:var(--warn-bg);color:var(--warn);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600}@media (max-width:720px){.detail{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:18px}label{gap:6px;font-size:14px;font-weight:600;display:grid}label.inline{align-items:center;gap:10px;display:flex}input,select,textarea{font:inherit;color:var(--ink);background:var(--bg);border:2px solid var(--rule);border-radius:10px;width:100%;min-width:0;padding:10px 12px}label.inline select{width:auto}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}.code-input{letter-spacing:.3em;max-width:12ch;font:700 24px/1 ui-monospace,Menlo,Consolas,monospace}button,.button{border:2px solid var(--rule);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font:600 15px/1 inherit;display:inline-flex}button:hover,.button:hover{border-color:var(--primary);text-decoration:none}button.primary,.button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}button.wide{width:100%}button.link{background:0 0;border:0;min-height:0;padding:0}button:disabled{opacity:.5;cursor:not-allowed}.hint{color:var(--soft);font-size:13px}.error{color:var(--bad);font-weight:600}.checkout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:820px){.checkout{grid-template-columns:1fr}}ul.lines{margin:0;padding:0;list-style:none;display:grid}ul.lines li{border-bottom:1px solid var(--rule);padding:12px 0}ul.lines li:last-child{border-bottom:0}.qty{width:36px;min-height:36px;padding:0;font-size:18px}.qtyn{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch}.num{font-variant-numeric:tabular-nums;text-align:right;min-width:9ch}.total{padding-top:8px;font-size:18px}.orderrow{color:var(--ink);font-weight:400}.steps{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.steps li{text-align:center;color:var(--soft);border-top:4px solid var(--rule);padding-top:10px;font-size:13px;font-weight:600}.steps li.done{color:var(--ink);border-top-color:var(--primary)}.pulse{border-color:var(--primary);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 20%, transparent)}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}.secret-code{background:var(--muted-bg);border:2px dashed var(--primary);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.secret-code .mono{letter-spacing:.06em;word-break:break-all;font-size:20px;font-weight:700}.chip{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.wait{background:var(--warn-bg);color:var(--warn)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.chip.muted{background:var(--muted-bg);color:var(--soft)}