:root { --bg:#080d16; --panel:#101827; --panel-2:#172337; --text:#eef7ff; --muted:#8fa8c4; --accent:#4dc7ff; --line:#283b55; --danger:#ff7d7d; --scroll-track:rgba(143,168,196,.16); --scroll-thumb:rgba(77,199,255,.72); }
[data-theme="light"] { --bg:#f3f7fb; --panel:#ffffff; --panel-2:#e8f1f8; --text:#152238; --muted:#687f98; --accent:#239fe7; --line:#cddbe8; --danger:#d94f5c; --scroll-track:rgba(104,127,152,.16); --scroll-thumb:rgba(35,159,231,.72); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--bg); font:15px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { display:flex; flex-direction:column; min-height:100vh; min-height:100dvh; }
body > main { flex:1 0 auto; min-width:0; }
body > .topbar, body > .site-footer { flex-shrink:0; }
body { opacity:0; transition:opacity .22s ease; }
body.page-ready { opacity:1; }
body.progressive-page { opacity:1; }
.account-pending { position:relative; }
.account-pending > * { visibility:hidden; }
.account-pending::after { content:""; position:absolute; right:0; width:140px; height:30px; border-radius:8px; background:var(--panel-2); }
.loading-card { min-height:260px; padding-bottom:20px; pointer-events:none; }
.loading-cover { aspect-ratio:16/9; background:var(--panel-2); }
.loading-line { height:14px; margin:18px 20px 0; border-radius:6px; background:var(--panel-2); }
.loading-line.short { width:45%; }
.case-media { position:relative; display:block; width:100%; height:100%; }
.case-media.is-loading > img, .case-media.is-error > img { opacity:0; }
.case-media > img { transition:opacity .18s ease; }
.case-media-loader, .case-media-error { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; font:13px/1.4 ui-sans-serif,system-ui,sans-serif; color:var(--muted); }
.case-media-spinner { width:30px; height:30px; border:3px solid var(--line); border-top-color:var(--accent); border-radius:50%; animation:case-image-spin .8s linear infinite; }
.case-media:not(.is-loading) .case-media-loader, .case-media:not(.is-error) .case-media-error { display:none; }
@keyframes case-image-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .case-media-spinner { animation:none; } .case-media > img { transition:none; } }
body.page-ready .brand:not(.settings-pending) { opacity:1; }
body:not(.page-ready) .brand.settings-pending { opacity:0; pointer-events:none; }
a { color:inherit; text-decoration:none; }
button, input, textarea, select { font:inherit; }
button { cursor:pointer; }
.topbar { height:76px; padding:0 max(24px, calc((100% - 1440px) / 2)); border-bottom:1px solid var(--line); display:flex; align-items:center; gap:42px; position:sticky; top:0; z-index:5; background:rgba(13,16,24,.9); backdrop-filter:blur(16px); }
.brand-group { display:flex; align-items:center; gap:10px; margin-right:auto; min-width:0; }.brand { font-weight:800; font-size:20px; letter-spacing:-.04em; display:flex; align-items:center; gap:10px; min-width:0; }.brand-mark { display:grid; place-items:center; min-width:30px; width:max-content; height:30px; padding:0 7px; border-radius:10px; color:#111; background:var(--accent); white-space:nowrap; }
.theme-toggle { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--panel-2); font-size:20px; line-height:1; transition:.2s; }.theme-toggle:hover { color:var(--accent); border-color:var(--accent); transform:translateY(-1px); }
nav { display:flex; align-items:center; gap:25px; color:var(--muted); position:absolute; left:50%; transform:translateX(-50%); } nav a:hover { color:var(--text); }.account { display:flex; gap:9px; align-items:center; min-width:210px; justify-content:flex-end; }
.button { border:0; border-radius:10px; padding:10px 16px; font-weight:700; transition:.2s; display:inline-block; text-align:center; }.button:hover { transform:translateY(-1px); filter:brightness(1.07); }.button.primary { color:#111; background:var(--accent); }.button.ghost { color:var(--text); background:var(--panel-2); border:1px solid var(--line); }.button.large { padding:14px 22px; margin-top:18px; }
.hero { min-height:580px; padding:100px max(24px, calc((100% - 1440px) / 2)) 85px; display:flex; align-items:center; justify-content:space-between; gap:50px; background:radial-gradient(circle at 75% 40%, rgba(53,125,184,.2), transparent 32%), linear-gradient(130deg, #0b1421, #080d16 65%); }.eyebrow { color:var(--accent); font-size:11px; letter-spacing:.16em; font-weight:800; margin:0 0 14px; }.hero h1 { font-size:clamp(44px,6vw,78px); line-height:.98; letter-spacing:-.07em; margin:0; }.hero h1 span { color:var(--accent); }.hero-copy { color:var(--muted); max-width:430px; margin:25px 0 0; font-size:17px; }.hero-card { width:270px; min-height:310px; padding:28px; border:1px solid #315d79; border-radius:22px; background:linear-gradient(145deg,#18324a,#111c29 75%); transform:rotate(4deg); box-shadow:0 25px 70px rgba(0,0,0,.3); }.hero-orb { font-size:75px; color:var(--accent); line-height:1; margin-bottom:74px; text-shadow:0 0 40px rgba(77,199,255,.72); }.hero-card p { color:var(--muted); margin:0 0 4px; }.hero-card strong { font-size:22px; line-height:1.08; }.hero-line { display:block; width:70px; height:4px; border-radius:4px; background:var(--accent); margin-top:25px; }
.section { padding:75px max(24px, calc((100% - 1440px) / 2)); }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:28px; }.section-heading h2 { font-size:34px; line-height:1; letter-spacing:-.05em; margin:0; }.muted { color:var(--muted); }.product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }.product-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--panel); }.product-cover { height:auto; aspect-ratio:16/9; display:grid; place-items:center; overflow:hidden; font-size:76px; background:radial-gradient(circle at 65% 30%,#244765,#1b2331 65%); }.product-media-icon { display:grid; place-items:center; width:100%; height:100%; font-size:76px; }.product-media-image { width:100%; height:100%; object-fit:contain; display:block; padding:8px; }.product-info { display:flex; flex:1; flex-direction:column; padding:19px; }.product-title { min-height:48px; font-weight:800; font-size:20px; line-height:1.2; margin:0 0 4px; }.product-platform { min-height:18px; color:var(--accent); font-size:12px; font-weight:700; }.product-description { color:var(--muted); min-height:48px; margin:12px 0 18px; }.product-bottom { display:flex; justify-content:space-between; align-items:end; gap:10px; margin-top:auto; }.product-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }.product-actions .button { padding:9px 10px; font-size:12px; }.price { font-size:20px; font-weight:800; }.stock { color:var(--muted); font-size:12px; }.out { color:var(--danger); }
.product-bottom > div:first-child { flex:0 0 auto; }
.price { white-space:nowrap; }
.product-page { min-height:560px; }.back-link { color:var(--accent); display:inline-block; margin-bottom:28px; }.product-detail-grid { display:grid; grid-template-columns:minmax(280px,.9fr) 1.1fr; gap:55px; align-items:center; }.product-detail-cover { height:420px; overflow:hidden; display:grid; place-items:center; border-radius:22px; background:radial-gradient(circle at 65% 30%,#244765,#1b2331 65%); font-size:150px; }.product-detail-cover .product-media-image { object-fit:contain; padding:16px; }.product-detail-copy h1 { font-size:clamp(38px,6vw,70px); line-height:.98; letter-spacing:-.06em; margin:0 0 25px; }.product-detail-description { color:var(--muted); font-size:18px; white-space:pre-line; max-width:600px; }.product-detail-meta { display:flex; align-items:end; gap:20px; margin-top:28px; }.product-detail-meta strong { font-size:30px; }.empty-state { padding:80px 0; text-align:center; }
.product-recommendations { margin-top:76px; }.product-recommendations .section-heading { margin-bottom:24px; }.product-recommendations .product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width:980px) { .product-recommendations .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .product-recommendations .product-grid { grid-template-columns:1fr; } }
.profile-grid,.admin-grid { display:grid; grid-template-columns:300px 1fr; gap:16px; }.profile-card,.orders-card,.admin-card { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:22px; }.profile-card h3,.admin-card h3 { margin:0 0 17px; }.balance { color:var(--accent); font-size:30px; font-weight:800; margin:7px 0 22px; }.profile-email { color:var(--muted); word-break:break-all; }.order-row,.admin-row { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 0; border-bottom:1px solid var(--line); }.order-row:last-child,.admin-row:last-child { border-bottom:0; }.order-main { display:flex; flex-direction:column; gap:12px; min-width:0; flex:1; }.order-number { flex:0 0 auto; white-space:nowrap; color:var(--muted); }.order-key { color:var(--accent); font-family:monospace; font-size:13px; background:#153044; padding:5px 8px; border-radius:6px; display:block; width:100%; max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal; }.order-copy-button,.order-link { font:inherit; color:var(--accent); overflow-wrap:anywhere; white-space:pre-wrap; }.order-copy-button { padding:2px 5px; border:1px solid transparent; border-radius:5px; background:rgba(77,199,255,.08); cursor:pointer; }.order-copy-button:hover { border-color:var(--accent); background:rgba(77,199,255,.16); }.order-link { text-decoration:underline; }.admin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-row small { color:var(--muted); display:block; }.admin-actions { display:flex; gap:7px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }.admin-actions input { width:100px; }.admin-title-line { display:flex; gap:9px; align-items:center; flex-wrap:wrap; }.status { border-radius:999px; padding:3px 8px; font-size:11px; font-weight:700; }.status-active { color:#111; background:var(--accent); }.status-hidden { color:#ffb0b0; background:#49272c; }.danger { background:#49272c; color:#ffb0b0; border:0; border-radius:7px; padding:7px 10px; }
.form { display:grid; gap:13px; }.form label { display:grid; gap:6px; color:var(--muted); font-size:13px; }.form input,.form textarea,.form select { width:100%; color:var(--text); background:#0d1725; border:1px solid var(--line); border-radius:8px; padding:10px; outline:none; }.form textarea { white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal; overflow-x:hidden; resize:vertical; }.form textarea.key-list-editor { white-space:pre; overflow-x:auto; overflow-wrap:normal; word-break:normal; }.form input:focus,.form textarea:focus,.form select:focus { border-color:var(--accent); }.form select option { background:var(--panel); }.compact { gap:11px; }.modal { position:fixed; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.7); z-index:10; padding:20px; overflow:auto; opacity:1; visibility:visible; transition:opacity .22s ease, visibility .22s ease; }.modal.hidden { display:grid !important; opacity:0; visibility:hidden; pointer-events:none; }.modal-box { position:relative; width:min(430px,100%); background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:28px; box-shadow:0 20px 80px #000; opacity:1; transform:translateY(0) scale(1); transition:opacity .24s ease, transform .24s cubic-bezier(.2,.8,.2,1); }.modal.hidden .modal-box { opacity:0; transform:translateY(12px) scale(.97); }.modal-box.wide { width:min(620px,100%); }.modal-box h2 { margin:0 0 7px; }.modal-box p { color:var(--muted); }.modal-close { position:absolute; top:12px; right:15px; background:none; border:0; color:var(--muted); font-size:26px; }.modal-switch { color:var(--accent); cursor:pointer; }.verify-link { word-break:break-all; color:var(--accent); }.toast { position:fixed; right:22px; bottom:22px; max-width:360px; background:var(--panel-2); border:1px solid var(--line); padding:14px 17px; border-radius:10px; opacity:0; transform:translateY(10px); pointer-events:none; transition:.25s; z-index:20; }.toast.show { opacity:1; transform:none; }.toast.error { border-color:#833f47; }.hidden { display:none !important; }footer { display:flex; justify-content:space-between; padding:30px max(24px, calc((100% - 1440px) / 2)); border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
@media (prefers-reduced-motion:reduce) { body, .modal, .modal-box, .toast { transition:none !important; }.purchase-spinner { animation:none; } }
body.product-preview-open { overflow:hidden; }
#product-preview-modal { -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.product-preview-box { width:min(960px,100%); max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px); overflow-y:auto; overscroll-behavior:contain; }
.product-preview-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:28px; }
.product-preview-cover { display:grid; place-items:center; aspect-ratio:4/3; min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--panel-2); }
.product-preview-cover .product-media-image { min-height:0; object-fit:contain; padding:8px; }
.product-preview-copy { min-width:0; }
.modal-box .product-preview-title { padding-right:24px; margin:0; font-size:clamp(24px,4vw,32px); line-height:1.15; overflow-wrap:anywhere; }
.modal-box .product-preview-description { margin:18px 0 24px; white-space:pre-line; overflow-wrap:anywhere; line-height:1.6; }
.product-preview-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding-top:18px; border-top:1px solid var(--line); }
.product-preview-meta { display:flex; flex-direction:column; gap:4px; }
.product-preview-meta strong { font-size:30px; white-space:nowrap; }
.product-preview-buy { padding:14px 22px; }
@media (max-width:720px) { .product-preview-box { padding-top:56px; }.product-preview-box .modal-close { top:6px; right:10px; width:44px; height:44px; display:grid; place-items:center; padding:0; line-height:1; }.product-preview-layout { grid-template-columns:minmax(0,1fr); gap:20px; }.product-preview-cover { aspect-ratio:auto; height:clamp(160px,30vh,260px); height:clamp(160px,30dvh,260px); } }
@media (max-width:480px) { .product-preview-box { padding:56px 20px 24px; } }
.status-pending { color:#ffe2a3; background:#4b3c22; }
.user-registration-number { color:var(--accent) !important; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:11px; overflow-wrap:anywhere; }
.topups-description { margin:0 0 18px; }
.topup-history-table { min-width:1180px; }
.topup-history-table td { vertical-align:top; white-space:normal; }
.topup-history-table code { color:var(--accent); background:#153044; border-radius:5px; padding:4px 6px; font-size:11px; overflow-wrap:anywhere; }
.topup-history-table small { display:block; color:var(--muted); margin-top:5px; line-height:1.3; }
.topup-payment-id { max-width:180px; overflow-wrap:anywhere; }
.topup-bonus { color:var(--accent); font-weight:700; }
.topup-credit-button { white-space:nowrap; padding:8px 11px; font-size:12px; }
.purchase-progress { text-align:center; padding:10px 0 4px; }.purchase-progress h2 { margin-top:14px; }.purchase-progress .muted { margin:8px 0; }.purchase-wait-note { color:var(--accent) !important; font-weight:700; }.purchase-progress-hint { font-size:12px; }.purchase-spinner { display:block; width:48px; height:48px; margin:0 auto; border:3px solid color-mix(in srgb, var(--accent) 22%, transparent); border-top-color:var(--accent); border-right-color:var(--accent); border-radius:50%; animation:purchase-spin .85s linear infinite; }
@keyframes purchase-spin { to { transform:rotate(360deg); } }
@media (max-width:720px) {
  .topup-history-table { min-width:1180px; }
  .topup-history-table td { padding:10px 8px; }
}
@media (max-width:720px) { .topbar { padding:0 18px; gap:15px; }.topbar nav { display:none; }.account { min-width:0; }.account .button { padding:8px 10px; font-size:12px; }.hero { padding:75px 8vw; min-height:0; }.hero-card { display:none; }.section { padding:55px 6vw; }.section-heading h2 { font-size:28px; }.profile-grid,.admin-grid,.product-detail-grid { grid-template-columns:1fr; }.product-detail-cover { height:280px; }.order-row,.admin-row { align-items:flex-start; flex-direction:column; }.admin-actions { width:100%; justify-content:flex-start; }.admin-actions input { flex:1; }.product-bottom { align-items:flex-start; flex-direction:column; }.product-actions { justify-content:flex-start; } }
.brand-logo-image { width:22px; height:22px; object-fit:cover; border-radius:6px; display:block; }.support-header-button { flex-shrink:0; background:transparent !important; border-color:transparent !important; }.support-modal { backdrop-filter:blur(8px); }.support-box { width:min(580px,100%); }.support-messages { height:310px; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none; display:flex; flex-direction:column; gap:10px; padding:8px 12px 14px; margin:12px 0; }.support-messages::-webkit-scrollbar { display:none; width:0; height:0; }.support-message { max-width:84%; padding:10px 13px; border-radius:12px; white-space:pre-wrap; word-break:break-word; }.support-message small { display:block; color:var(--muted); font-size:11px; margin-top:5px; }.support-user { align-self:flex-end; background:#153849; }.support-admin { align-self:flex-start; background:var(--panel-2); }.support-empty { text-align:center; margin:auto; }.support-form textarea { width:100%; resize:vertical; color:var(--text); background:#0d1725; border:1px solid var(--line); border-radius:8px; padding:10px; outline:none; }.support-form-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px; }.support-form button:disabled { opacity:.45; cursor:not-allowed; }
.custom-scrollbox { position:relative; min-width:0; margin:12px 0; }.custom-scrollbox .support-messages { margin:0; padding-right:18px; }.custom-scrollbar { position:absolute; top:8px; right:4px; bottom:8px; z-index:3; width:6px; border-radius:99px; background:var(--scroll-track); opacity:.9; transition:opacity .2s; touch-action:none; }.custom-scrollbar span { position:absolute; top:0; left:0; width:100%; min-height:28px; border-radius:99px; background:var(--scroll-thumb); box-shadow:0 0 8px color-mix(in srgb, var(--scroll-thumb) 45%, transparent); cursor:grab; touch-action:none; }.custom-scrollbar span:active { cursor:grabbing; }.custom-scrollbar.is-hidden { opacity:0; pointer-events:none; }
.admin-page h1,.orders-page h1 { font-size:42px; line-height:1; letter-spacing:-.06em; margin:0; }.header-balance { font-weight:800; color:var(--accent); white-space:nowrap; }.topup-header-button { padding:8px 10px; font-size:12px; }.icon-button { width:31px; height:31px; padding:0; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:var(--panel-2); font-size:19px; line-height:1; }.icon-button:hover { color:var(--text); border-color:var(--accent); }.card-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }.card-heading h3 { margin-bottom:0; }.stats-card { grid-column:span 1; }.stats-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0; }.stat-item { padding:12px; border-radius:10px; background:var(--panel-2); }.stat-item span { display:block; color:var(--muted); font-size:12px; }.stat-item strong { display:block; color:var(--accent); font-size:20px; margin-top:3px; }.stats-table-wrap { overflow:auto; max-height:340px; }.stats-table { width:100%; border-collapse:collapse; min-width:650px; font-size:12px; }.stats-table th,.stats-table td { padding:9px 7px; text-align:left; border-bottom:1px solid var(--line); white-space:nowrap; }.stats-table th { color:var(--muted); font-weight:600; }.support-admin-card { margin:16px 0; }.support-admin-layout { display:grid; grid-template-columns:280px 1fr; gap:16px; margin-top:18px; }.support-conversations { display:flex; flex-direction:column; gap:7px; max-height:430px; overflow-y:auto; }.support-conversation { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; text-align:left; color:var(--text); background:var(--panel-2); border:1px solid transparent; border-radius:10px; padding:11px; }.support-conversation:hover,.support-conversation.selected { border-color:var(--accent); }.support-conversation span { min-width:0; }.support-conversation strong,.support-conversation small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.support-conversation small { color:var(--muted); margin-top:3px; }.unanswered-badge { color:#111; background:var(--accent); border-radius:999px; padding:3px 7px; font-size:11px; }.support-admin-chat { min-width:0; }.chat-title { padding:10px 0 13px; border-bottom:1px solid var(--line); font-weight:700; }.support-admin-chat .support-messages { height:285px; border-bottom:1px solid var(--line); }.support-admin-chat .support-user { align-self:flex-start; background:var(--panel-2); }.support-admin-chat .support-admin { align-self:flex-end; background:#153849; }.support-admin-chat .support-form { margin-top:12px; }
.settings-pending { visibility:hidden; }.orders-profile-card { min-height:250px; }.profile-avatar { position:relative; overflow:hidden; width:74px; height:74px; border-radius:22px; display:grid; place-items:center; color:#fff; font-size:23px; font-weight:800; letter-spacing:.03em; margin-bottom:18px; box-shadow:0 12px 28px rgba(0,0,0,.2); }.profile-avatar-image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; opacity:0; }.profile-avatar-image.loaded { opacity:1; }.profile-balance-label { color:var(--muted); font-size:12px; margin-top:18px; }.orders-profile-card .balance { margin:3px 0 16px; }
.admin-quick-actions { display:flex; flex-wrap:wrap; gap:9px; margin:-8px 0 24px; }.admin-quick-actions .button { font-size:13px; }.stock-dashboard-card { margin:16px 0; }.stock-dashboard { display:grid; gap:12px; margin-top:18px; }.stock-row { display:grid; grid-template-columns:minmax(150px,1fr) minmax(120px,2fr) 42px; gap:14px; align-items:center; }.stock-row small { display:block; color:var(--muted); margin-top:2px; }.stock-row b { color:var(--accent); text-align:right; }.stock-meter { height:8px; border-radius:99px; background:var(--panel-2); overflow:hidden; }.stock-meter span { display:block; height:100%; min-width:4px; border-radius:99px; background:var(--accent); }.admin-more-link { margin-top:14px; }.order-history-table code { color:var(--accent); background:#153044; border-radius:5px; padding:4px 6px; font-size:12px; }.contest-delete-button { margin-top:12px; }
.admin-list-toolbar { display:flex; gap:9px; align-items:center; margin:14px 0 4px; }.admin-list-toolbar input,.admin-list-toolbar select { min-width:0; flex:1; color:var(--text); background:#0d1725; border:1px solid var(--line); border-radius:8px; padding:10px; outline:none; }.admin-list-toolbar select { flex:0 1 310px; }.admin-list-toolbar input:focus,.admin-list-toolbar select:focus { border-color:var(--accent); }.admin-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding-top:12px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }.admin-pagination .button { padding:8px 11px; font-size:12px; }.admin-pagination .button:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.today-stats-card { grid-column:1 / -1; }.today-stats-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:16px; }
.seo-admin-card { grid-column:1 / -1; }
.platform-filters { display:flex; justify-content:center; flex-wrap:nowrap; gap:10px; margin-bottom:22px; overflow-x:auto; }.platform-filter { min-width:110px; flex:0 0 auto; }.platform-filter:hover, .live-purchases-toggle:hover { transform:none; }.platform-filter.active { color:#111; background:var(--accent); border-color:var(--accent); }.platform-list { display:grid; gap:10px; margin:18px 0 14px; }.platform-row { display:flex; align-items:center; gap:8px; }.platform-row input,.inline-form input { flex:1; min-width:0; color:var(--text); background:#0d1725; border:1px solid var(--line); border-radius:8px; padding:10px; outline:none; }.platform-row .platform-slug-input { flex:0 1 220px; }.platform-row input:focus,.inline-form input:focus { border-color:var(--accent); }.platform-row input:disabled { opacity:.6; cursor:not-allowed; }.inline-form { display:flex; gap:8px; }.inline-form button { white-space:nowrap; }
@media (max-width:720px) { .support-header-button { padding:8px 9px; font-size:12px; }.admin-page h1,.orders-page h1 { font-size:34px; }.support-admin-layout { grid-template-columns:1fr; }.support-conversations { max-height:220px; }.stats-summary { grid-template-columns:1fr 1fr; } }
@media (max-width:720px) { .platform-row,.inline-form { flex-wrap:wrap; }.platform-row input,.inline-form input { flex-basis:100%; } }
@media (max-width:720px) { .admin-list-toolbar { align-items:stretch; flex-direction:column; }.admin-list-toolbar select { flex-basis:auto; width:100%; }.admin-pagination { align-items:stretch; flex-direction:column; text-align:center; }.admin-pagination .button { width:100%; } }
@media (max-width:720px) { .today-stats-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } }
#hero-title { white-space:pre-line; }.contest-card { display:flex; flex-direction:column; justify-content:center; gap:12px; }.contest-label { color:var(--accent); font-size:11px; letter-spacing:.16em; font-weight:800; margin:0; }.contest-card strong { display:block; min-height:55px; font-size:24px; line-height:1.08; }.contest-timer-label { color:var(--muted); font-size:12px; margin-top:10px; }.contest-timer { color:var(--accent); font:700 20px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; white-space:nowrap; }.contest-button { margin-top:7px; }.contest-modal { backdrop-filter:blur(8px); }.contest-box { width:min(760px,100%); }.contest-modal-heading h2 { margin:0 0 10px; }.contest-description { white-space:pre-line; }.contest-modal-timer { color:var(--muted); margin:18px 0 14px; }.contest-modal-timer strong { color:var(--accent); }.contest-columns { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:28px; }.contest-columns h3 { margin:0 0 10px; font-size:16px; }.contest-columns h3 span { color:var(--accent); }.contest-list { list-style:none; padding:0; margin:0; max-height:210px; overflow:auto; display:grid; gap:7px; }.contest-list li { padding:9px 11px; border-radius:8px; background:var(--panel-2); }.contest-winners li { display:flex; justify-content:space-between; gap:10px; }.contest-winners li span { color:var(--muted); font-size:12px; }.contest-admin-form { max-width:560px; margin-top:18px; }.contest-admin-list { display:grid; gap:12px; margin-top:22px; }.contest-admin-row { padding:15px 0; border-top:1px solid var(--line); }.contest-admin-row small { display:block; color:var(--muted); margin-top:4px; }.contest-admin-row details { margin-top:10px; }.contest-admin-row summary { color:var(--accent); cursor:pointer; }.contest-admin-participants { margin:10px 0; }.contest-winners-form { margin-top:8px; }
@media (max-width:720px) { .contest-card { transform:none; width:min(100%,320px); }.contest-timer { font-size:17px; }.contest-columns { grid-template-columns:1fr; }.contest-winners li { display:block; }.contest-winners li span { display:block; margin-top:3px; } }
.winner-self { color:var(--accent); font-style:normal; font-size:11px; margin-left:8px; }
.hero-cards { width:100%; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; }
.hero-cards .hero-card { width:auto; min-height:310px; transform:none; display:flex; flex-direction:column; justify-content:center; gap:12px; }
.hero-cards .hero-card { cursor:pointer; transition:border-color .2s ease, transform .2s ease, opacity .48s ease; }
.hero-cards .hero-card:hover { border-color:var(--accent) !important; }
.hero-cards .hero-card { position:relative; overflow:hidden; }
.hero-cards .hero-card > :not(.card-decoration) { position:relative; z-index:1; }
.card-decoration { position:absolute; inset:-10px; z-index:0; display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:1fr; align-items:center; justify-items:center; gap:4px; color:var(--accent); opacity:.09; filter:grayscale(1); pointer-events:none; user-select:none; }
.card-decoration span { font-size:32px; line-height:1; transform:rotate(-12deg); }
.card-decoration span:nth-child(3n) { transform:rotate(10deg) scale(.9); }
.card-decoration span:nth-child(4n) { transform:rotate(4deg) scale(1.1); }
.hero-carousel-arrow { display:none; }
.promo-card { text-decoration:none; color:var(--text); }
.promo-card:hover { border-color:var(--accent); transform:translateY(-3px); }
.promo-label { color:var(--accent) !important; font-size:11px; letter-spacing:.16em; font-weight:800; }
.promo-card strong { display:block; font-size:26px; line-height:1.08; }
.promo-copy { color:var(--muted) !important; max-width:330px; line-height:1.55; }
.promo-button { align-self:flex-start; margin-top:9px; }
.telegram-card { background:linear-gradient(145deg,#182b3e,#141922 75%); border-color:#2e536c !important; }
.settings-subsection { display:grid; gap:11px; padding:15px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
.settings-subsection h4 { margin:0 0 2px; color:var(--text); }
.contest-hero { min-height:0; padding-top:34px; padding-bottom:20px; }
.contest-hero { flex-direction:column; align-items:stretch; }
.catalog-topbar { display:flex; align-items:center; gap:10px; }
.catalog-topbar .platform-filters-viewport { flex:1; min-width:0; }
.catalog-topbar .platform-filters { justify-content:center; margin-bottom:0; }
.live-purchases-shell { width:auto; margin-top:0; }
.live-purchases-toggle { display:flex; flex:0 0 42px; align-items:center; justify-content:center; width:42px; height:auto; min-height:0; padding:10px 0; margin:0; }
.live-purchases-toggle span { color:var(--accent); font-size:18px; line-height:1; transition:transform .25s ease; }
.live-purchases-toggle[aria-expanded="true"] span { transform:rotate(180deg); }
.live-purchases-panel { max-height:0; margin:0; padding:0 18px; overflow:hidden; opacity:0; border:1px solid transparent; border-radius:18px; background:var(--panel); transform:translateY(-8px); transition:max-height .42s ease, margin .42s ease, padding .42s ease, opacity .28s ease, transform .42s ease, border-color .42s ease; }
.live-purchases-panel.is-open { max-height:390px; margin:0 0 22px; padding:18px; opacity:1; border-color:var(--line); transform:translateY(0); box-shadow:0 16px 50px rgba(0,0,0,.16); }
.live-purchases-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:14px; }
.live-purchases-heading .eyebrow { margin-bottom:5px; }
.live-purchases-heading h2 { margin:0; font-size:24px; letter-spacing:-.04em; }
.live-purchases-status { color:var(--muted); font-size:12px; white-space:nowrap; }
.live-purchases-list { display:flex; gap:10px; overflow-x:auto; padding-bottom:3px; scrollbar-width:none; -ms-overflow-style:none; }
.live-purchases-list::-webkit-scrollbar { display:none; width:0; height:0; }
.live-purchases-list.is-dragging { cursor:grabbing; user-select:none; }
.live-purchase-image-link { display:grid; place-items:center; width:100%; height:100%; color:inherit; }
.live-purchase-image-link, .live-purchase-image-link img { -webkit-user-drag:none; }
.live-purchase-image-link:hover { filter:brightness(1.08); }
.live-purchase-card[data-live-lzt] { cursor:pointer; }
.live-purchase-card[data-live-lzt]:hover, .live-purchase-card[data-live-lzt]:focus-visible { border-color:var(--accent); }
.live-purchase-card[data-live-lzt]:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.live-purchase-card { flex:0 0 min(220px, calc((100% - 30px) / 4)); min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
.live-purchase-image { height:92px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 65% 30%,#244765,#1b2331 65%); font-size:48px; }
.live-purchase-image img { width:100%; height:100%; object-fit:contain; padding:7px; }
.live-purchase-info { padding:10px 11px 11px; }
.live-purchase-info strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.live-purchase-info small { display:flex; justify-content:space-between; gap:8px; margin-top:5px; color:var(--muted); font-size:11px; }
.live-purchase-info small b { color:var(--accent); font-weight:700; white-space:nowrap; }
[data-theme="light"] .live-purchases-panel { box-shadow:0 16px 50px rgba(32,45,65,.1); }
#catalog { padding-top:38px; }
#catalog > .section-heading { display:none; }
#catalog > #products { margin-top:20px; }
#catalog > .live-purchases-panel.is-open ~ #products { margin-top:0; }
@media (min-width:721px) {
  .hero-cards .hero-card:first-child { transform:rotate(-3deg); }
  .hero-cards .hero-card:nth-child(2), .hero-cards .hero-card:nth-child(3) { transform:rotate(3deg); }
  .hero-cards .hero-card.hero-card-middle { transform:translateY(-10px); }
  .hero-cards .hero-card:first-child:hover { transform:rotate(-3deg) translateY(-3px); }
  .hero-cards .hero-card:nth-child(2):hover, .hero-cards .hero-card:nth-child(3):hover { transform:rotate(3deg) translateY(-3px); }
  .hero-cards .hero-card.hero-card-middle:hover { transform:translateY(-13px); }
}
@media (max-width:720px) {
  .topbar { column-gap:6px; }
  .topbar nav { gap:5px; }
  .topbar nav a { font-size:11px; }
  .support-header-button { padding-left:6px; padding-right:6px; font-size:11px; }
  .topbar nav { position:static; transform:none; }
}
@media (max-width:720px) {
  .topbar { height:auto; min-height:76px; padding:12px 18px; gap:10px 12px; flex-wrap:wrap; }
  .brand { min-width:0; width:100%; margin-right:0; flex:1 0 100%; justify-content:center; }
  .brand #site-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .account { order:2; min-width:0; width:100%; flex:1 0 100%; justify-content:center; }
  .support-header-button { order:3; margin:0 auto; }
  .topbar nav { order:4; display:flex; flex:1 0 100%; justify-content:center; gap:12px; padding:9px 0 2px; border-top:1px solid var(--line); }
  .topbar nav a { white-space:nowrap; font-size:13px; }
  .account { gap:5px; }
  .account .header-balance { font-size:13px; }
  .icon-button svg { width:18px; height:18px; display:block; }
  .platform-filters { justify-content:flex-start; padding:0 6px 8px; margin-left:-6px; margin-right:-6px; scroll-padding-left:6px; -webkit-overflow-scrolling:touch; }
}
.icon-button { display:inline-grid; place-items:center; }
.icon-button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
@media (max-width:720px) {
  .topbar { justify-content:center; }
  .topbar nav { order:2; flex:0 1 auto; align-items:center; }
  .topbar nav a { display:inline-flex; align-items:center; height:36px; line-height:1.2; }
  .support-header-button { order:2; margin:0; height:36px; padding:0 9px; display:inline-flex; align-items:center; justify-content:center; line-height:1.2; vertical-align:middle; }
  .account { order:3; }
  .account .header-balance { font-size:16px; }
}

/* Mobile admin layout: larger controls, readable cards and safe horizontal table scrolling. */
@media (max-width:720px) {
  .admin-page {
    padding:32px 16px 48px;
  }
  .admin-page .section-heading {
    align-items:flex-start;
    margin-bottom:20px;
  }
  .admin-page h1,
  .orders-page h1 {
    font-size:34px;
  }
  .admin-quick-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:0 0 20px;
  }
  .admin-quick-actions .button {
    min-height:40px;
    width:100%;
    padding:10px 8px;
    font-size:12px;
    line-height:1.2;
    white-space:normal;
  }
  .admin-quick-actions [data-admin-nav="orders"] {
    grid-column:1 / -1;
  }
  .admin-grid,
  .profile-grid,
  .product-detail-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .admin-grid .faq-admin-card {
    grid-column:auto;
  }
  .admin-card,
  .profile-card,
  .orders-card {
    min-width:0;
    padding:16px;
    border-radius:14px;
  }
  .admin-card h3 {
    font-size:17px;
  }
  .card-heading {
    align-items:flex-start;
  }
  .card-heading .button {
    flex:0 0 auto;
    padding:9px 11px;
    font-size:12px;
  }
  .stats-summary {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:14px 0;
  }
  .stat-item {
    min-width:0;
    padding:10px;
  }
  .stat-item span {
    font-size:11px;
    line-height:1.25;
  }
  .stat-item strong {
    font-size:18px;
  }
  .stats-table-wrap {
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }
  .stats-table {
    min-width:680px;
    font-size:12px;
  }
  .stats-table th,
  .stats-table td {
    padding:10px 8px;
  }
  .stock-dashboard-card {
    margin:14px 0 0;
  }
  .stock-dashboard {
    gap:14px;
  }
  .stock-row {
    grid-template-columns:minmax(0,1fr) 42px;
    gap:5px 10px;
    align-items:center;
  }
  .stock-row > .stock-meter {
    grid-column:1;
  }
  .stock-row > b {
    grid-column:2;
    grid-row:1 / span 2;
  }
  .stock-row small {
    overflow-wrap:anywhere;
  }
  .platform-row,
  .inline-form {
    gap:8px;
  }
  .platform-row button,
  .inline-form button {
    min-height:40px;
  }
  .admin-row {
    gap:12px;
    padding:16px 0;
  }
  .admin-actions {
    width:100%;
  }
  .admin-actions .button,
  .admin-actions .danger {
    min-height:38px;
  }
}
@media (min-width:721px) and (max-width:1100px) {
  .topbar { padding-left:18px; padding-right:18px; gap:16px; }
  .brand { flex:0 1 auto; min-width:0; margin-right:0; }
  .brand #site-name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .topbar nav { position:static; transform:none; flex:1 1 auto; min-width:0; justify-content:center; gap:12px; }
  .topbar nav a, .support-header-button { white-space:nowrap; font-size:13px; }
  .account { flex:0 0 auto; min-width:0; gap:6px; }
  .account .button { padding:8px 10px; font-size:12px; }
  .account .header-balance { font-size:14px; }
}
@media (min-width:721px) and (max-width:800px) {
  .topbar { height:auto; min-height:76px; padding:12px 18px; flex-wrap:wrap; justify-content:center; gap:10px 12px; }
  .brand { width:100%; flex:1 0 100%; justify-content:center; }
  .topbar nav { order:2; flex:0 1 auto; width:auto; }
  .account { order:3; flex:1 0 100%; justify-content:center; }
}
@media (max-width:720px) {
  .contest-hero { display:flex; flex-direction:column; align-items:stretch; gap:28px; padding-top:48px; padding-bottom:48px; }
  .contest-hero > div:first-child { width:100%; }
  .contest-hero .hero-card { display:flex; width:100%; min-height:0; margin:0; padding:24px; transform:none; }
  .contest-hero .hero-card strong { min-height:0; }
}
@media (max-width:720px) {
  .contest-hero { display:block; min-height:0; padding-top:28px; padding-bottom:20px; }
  #catalog { padding-top:30px; }
  .hero-cards { display:block; position:relative; width:100%; min-height:310px; overflow:hidden; touch-action:pan-y; }
  .hero-carousel-arrow { display:grid; place-items:center; position:absolute; top:10px; z-index:3; width:32px; height:36px; padding:0 0 4px; border:1px solid rgba(77,199,255,.3); border-radius:10px; color:rgba(77,199,255,.86); background:rgba(13,16,24,.52); font-size:28px; line-height:1; }
  .hero-carousel-arrow:hover { background:rgba(77,199,255,.16); }
  .hero-carousel-arrow-prev { left:7px; }
  .hero-carousel-arrow-next { right:7px; }
  .hero-cards .hero-card { display:flex; position:absolute; top:0; bottom:0; left:24px; right:auto; width:calc(100% - 48px) !important; min-height:300px; height:100%; margin:0; padding:24px; opacity:0; filter:blur(2.5px); transform:translateX(100%) scale(.97); pointer-events:none; z-index:1; transition:transform .52s cubic-bezier(.22,.7,.22,1), opacity .52s ease, filter .52s ease; }
  .hero-cards .hero-card.is-active { display:flex; opacity:1; filter:none; transform:translateX(-50%) translateZ(0) rotateY(0deg) scale(1); pointer-events:auto; z-index:2; }
  .hero-cards .hero-card.is-prev { display:flex; opacity:.55; filter:blur(1.4px); transform:translateX(calc(-50% - 72%)) translateZ(-70px) rotateY(18deg) scale(.86); }
  .hero-cards .hero-card.is-next { display:flex; opacity:.55; filter:blur(1.4px); transform:translateX(calc(-50% + 72%)) translateZ(-70px) rotateY(-18deg) scale(.86); }
  .hero-cards .hero-card.hero-carousel-no-transition { transition:none !important; }
  .hero-cards .hero-card strong { min-height:0; }
}

@media (max-width:720px) {
  .contest-hero {
    padding-left:0;
    padding-right:0;
  }
  .hero-cards {
    width:100%;
    max-width:none;
    left:auto;
    margin-left:0;
    margin-right:0;
    transform:none;
    min-height:300px;
    perspective:1000px;
  }
  .hero-cards .hero-card,
  .hero-cards .hero-card.contest-card {
    left:50%;
    right:auto;
    width:calc(100% - 48px) !important;
    max-width:none;
    min-height:300px;
    padding:20px;
    transform-origin:center center;
  }
}

@media (max-width:720px) {
  #catalog { padding-left:2px; padding-right:2px; }
  #catalog > .section-heading { display:none; }
  #catalog > #products { margin-top:20px; }
  #catalog > .live-purchases-panel.is-open ~ #products { margin-top:0; }
  .catalog-topbar { display:flex; flex-direction:row; align-items:center; gap:10px; }
  .catalog-topbar .platform-filters { justify-content:flex-start; margin-bottom:0; }
  /* Auto margins center short rows and become zero when the row needs scrolling. */
  .catalog-topbar .platform-filters > :first-child { margin-inline-start:auto; }
  .catalog-topbar .platform-filters > :last-child { margin-inline-end:auto; }
  .catalog-topbar .live-purchases-shell { width:auto; align-self:auto; }
  .catalog-topbar .live-purchases-toggle { margin:0; }
  .live-purchases-panel {
    width:calc(100% + 12vw - 4px);
    max-width:none;
    margin-left:calc(-6vw + 2px);
    margin-right:calc(-6vw + 2px);
    transform:none !important;
  }
  .live-purchases-panel.is-open {
    margin-left:calc(-6vw + 2px);
    margin-right:calc(-6vw + 2px);
    margin-bottom:22px;
    padding:14px;
  }
  #catalog .live-purchases-panel {
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  #catalog .live-purchases-panel.is-open {
    margin-left:0;
    margin-right:0;
  }
  .live-purchases-heading { align-items:flex-start; flex-direction:column; gap:3px; }
  .live-purchases-status { font-size:11px; }
  .live-purchase-card { flex-basis:180px; }
}

@media (min-width:721px) {
  .live-purchases-panel { transform:none; }
  .live-purchases-panel.is-open { margin-top:8px; }
  .live-purchases-list { cursor:grab; }
}

/* Subtle Genshin-inspired sparkle accents for promo and product cards. */
@keyframes card-sparkle-twinkle {
  0%, 100% { opacity:.1; }
  25% { opacity:.12; }
  50% { opacity:.16; }
  75% { opacity:.12; }
}
@keyframes card-firefly-pulse {
  0%, 100% {
    opacity:.36;
    box-shadow:0 0 3px 1px rgba(200,235,255,.36), 0 0 8px 2px rgba(77,199,255,.17);
  }
  20% {
    opacity:.39;
    box-shadow:0 0 3px 1px rgba(225,245,255,.4), 0 0 9px 2px rgba(77,199,255,.19);
  }
  45% {
    opacity:.43;
    box-shadow:0 0 3px 1px rgba(225,245,255,.46), 0 0 10px 3px rgba(77,199,255,.22);
  }
  60% {
    opacity:.46;
    box-shadow:0 0 3px 1px rgba(225,245,255,.5), 0 0 11px 3px rgba(77,199,255,.24);
  }
  80% {
    opacity:.4;
    box-shadow:0 0 3px 1px rgba(200,235,255,.41), 0 0 9px 2px rgba(77,199,255,.19);
  }
}
@keyframes product-glint {
  0%, 100% { opacity:.08; filter:blur(.2px); }
  46% { opacity:.48; filter:blur(0); }
  56% { opacity:.18; }
}

.hero-cards .hero-card,
.product-card {
  isolation:isolate;
}

.hero-cards .hero-card::before,
.product-card::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 12% 16%, rgba(225,245,255,.95) 0 1px, transparent 2.5px),
    radial-gradient(circle at 88% 17%, rgba(196,246,255,.9) 0 1px, transparent 2.5px),
    radial-gradient(circle at 76% 87%, rgba(225,245,255,.82) 0 1px, transparent 2.3px),
    radial-gradient(circle at 24% 82%, rgba(77,199,255,.75) 0 1px, transparent 2.4px);
  opacity:.1;
}

.hero-cards .hero-card::after,
.product-card::after {
  content:"";
  position:absolute;
  top:4px;
  left:18%;
  z-index:2;
  width:5px;
  height:5px;
  pointer-events:none;
  border-radius:50%;
  background:#d9f5ff;
  opacity:.36;
  box-shadow:0 0 3px 1px rgba(200,235,255,.36), 0 0 8px 2px rgba(77,199,255,.17);
}

.hero-cards .hero-card:nth-child(2)::before,
.product-card:nth-child(2)::before { animation-delay:1.25s; }
.hero-cards .hero-card:nth-child(3)::before,
.product-card:nth-child(3)::before { animation-delay:2.4s; }
.hero-cards .hero-card:nth-child(2)::after,
.product-card:nth-child(2)::after { left:82%; animation-delay:2.1s; }
.hero-cards .hero-card:nth-child(3)::after,
.product-card:nth-child(3)::after { left:62%; animation-delay:4.2s; }

.product-card > * { position:relative; z-index:1; }
.product-cover { position:relative; }
.product-cover > .product-media-image { width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain !important; object-position:center; display:block; padding:8px; }
.product-cover::after {
  content:"";
  position:absolute;
  top:7px;
  right:9%;
  z-index:2;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#d9f5ff;
  pointer-events:none;
  opacity:.36;
  box-shadow:0 0 3px 1px rgba(200,235,255,.36), 0 0 8px 2px rgba(77,199,255,.17);
}
.product-card:nth-child(2) .product-cover::after { top:12px; right:16%; animation-delay:1.6s; }
.product-card:nth-child(3) .product-cover::after { top:6px; right:23%; animation-delay:3s; }

@media (prefers-reduced-motion:reduce) {
  .hero-cards .hero-card::before,
  .hero-cards .hero-card::after,
  .product-card::before,
  .product-card::after,
  .product-cover::after { animation:none; }
}
.faq-page { margin:0; }
.bonus-page { min-height:560px; }
.bonus-heading { max-width:820px; margin:0 auto 30px; text-align:center; }
.bonus-heading h1 { font-size:clamp(38px,6vw,64px); line-height:1; letter-spacing:-.06em; margin:0 0 18px; }
.bonus-intro { color:var(--muted); font-size:17px; margin:0; }
.bonus-content-card { max-width:900px; margin:0 auto; padding:28px clamp(20px,4vw,44px); border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:0 18px 60px rgba(0,0,0,.12); }
.bonus-content { color:var(--muted); white-space:pre-line; overflow-wrap:break-word; word-break:normal; font-size:17px; line-height:1.75; }
.bonus-content .message-copy-button,
.bonus-content .message-link { font-size:inherit; }
[data-theme="light"] .bonus-content-card { box-shadow:0 18px 60px rgba(32,45,65,.1); }
.bonus-referral-card { max-width:900px; margin:20px auto 0; padding:26px clamp(20px,4vw,44px); border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:0 18px 60px rgba(0,0,0,.12); }
.bonus-referral-card h2 { margin:0 0 8px; font-size:28px; }
.bonus-referral-card .card-heading { margin-bottom:22px; }
.referral-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.referral-stat { min-width:0; padding:15px 16px; border-radius:12px; background:var(--panel-2); }
.referral-stat span { display:block; color:var(--muted); font-size:13px; }
.referral-stat strong { display:block; margin-top:7px; color:var(--accent); font-size:22px; overflow-wrap:anywhere; }
.referral-link-row { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:18px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
.referral-link-row > div { min-width:0; }
.referral-link-label { display:block; margin-bottom:6px; color:var(--muted); font-size:13px; }
.referral-link-row code { display:block; color:var(--text); overflow-wrap:anywhere; font:600 14px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace; }
[data-theme="light"] .bonus-referral-card { box-shadow:0 18px 60px rgba(32,45,65,.1); }
@media (max-width:720px) {
  .referral-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .referral-link-row { align-items:stretch; flex-direction:column; }
  .referral-link-row .button { width:100%; }
}
.contest-scrollbox { margin:0; }
.contest-scrollbox .contest-list { padding-right:18px; scrollbar-width:none; -ms-overflow-style:none; }
.contest-scrollbox .contest-list::-webkit-scrollbar { display:none; width:0; height:0; }
.faq-heading { max-width:680px; margin-bottom:34px; }
.faq-heading h1 { font-size:clamp(38px,6vw,64px); line-height:1; letter-spacing:-.06em; margin:0 0 18px; }
.faq-intro { color:var(--muted); font-size:17px; margin:0; }
.faq-list { display:grid; gap:10px; }
.faq-item { border:1px solid var(--line); border-radius:14px; background:var(--panel); overflow:hidden; }
.faq-item summary { cursor:pointer; list-style:none; padding:20px 22px; font-weight:800; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:'+'; float:right; color:var(--accent); font-size:22px; line-height:1; }
.faq-item[open] summary::after { content:'−'; }
.faq-item > div { padding:0 22px 21px; color:var(--muted); white-space:pre-line; }
.faq-admin-card { grid-column:span 2; }
.faq-admin-list { display:grid; gap:12px; }
.faq-admin-item { display:grid; gap:10px; padding:15px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
.faq-admin-item .card-heading { margin-bottom:2px; }
.reviews-page { min-height:560px; }
.reviews-heading { max-width:720px; margin-bottom:30px; }
.reviews-heading h1 { font-size:clamp(38px,6vw,64px); line-height:1; letter-spacing:-.06em; margin:0 0 18px; }
.reviews-intro { color:var(--muted); font-size:17px; margin:0; }
.review-form-card { max-width:720px; margin-bottom:25px; padding:22px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.review-form-card h2 { margin:0 0 7px; }
.review-note { max-width:720px; margin:12px auto 25px; text-align:center; }
.reviews-list-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin:30px 0 16px; }
.reviews-list-heading h2 { margin:0; font-size:28px; }
.reviews-list { display:grid; gap:12px; max-width:900px; }
.reviews-heading,
.review-form-card,
.reviews-list-heading,
.reviews-list,
.reviews-page > .pending-reviews { margin-left:auto; margin-right:auto; }
.reviews-heading { text-align:center; }
.reviews-list-heading { max-width:900px; }
.reviews-list { width:100%; }
.review-card { min-width:0; max-width:100%; padding:20px 22px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.review-card-heading { display:flex; align-items:baseline; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.review-card p { min-width:0; max-width:100%; margin:13px 0 0; color:var(--muted); white-space:pre-line; word-break:normal; overflow-wrap:break-word; word-wrap:break-word; }
.pending-reviews { max-width:720px; }
.review-pending-title { color:var(--accent); font-weight:800; margin:18px 0 8px; }
.review-pending-item { display:grid; gap:4px; padding:11px 13px; margin-top:7px; border-radius:10px; background:var(--panel-2); }
.review-pending-item span { min-width:0; color:var(--muted); white-space:pre-line; word-break:normal; overflow-wrap:break-word; word-wrap:break-word; }
.reviews-admin-card { margin:16px 0; }
.admin-section-hidden { display:none !important; }
body[data-admin-page="dashboard"] .stats-card { grid-column:1 / -1; }
.user-details-box { width:min(920px,100%); }
.user-details-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding-right:28px; margin-bottom:20px; }
.user-details-heading h2 { margin:0 0 5px; }
.user-details-heading p:not(.eyebrow) { margin:0; color:var(--muted); }
.user-details-balance { min-width:130px; padding:12px 14px; border-radius:10px; background:var(--panel-2); }
.user-details-balance span { display:block; color:var(--muted); font-size:12px; }
.user-details-balance strong { display:block; color:var(--accent); font-size:20px; margin-top:3px; }
.user-details-balance small { display:block; margin-top:8px; color:var(--muted); font-size:12px; }
.user-details-referral { margin-bottom:12px; padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
.user-details-referral .eyebrow { margin-bottom:12px; }
.user-details-referral-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.user-details-referral-grid > div { min-width:0; padding:11px 12px; border-radius:9px; background:var(--panel); }
.user-details-referral-grid span { display:block; color:var(--muted); font-size:12px; }
.user-details-referral-grid strong { display:block; margin-top:5px; color:var(--accent); font-size:18px; overflow-wrap:anywhere; }
.user-details-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.user-details-section { min-width:0; padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
.user-details-section:last-child { grid-column:1 / -1; }
.user-details-section h3 { margin:0 0 12px; font-size:16px; }
.user-details-list { display:grid; gap:9px; max-height:255px; overflow:auto; }
.user-details-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid var(--line); }
.user-details-row:last-child { border-bottom:0; }
.user-details-row small { display:block; color:var(--muted); margin-top:3px; }
.user-details-positive { color:var(--accent); white-space:nowrap; }
.user-purchase-row { align-items:flex-start; }
.user-review-detail { padding:10px 0; border-bottom:1px solid var(--line); }
.user-review-detail:last-child { border-bottom:0; }
.user-review-detail .user-details-row { padding:0 0 7px; border:0; }
.user-review-detail p { margin:8px 0 4px; color:var(--muted); white-space:pre-line; }
.user-review-detail > small { color:var(--muted); }
.user-details-messages { display:grid; gap:8px; max-height:300px; overflow:auto; }
.user-details-messages-section { grid-column:1 / -1; }
.user-detail-message { max-width:100%; padding:10px 12px; border-radius:10px; }
.user-detail-message p { margin:0; white-space:pre-line; word-break:break-word; }
.user-detail-message small { display:block; margin-top:5px; color:var(--muted); font-size:11px; }
.user-detail-message.is-user { justify-self:end; background:#153849; }
.user-detail-message.is-admin { justify-self:start; background:var(--panel); }
.user-details-empty { margin:0; }
.order-history-table td { white-space:normal; vertical-align:top; }
.order-history-table td code { display:inline-block; max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal; }
.user-details-link { padding:0; border:0; color:var(--text); background:transparent; text-align:left; }
.user-details-link:hover strong { color:var(--accent); }
.user-details-message-form { margin-top:2px; }
@media (max-width:720px) { .order-main { width:100%; } }
@media (max-width:720px) {
  .user-details-heading { flex-direction:column; padding-right:0; }
  .user-details-balance { width:100%; }
  .user-details-referral-grid { grid-template-columns:1fr; }
  .user-details-grid { grid-template-columns:1fr; }
  .user-details-section:last-child { grid-column:auto; }
}
.stock-row { grid-template-columns:minmax(150px,1fr) minmax(120px,2fr) 42px 88px; }
.stock-toggle-button { padding:7px 9px; font-size:12px; }
.admin-reviews-list { display:grid; gap:12px; min-width:0; margin-top:16px; }
.admin-review-row { min-width:0; max-width:100%; padding:16px 0; border-top:1px solid var(--line); }
.admin-review-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.admin-review-head small { display:block; color:var(--muted); margin-top:4px; }
.admin-review-row p { min-width:0; max-width:100%; margin:12px 0; color:var(--muted); white-space:pre-line; word-break:normal; overflow-wrap:break-word; word-wrap:break-word; }
@media (max-width:720px) {
  .topbar nav { gap:5px; }
  .topbar nav a { font-size:11px; }
  .support-header-button { font-size:11px; }
  .faq-page { padding-top:48px; }
  .faq-heading h1 { font-size:38px; }
  .faq-admin-card { grid-column:auto; }
  .topbar nav { max-width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; flex-wrap:nowrap; justify-content:flex-start; white-space:nowrap; }
  .topbar nav::-webkit-scrollbar { display:none; }
  .topbar nav a,.topbar nav .support-header-button { flex:0 0 auto; }
  .reviews-page { padding-top:48px; }
  .reviews-heading h1 { font-size:38px; }
  .review-form-card { padding:18px; }
  .reviews-list-heading h2 { font-size:24px; }
  .admin-review-head { flex-direction:column; }
  .stock-row { grid-template-columns:minmax(130px,1fr) 80px 35px; }
  .stock-row .stock-toggle-button { grid-column:1 / -1; justify-self:start; }
}

.message-copy-button,.message-link { font:inherit; color:var(--accent); overflow-wrap:anywhere; white-space:pre-wrap; }
.message-copy-button { padding:2px 5px; border:1px solid transparent; border-radius:5px; background:rgba(77,199,255,.08); cursor:pointer; }
.message-copy-button:hover { border-color:var(--accent); background:rgba(77,199,255,.16); }
.message-link { text-decoration:underline; }
.topup-box { width:min(560px,100%); }
.topup-promo-row { display:flex; gap:8px; }
.topup-promo-row input { flex:1; min-width:0; }
.topup-promo-row .button { flex:0 0 auto; }
.topup-promo-info { min-height:20px; color:var(--accent); font-size:13px; }
.topup-promo-info.error-text { color:#ffb0b0; }
.topup-field-label { display:block; color:var(--muted); font-size:13px; margin-bottom:6px; }
.topup-payment-list { display:grid; gap:8px; }
.topup-payment-option { display:flex !important; grid-template-columns:none !important; align-items:center; gap:10px; padding:11px 12px; border:1px solid var(--line); border-radius:9px; background:#0d1725; color:var(--text) !important; cursor:pointer; }
.topup-payment-option:has(input:checked) { border-color:var(--accent); background:rgba(77,199,255,.08); }
.topup-payment-option input { width:auto !important; accent-color:var(--accent); }
.topup-payment-option span { display:grid; gap:2px; }
.topup-payment-option small { color:var(--muted); }
.topup-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.topup-summary span { color:var(--muted); }
.topup-summary strong { color:var(--accent); font-size:20px; }
.topup-config-warning { margin:8px 0 0; color:#ffcf7a; }
.topup-payment-wait-box { width:min(560px,100%); }
.topup-payment-timer { margin:22px 0 18px; padding:14px 18px; border:1px solid rgba(77,199,255,.35); border-radius:12px; background:rgba(77,199,255,.08); color:var(--accent); text-align:center; font-size:34px; font-weight:800; letter-spacing:.04em; }
.topup-payment-timer.is-success { background:rgba(77,199,255,.16); }
.topup-payment-details { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:20px; }
.topup-payment-details span { min-width:0; padding:11px 12px; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:12px; }
.topup-payment-details strong { display:block; margin-top:5px; color:var(--text); overflow-wrap:anywhere; font-size:13px; }
.topup-payment-actions { display:flex; flex-wrap:wrap; gap:8px; }
.topup-payment-actions > * { flex:1 1 auto; text-align:center; }
.topup-payment-option input[type="checkbox"] { width:auto !important; accent-color:var(--accent); }
.button:disabled { opacity:.55; cursor:wait; }
@media (max-width:520px) { .topup-promo-row { align-items:stretch; flex-direction:column; }.topup-promo-row .button { width:100%; } }
@media (max-width:520px) { .topup-payment-details { grid-template-columns:1fr; }.topup-payment-actions { display:grid; }.topup-payment-actions > * { width:100%; } }
.social-auth { display:grid; gap:8px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.social-auth p { margin:0 0 2px; }
.social-auth-label { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.social-signup-bonus { color:var(--accent); font-weight:800; white-space:nowrap; }
.social-auth-button { width:100%; text-align:center; }
.social-auth-button.google { background:#fff; color:#1f1f1f; border-color:#fff; }
.social-auth-button.vk { background:#1877f2; color:#fff; border-color:#1877f2; }
@media (min-width:721px) {
  .support-box { width:min(720px, calc(100vw - 48px)); }
  .support-box .support-messages { height:420px; }
}
@media (max-width:720px) {
  .support-modal { padding:8px; }
  .support-modal .support-box { width:100%; }
  .contest-modal { padding:8px; }
  .contest-modal .contest-box { width:100%; }
  #topup-modal,
  #topup-payment-modal { padding:8px; }
  #topup-modal .topup-box,
  #topup-payment-modal .topup-payment-wait-box { width:100%; }
}
.admin-support-nav { position:relative; }
.admin-support-badge { position:absolute; top:-8px; right:-8px; min-width:19px; height:19px; padding:0 5px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; border:2px solid var(--bg); border-radius:999px; color:#fff; background:#e05252; font-size:10px; line-height:1; font-weight:800; white-space:nowrap; box-shadow:0 2px 8px rgba(224,82,82,.35); }
.support-conversations-scrollbox { margin:12px 0 0; }
.support-conversations-scrollbox .support-conversations { scrollbar-width:none; -ms-overflow-style:none; }
.support-conversations-scrollbox .support-conversations::-webkit-scrollbar { display:none; width:0; height:0; }
.support-conversation { gap:8px; padding:7px; }
.support-conversation-select { flex:1; min-width:0; padding:4px; border:0; color:var(--text); background:transparent; text-align:left; }
.support-conversation-select span { display:block; min-width:0; }
.support-profile-button { flex:0 0 auto; padding:5px 7px; border:1px solid var(--line); border-radius:7px; color:var(--muted); background:var(--panel); font-size:11px; }
.support-profile-button:hover { color:var(--text); border-color:var(--accent); }
.product-cover-link { position:relative; display:block; overflow:hidden; color:inherit; text-decoration:none; border-radius:15px 15px 0 0; }
.product-cover-link,
.product-cover-link * { -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; }
.product-cover-link img { -webkit-user-drag:none; user-drag:none; }
.product-border-progress { position:absolute; inset:0; z-index:4; pointer-events:none; opacity:0; }
.product-border-progress svg { display:block; width:100%; height:100%; overflow:visible; }
.product-border-progress rect { fill:none; stroke:var(--accent); stroke-width:.55; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1.02; stroke-dashoffset:1.02; }
@keyframes product-border-stroke { to { stroke-dashoffset:0; } }
@keyframes product-border-breathe {
  0%, 100% { opacity:.68; }
  50% { opacity:1; }
}
@keyframes product-background-breathe {
  0%, 100% { opacity:.06; transform:scale(.96); }
  50% { opacity:.18; transform:scale(1.04); }
}
@media (hover:hover) and (pointer:fine) and (min-width:721px) {
  .product-card { position:relative; transform-style:preserve-3d; transition:transform .34s cubic-bezier(.2,.75,.25,1), box-shadow .34s ease; }
  .product-card:has(.product-cover-link:hover) .product-border-progress { opacity:1; filter:drop-shadow(0 0 4px rgba(77,199,255,.3)); }
  .product-card:has(.product-cover-link:hover) .product-border-progress rect { animation:product-border-stroke 4s linear forwards, product-border-breathe 3.2s ease-in-out 4s infinite; }
  .product-card:has(.product-cover-link:hover)::before { animation:card-sparkle-twinkle 3.4s ease-in-out infinite; }
  .product-card:has(.product-cover-link:hover) .product-cover::before { content:''; position:absolute; inset:-18%; z-index:3; pointer-events:none; border-radius:50%; background:radial-gradient(circle at 68% 30%, rgba(77,199,255,.48) 0%, rgba(77,199,255,.2) 38%, transparent 72%); animation:product-background-breathe 3.6s ease-in-out infinite; }
  .product-card:nth-child(odd):has(.product-cover-link:hover) { transform:translateY(-2px) rotate(-.25deg); box-shadow:0 14px 28px rgba(0,0,0,.18); }
  .product-card:nth-child(even):has(.product-cover-link:hover) { transform:translateY(-2px) rotate(.25deg); box-shadow:0 14px 28px rgba(0,0,0,.18); }
  .product-card .product-cover,
  .product-card .product-info,
  .product-card .product-media-image,
  .product-card .product-media-icon { transition:transform .34s cubic-bezier(.2,.75,.25,1); }
  .product-card:has(.product-cover-link:hover) .product-cover { transform:translateY(-2px); }
  .product-card:has(.product-cover-link:hover) .product-media-image { transform:translate3d(2px,-2px,0) scale(1.025); }
  .product-card:has(.product-cover-link:hover) .product-media-icon { transform:translate3d(2px,-2px,0) scale(1.035); }
  .product-card:has(.product-cover-link:hover) .product-info { transform:translateY(1px); }
}
@media (max-width:720px) {
  .product-cover-link { touch-action:manipulation; }
  .product-card .product-info { position:relative; z-index:5; pointer-events:auto; }
}
@media (max-width:720px) {
  .platform-filters-viewport {
    position:relative;
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    overflow:hidden;
  }
  .platform-filters-viewport::before,
  .platform-filters-viewport::after {
    content:'';
    position:absolute;
    top:0;
    bottom:8px;
    z-index:2;
    width:2px;
    pointer-events:none;
    backdrop-filter:blur(1px);
    -webkit-backdrop-filter:blur(1px);
  }
  .platform-filters-viewport::before {
    left:0;
    background:linear-gradient(90deg, var(--bg), transparent);
  }
  .platform-filters-viewport::after {
    right:0;
    background:linear-gradient(270deg, var(--bg), transparent);
  }
  .platform-filters {
    position:relative;
    width:100%;
    max-width:none;
    display:flex;
    flex-wrap:nowrap;
    margin-left:0;
    margin-right:0;
    padding:0 2px 8px;
    gap:10px;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    touch-action:pan-x !important;
    overscroll-behavior-x:contain;
    scroll-padding-inline:2px;
    scrollbar-width:none;
  }
  .platform-filters::-webkit-scrollbar { display:none; }
}

@media (max-width:720px) {
  [data-theme="light"] .platform-filters,
  [data-theme="light"] .platform-filters-viewport {
    pointer-events:auto;
  }
  [data-theme="light"] .platform-filters,
  .platform-filters.manual-touch-scroll {
    overflow-x:hidden !important;
    touch-action:none !important;
  }
}

[data-theme="light"] .topbar { background:rgba(255,255,255,.9); }
[data-theme="light"] .hero { background:radial-gradient(circle at 75% 40%, rgba(35,159,231,.16), transparent 32%), linear-gradient(130deg, #eef6fb, #f3f7fb 65%); }
[data-theme="light"] .hero-card { background:linear-gradient(145deg,#e2f2fb,#ffffff 75%); border-color:#9ccbe3; box-shadow:0 25px 70px rgba(36,83,113,.14); }
[data-theme="light"] .product-cover,
[data-theme="light"] .product-detail-cover { background:radial-gradient(circle at 65% 30%,#c9e4f3,#e8f1f8 65%); }
[data-theme="light"] .telegram-card { background:linear-gradient(145deg,#e7f0f8,#ffffff 75%); border-color:#a8c8df !important; }
[data-theme="light"] .form input,
[data-theme="light"] .form textarea,
[data-theme="light"] .form select,
[data-theme="light"] .platform-row input,
[data-theme="light"] .inline-form input,
[data-theme="light"] .admin-list-toolbar input,
[data-theme="light"] .admin-list-toolbar select,
[data-theme="light"] .support-form textarea,
[data-theme="light"] .topup-payment-option { background:#f8fafc; }
[data-theme="light"] .support-user,
[data-theme="light"] .support-admin-chat .support-admin,
[data-theme="light"] .user-detail-message.is-user { background:#d8edf8; }
[data-theme="light"] .support-admin,
[data-theme="light"] .support-admin-chat .support-user,
[data-theme="light"] .user-detail-message.is-admin { background:var(--panel-2); }
[data-theme="light"] .order-key,
[data-theme="light"] .topup-history-table code,
[data-theme="light"] .order-history-table code { background:#e2f1fa; color:#1d78ae; }
[data-theme="light"] .order-copy-button,
[data-theme="light"] .order-link { color:#1d78ae; }
[data-theme="light"] .modal { background:rgba(33,42,58,.28); }
[data-theme="light"] .modal-box { box-shadow:0 20px 80px rgba(32,45,65,.2); }

@media (min-width:721px) and (max-width:800px), (max-width:720px) {
  .brand-group { width:100%; flex:1 0 100%; justify-content:center; }
  .brand { width:auto; flex:0 1 auto; }
}
/* Public footer and editable legal pages */
.site-footer { align-items:center; gap:24px; }
.footer-copyright { color:var(--muted); font-size:12px; line-height:1.5; white-space:pre-line; max-width:620px; }
.footer-links { position:static; left:auto; transform:none; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px 18px; color:var(--muted); }
.footer-links a:hover { color:var(--text); }
.legal-page { min-height:560px; }
.legal-heading { max-width:900px; margin:0 auto 30px; text-align:center; }
.legal-heading h1 { font-size:clamp(38px,6vw,64px); line-height:1; letter-spacing:-.06em; margin:0 0 18px; }
.legal-intro { color:var(--muted); font-size:17px; margin:0; }
.legal-content-card { max-width:900px; margin:0 auto; padding:28px clamp(20px,4vw,44px); border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:0 18px 60px rgba(0,0,0,.12); }
.legal-content { color:var(--muted); white-space:pre-line; overflow-wrap:break-word; word-break:normal; font-size:17px; line-height:1.75; }
.legal-content .message-copy-button, .legal-content .message-link { font-size:inherit; }
[data-theme="light"] .legal-content-card { box-shadow:0 18px 60px rgba(32,45,65,.1); }
.lzt-catalog-section { margin-top:34px; padding-top:28px; border-top:1px solid var(--line); scroll-margin-top:24px; }
.lzt-catalog-heading, .lzt-feed-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.lzt-catalog-heading h2 { margin:0 0 6px; }
.lzt-catalog-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.lzt-feed-block { margin-top:24px; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }
.lzt-feed-heading h3 { margin:0 0 4px; font-size:20px; }
.lzt-filters { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.lzt-filter-control { display:grid; gap:5px; color:var(--muted); font-size:12px; }
.lzt-filter-control select { min-width:130px; padding:9px 30px 9px 10px; border:1px solid var(--line); border-radius:10px; background:var(--panel-2); color:var(--text); }
.lzt-listing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; margin-top:16px; }
.lzt-listing-card { min-width:0; border:1px solid var(--line); border-radius:14px; background:var(--panel-2); overflow:hidden; transition:transform .2s ease,border-color .2s ease; }
.lzt-listing-card:hover { transform:translateY(-2px); border-color:var(--accent); }
.lzt-listing-link { display:block; padding:15px; color:var(--text); }
.lzt-listing-top { display:flex; gap:12px; justify-content:space-between; align-items:flex-start; }
.lzt-listing-top strong { line-height:1.3; }
.lzt-listing-top b { color:var(--accent); white-space:nowrap; }
.lzt-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.lzt-badge { padding:5px 9px; border-radius:999px; background:color-mix(in srgb,var(--accent) 16%,var(--panel)); color:var(--text); font-size:12px; }
.lzt-summary, .lzt-detail-summary, .lzt-detail-copy { white-space:pre-line; color:var(--muted); line-height:1.5; overflow-wrap:anywhere; }
.lzt-summary { margin:12px 0 0; font-size:13px; }
.lzt-listing-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0 15px 15px; }
.lzt-character-strip { display:flex; gap:5px; overflow:hidden; margin-top:12px; padding-bottom:2px; }
.lzt-character { display:block; flex:0 0 38px; width:38px; height:38px; border:1px solid var(--line); border-radius:9px; overflow:hidden; background:var(--panel); }
.lzt-character img { display:block; width:100%; height:100%; object-fit:contain; background:var(--panel); }
.valorant-asset-pending { display:flex; width:100%; min-height:100%; aspect-ratio:1; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:4px; box-sizing:border-box; color:var(--muted); text-align:center; font-size:9px; line-height:1.2; }
.product-detail-copy .valorant-asset-pending { min-height:0; font-size:10px; }
.valorant-asset-spinner { display:block; flex:0 0 auto; width:16px; height:16px; border:2px solid var(--line); border-top-color:var(--accent); border-radius:50%; animation:valorant-asset-spin 1s linear infinite; }
@keyframes valorant-asset-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .valorant-asset-spinner { animation:none; } }
.lzt-character.rarity-5 { border-color:rgba(255,181,58,.78); background:linear-gradient(145deg,rgba(255,184,61,.32),rgba(177,84,18,.2)); box-shadow:inset 0 0 0 1px rgba(255,213,112,.12); }
.lzt-character.rarity-4 { border-color:rgba(213,116,255,.72); background:linear-gradient(145deg,rgba(222,128,255,.3),rgba(101,63,177,.22)); box-shadow:inset 0 0 0 1px rgba(255,177,255,.1); }
.lzt-character.rarity-valorant-select { border-color:rgba(104,188,255,.9); background:linear-gradient(145deg,rgba(53,145,214,.3),rgba(33,73,128,.28)); box-shadow:inset 0 0 0 1px rgba(170,224,255,.16); }
.lzt-character.rarity-valorant-deluxe { border-color:rgba(50,220,211,.88); background:linear-gradient(145deg,rgba(34,177,190,.3),rgba(19,77,104,.25)); box-shadow:inset 0 0 0 1px rgba(147,255,239,.15); }
.lzt-character.rarity-valorant-premium { border-color:rgba(154,117,255,.9); background:linear-gradient(145deg,rgba(123,80,210,.3),rgba(60,48,130,.25)); box-shadow:inset 0 0 0 1px rgba(203,187,255,.16); }
.lzt-character.rarity-valorant-exclusive { border-color:rgba(226,98,184,.9); background:linear-gradient(145deg,rgba(199,71,177,.3),rgba(98,39,115,.25)); box-shadow:inset 0 0 0 1px rgba(255,173,224,.15); }
.lzt-character.rarity-valorant-ultra { border-color:rgba(82,223,255,.95); background:linear-gradient(145deg,rgba(47,190,234,.34),rgba(23,96,150,.28)); box-shadow:inset 0 0 0 1px rgba(179,244,255,.18); }
.lzt-character.rarity-5 img, .lzt-character.rarity-4 img { background:transparent; }
.lzt-character[class*="rarity-valorant-"] img { background:transparent; }
.lzt-listing-card .lzt-character-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.lzt-listing-card .lzt-character { width:auto; height:auto; aspect-ratio:1; min-width:0; }
.lzt-character-groups { display:grid; gap:20px; margin-top:18px; }
.lzt-character-group h3 { margin:0 0 9px; font-size:14px; color:var(--text); }
.product-detail-copy .lzt-character-group .lzt-character-strip { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:8px; overflow:visible; }
.product-detail-copy .lzt-character-group .lzt-character { width:auto; height:auto; min-width:0; aspect-ratio:auto; min-height:78px; padding:5px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:4px; }
.product-detail-copy .lzt-character-group .lzt-character img { width:100%; aspect-ratio:1; height:auto; object-fit:contain; background:var(--panel); border-radius:5px; }
.product-detail-copy .lzt-character-group .lzt-character.rarity-5 img, .product-detail-copy .lzt-character-group .lzt-character.rarity-4 img { background:transparent; }
.product-detail-copy .lzt-character-group .lzt-character[class*="rarity-valorant-"] img { background:transparent; }
.product-detail-copy .lzt-character-group .lzt-character small { display:block; width:100%; overflow:hidden; color:var(--muted); font-size:10px; line-height:1.1; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.lzt-character-group.is-collapsed .lzt-character:nth-child(n+17) { display:none; }
.lzt-character-group.is-expanded .lzt-character:nth-child(n+17) { display:flex; }
.lzt-character-group.has-overflow .lzt-character-expand { display:none; }
.lzt-character-group.is-collapsed .lzt-character-expand { display:inline-block; }
.lzt-character-expand { margin-top:10px; font-size:12px; }
.lzt-product-detail { width:100%; max-width:none; margin:0; }
.lzt-product-copy { width:100%; max-width:none; margin:0; }
.lzt-product-copy h1 { margin-bottom:22px; }
.lzt-info-card { padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }
.lzt-info-card .lzt-detail-summary { margin-top:0; }
.lzt-purchase-panel { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 22px; padding:0 0 20px; border-bottom:1px solid var(--line); }
.lzt-purchase-panel .product-detail-meta { margin-top:0; align-items:center; }
.lzt-purchase-panel .button.large { margin-top:0; }
.lzt-detail-summary { padding:14px 16px; margin:0 0 15px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
.lzt-detail-copy { margin:0 0 18px; }
.lzt-detail-copy + .lzt-character-strip { margin-top:0; }
.lzt-catalog-section > .hidden { display:none; }
.lzt-feed-admin-row { align-items:flex-start; }
.lzt-feed-admin-row small { display:block; max-width:760px; overflow-wrap:anywhere; }
.form-two-columns { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:720px) {
  .site-footer { align-items:flex-start; flex-direction:column; gap:14px; }
  .footer-links { justify-content:flex-start; gap:8px 14px; }
  .legal-heading h1 { font-size:38px; }
  .lzt-catalog-section { margin-top:18px; padding-top:14px; }
  .lzt-catalog-heading { display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; }
  .lzt-catalog-heading > div { width:100%; }
  .lzt-catalog-heading .eyebrow { margin-bottom:4px; font-size:14px; letter-spacing:.12em; }
  .lzt-catalog-heading h2, .lzt-catalog-heading #lzt-catalog-status { display:none; }
  .lzt-catalog-actions { justify-content:center; }
  .lzt-catalog-heading .button { margin-top:0; }
  .lzt-feed-heading { display:block; }
  .lzt-feed-block { padding:12px; border-radius:14px; }
  .lzt-filters { justify-content:flex-start; margin-top:14px; }
  .lzt-listing-grid { grid-template-columns:1fr; }
  .lzt-info-card { padding:14px; border-radius:14px; }
  .lzt-purchase-panel { align-items:flex-start; flex-direction:column; gap:14px; }
  .product-detail-copy .lzt-character-group .lzt-character-strip { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .product-detail-copy .lzt-character-group .lzt-character { min-height:58px; padding:3px; gap:2px; }
  .product-detail-copy .lzt-character-group .lzt-character small { font-size:9px; }
  .lzt-character-group.has-overflow .lzt-character-expand { display:inline-block; }
  .lzt-character-group.is-mobile-collapsed .lzt-character:nth-child(n+10) { display:none; }
  .lzt-character-group.is-mobile-expanded .lzt-character:nth-child(n+10) { display:flex; }
  .form-two-columns { grid-template-columns:1fr; }
}
.support-attachment-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:8px; }
.support-file-button { position:relative; overflow:hidden; cursor:pointer; }
.support-file-button input[type="file"] { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.support-attachments { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:9px; }
.support-attachment { display:block; min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:9px; color:var(--muted); background:var(--panel); text-decoration:none; }
.support-attachment:hover { border-color:var(--accent); color:var(--text); }
.support-attachment img { display:block; width:100%; aspect-ratio:1; object-fit:contain; background:var(--panel-2); }
.support-attachment small { display:block; overflow:hidden; padding:4px 6px; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
@media (max-width:520px) { .support-attachments { grid-template-columns:repeat(2,minmax(0,1fr)); } .support-attachment-controls { align-items:flex-start; flex-direction:column; } }
.support-selected-files { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
.support-selected-file { display:flex; align-items:center; gap:6px; min-width:0; max-width:220px; padding:5px 7px; border:1px solid var(--accent); border-radius:8px; background:rgba(77,199,255,.08); color:var(--text); font-size:11px; }
.support-selected-file img { width:34px; height:34px; flex:0 0 34px; object-fit:cover; border-radius:5px; background:var(--panel-2); }
.support-selected-file small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body[data-admin-page="products"] #products { grid-column:1 / -1; }
.product-order-hint { margin:0 0 5px; }
.product-order-status { margin:0 0 8px; font-size:12px; }
.product-editor-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; position:relative; }
.product-editor-info { min-width:0; overflow-wrap:anywhere; }
.product-order-controls { display:flex; align-items:center; gap:5px; }
.product-order-controls .button { width:36px; min-height:40px; padding:8px 0; font-size:18px; }
.product-order-controls .button:disabled { opacity:.35; cursor:default; transform:none; }
.product-order-position { min-width:22px; color:var(--muted); text-align:center; font-size:12px; }
.product-order-controls .product-drag-handle { cursor:grab; touch-action:none; user-select:none; }
.product-drag-handle:active { cursor:grabbing; }
.product-editor-row.is-dragging { opacity:.45; }
.product-editor-row.drop-before::before, .product-editor-row.drop-after::after { content:""; position:absolute; left:0; right:0; height:3px; border-radius:3px; background:var(--accent); pointer-events:none; }
.product-editor-row.drop-before::before { top:0; }
.product-editor-row.drop-after::after { bottom:0; }
.product-editor-row .admin-actions { max-width:470px; }
@media (max-width:1100px) {
  .product-editor-row { grid-template-columns:auto minmax(0,1fr); }
  .product-editor-row .admin-actions { grid-column:2; justify-content:flex-start; max-width:none; }
}
@media (max-width:720px) {
  .product-editor-row { grid-template-columns:minmax(0,1fr); gap:10px; }
  .product-editor-row .admin-actions { grid-column:1; }
  .product-order-controls .button { width:44px; min-height:44px; }
  .product-order-controls .product-drag-handle { display:none; }
}
@media (hover:none), (pointer:coarse) { .product-order-controls .product-drag-handle { display:none; } }
.auth-captcha { display:grid; gap:8px; min-width:0; }
.auth-captcha-widget { display:flex; justify-content:center; min-width:0; }
.auth-captcha [data-captcha-status] { display:block; text-align:center; font-size:12px; line-height:1.5; }
#login-captcha-settings .topup-payment-option input { width:auto; }
#login-captcha-settings .muted { font-size:13px; line-height:1.5; }
#auth-settings .auth-toggle { display:flex; align-items:center; gap:9px; color:var(--text); }
#auth-settings .auth-toggle input { width:18px; height:18px; flex:0 0 auto; accent-color:var(--accent); }
#auth-settings .muted { font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
#auth-settings .settings-subsection > .button { justify-self:start; }
#auth-settings a { color:var(--accent); font-size:13px; overflow-wrap:anywhere; }
@media (max-width:360px) { #auth-modal .modal-box { padding:24px 18px; } }