/* gamepayfun.com — clean marketplace look (funpay-like), mobile first. No inline styles anywhere (CSP). */
:root{--brand-2:#6c4dff;--mine:#e5edff;--bg:#f4f6fa;--card:#fff;--ink:#1b2333;--muted:#6b7488;--line:#e3e7ef;--brand:#2f6bff;--brand-ink:#fff;--ok:#11875d;--warn:#b45309;--err:#c0262d;--chip:#eef2fb;--radius:10px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
code,.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.test-badge{background:#ffe28a;color:#5a4300;text-align:center;font-weight:700;font-size:13px;padding:4px 8px;letter-spacing:.04em}
.top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:10px;padding-bottom:8px}
.logo{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;font-size:18px}.logo:hover{text-decoration:none}
.logo-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--brand);color:#fff;font-weight:800}
.logo-word b{color:var(--brand)}
.search{display:flex;flex:1 1 220px;order:3;min-width:0}
.search input{flex:1;min-width:0;border:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px;padding:8px 10px;font:inherit;background:var(--bg);color:var(--ink)}
.search button{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:0 8px 8px 0;padding:0 12px;font:inherit;cursor:pointer}
.top-nav{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}
.switch{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.switch a{padding:3px 8px;color:var(--muted);font-size:13px}.switch a.on{background:var(--chip);color:var(--ink);font-weight:600}
.nav-link{color:var(--ink);font-weight:500}
.sub-nav{display:flex;gap:16px;font-size:13px;padding-bottom:8px}.sub-nav a{color:var(--muted)}
.inline{display:inline}
.linkish{background:none;border:0;color:var(--brand);font:inherit;cursor:pointer;padding:0}
.btn{display:inline-block;background:var(--brand);color:var(--brand-ink);border:0;border-radius:8px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer;text-align:center}
.btn:hover{text-decoration:none;filter:brightness(1.05)}.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn-sm{padding:5px 10px;font-size:13px}.btn-big{display:block;width:100%;padding:13px 16px;font-size:16px;margin-top:10px}
.btn-ghost{background:var(--chip);color:var(--ink)}.btn-danger{background:var(--err)}
main.wrap{padding-top:16px;padding-bottom:32px;min-height:60vh}
h1{font-size:22px;margin:6px 0 12px}h2{font-size:17px;margin:0 0 10px}.sec-h{margin:22px 0 10px}
.muted{color:var(--muted)}.small{font-size:12px}
.flash{border-radius:8px;padding:10px 12px;margin:10px 0;border:1px solid}
.flash-ok{background:#e9f8f1;border-color:#b7e7d2;color:#0b5e41}.flash-err{background:#fdeeee;border-color:#f3c2c4;color:#8f1c21}.flash-info{background:#eef4ff;border-color:#c9d8fb;color:#22408f}
.hero{background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff;border-radius:14px;padding:22px 18px;margin-bottom:6px}.hero h1{margin-top:0;font-size:24px}.hero p{margin:0;opacity:.92}
.tiles{display:grid;grid-template-columns:1fr;gap:12px}
.tile{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;color:var(--ink)}.tile:hover{border-color:var(--brand);text-decoration:none}
.tile-mark{flex:0 0 48px;height:48px;border-radius:12px;background:var(--chip);display:grid;place-items:center;font-weight:800;font-size:22px;color:var(--brand)}
.tile-body{display:flex;flex-direction:column;gap:2px;min-width:0}.tile-body small{color:var(--muted)}
.tile-links{display:flex;gap:10px;align-items:center;margin-top:6px;font-size:13px}
.chip{display:inline-block;background:var(--chip);border-radius:999px;padding:2px 10px;font-size:13px;color:var(--ink)}.chip.on{background:var(--brand);color:#fff}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:4px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:10px;overflow-x:auto}
.tabs a{padding:8px 12px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs a.on{color:var(--ink);border-color:var(--brand);font-weight:600}
.count{background:var(--chip);border-radius:999px;padding:0 7px;font-size:12px;margin-left:4px}
.escrow{background:#eef8f3;border:1px solid #cdebdc;color:#145a3d;border-radius:8px;padding:8px 12px;font-size:13px}
.filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.offers{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.offer-head{display:none}
.offer-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 14px;border-top:1px solid var(--line);color:var(--ink)}
.offer-row:hover{background:var(--chip);text-decoration:none}
.o-card{font-size:16px}.o-card small{color:var(--muted);margin-left:4px}.o-price{grid-row:1/3;grid-column:2;align-self:center;font-weight:700;font-size:16px}
.o-seller,.o-stock,.o-del{font-size:13px;color:var(--muted)}.o-stock{display:none}
.badge-official{color:var(--ok);font-weight:600}.stars{color:#c98a00;margin-left:4px}
.empty{color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:18px;text-align:center}
.product{display:grid;gap:14px}
.card-art{border-radius:14px;background:linear-gradient(135deg,#1b2333,var(--brand));color:#fff;aspect-ratio:1.6;display:flex;flex-direction:column;justify-content:space-between;padding:18px;max-width:420px}
.card-art span{opacity:.85;font-weight:600}.card-art b{font-size:34px;text-align:right}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:8px 0}.kv dt{color:var(--muted)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
fieldset{border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:10px 0}legend{color:var(--muted);font-size:13px;padding:0 4px}
.radio{display:block;padding:6px 0;cursor:pointer}.radio.off{color:var(--muted)}.radio small{display:block;margin-left:24px}
.tag-test{background:#ffe28a;color:#5a4300;border-radius:4px;padding:0 5px;font-size:11px;font-weight:700}
.total{display:flex;align-items:baseline;gap:10px;margin-top:8px}.total b{font-size:22px}.total small{color:var(--muted)}
.side-links{font-size:13px;margin-top:10px}
.st{display:inline-block;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:600;background:var(--chip)}
.st-completed,.st-redeemed{background:#e3f6ec;color:var(--ok)}.st-delivered{background:#e5edff;color:#22408f}
.st-cancelled,.st-refunded{background:#f1f2f5;color:var(--muted)}.st-disputed,.st-chargeback{background:#fdeeee;color:var(--err)}.st-paid,.st-awaiting_payment,.st-cleared{background:#fff4dc;color:var(--warn)}
.timeline{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}
.timeline li{display:flex;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:var(--muted)}
.timeline li.done{color:var(--ink);border-color:#cfe0ff}.timeline li.now{border-color:var(--brand);box-shadow:0 0 0 2px #dbe6ff}.timeline li.side{border-color:#f3c2c4}
.timeline small{color:var(--muted)}
.big{font-size:20px}
.code-reveal{display:grid;gap:8px;margin-top:8px}
.code{display:block;font-size:22px;letter-spacing:.06em;background:var(--chip);border:1px dashed #b9c6e4;border-radius:8px;padding:12px;text-align:center;user-select:all}
[data-copy]{cursor:copy}.copied{outline:2px solid var(--ok)}
.reveal{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.reveal h3{margin:0 0 4px;font-size:15px}
.reveal label,.field{display:block;margin:8px 0}.field span{display:block;font-size:13px;color:var(--muted);margin-bottom:3px}
input:not([type=checkbox]):not([type=radio]),select{border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;width:100%;background:var(--card);color:var(--ink);max-width:100%}
.check{display:flex;gap:8px;align-items:center;margin:8px 0}
.grid2{display:grid;gap:12px}
.bar{display:block;height:6px;background:var(--chip);border-radius:6px;margin-top:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand)}
.w0{width:0}.w1{width:10%}.w2{width:20%}.w3{width:30%}.w4{width:40%}.w5{width:50%}.w6{width:60%}.w7{width:70%}.w8{width:80%}.w9{width:90%}.w10{width:100%}
.ok{color:var(--ok)}
.list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.list-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 14px;border-top:1px solid var(--line);color:var(--ink)}.list-row:first-child{border-top:0}.list-row small{color:var(--muted)}
.auth{max-width:420px;margin:10px auto}
.rules li{margin:6px 0}
.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}.tbl th{color:var(--muted);font-weight:600}
.foot{border-top:1px solid var(--line);background:var(--card);padding:16px 0;font-size:13px}.foot-18{font-weight:600}.foot-18 b{background:var(--err);color:#fff;border-radius:4px;padding:0 5px;margin-right:4px}
@media (min-width:720px){
 .search{order:0}
 .tiles{grid-template-columns:repeat(2,1fr)}
 .offer-head{display:grid;grid-template-columns:1.2fr 1.4fr .8fr .8fr .8fr;gap:10px;padding:8px 14px;font-size:12px;color:var(--muted);background:var(--bg)}
 .offer-row{grid-template-columns:1.2fr 1.4fr .8fr .8fr .8fr;align-items:center}
 .o-price{grid-row:auto;grid-column:auto;text-align:right}.o-stock{display:block}
 .product{grid-template-columns:minmax(240px,380px) 1fr;align-items:start}
 .grid2{grid-template-columns:1fr 1fr}
 .list-row{grid-template-columns:auto 1fr auto auto;align-items:center}
}
/* ---- marketplace (S1) ---- */
textarea{border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;width:100%;background:var(--card);color:var(--ink)}
.langs{position:relative}.langs summary{cursor:pointer;font-size:13px;color:var(--muted);list-style:none;border:1px solid var(--line);border-radius:8px;padding:3px 8px}
.langs-menu{position:absolute;right:0;top:110%;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px;display:grid;gap:2px;min-width:170px;z-index:9;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.langs-menu a{padding:4px 8px;border-radius:6px;color:var(--ink)}.langs-menu a.on{background:var(--chip);font-weight:600}
.cat-grid{display:grid;gap:12px}.cat-box h2{margin-bottom:6px}.cat-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.lvl{display:inline-block;border-radius:6px;padding:0 6px;font-size:11px;font-weight:700;background:var(--chip);color:var(--muted);white-space:nowrap}
.lvl-1{background:#e5edff;color:#22408f}.lvl-2{background:#e3f6ec;color:var(--ok)}.lvl-3{background:#fff1d6;color:#8a5a00}
.mp-row .o-card b{font-weight:600}
.pager{display:flex;gap:14px;align-items:center;justify-content:center;margin:14px 0}
.mp-filters select,.mp-filters input{width:auto;min-width:0}
.desc p{margin:0 0 8px}.note{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--chip);border-radius:8px;padding:10px;margin:0;font-family:ui-monospace,Consolas,monospace}
.review .stars{white-space:nowrap}.act-col{display:grid;gap:4px;border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
[data-results].loading{opacity:.5;transition:opacity .15s}
details.panel>summary{cursor:pointer;font-weight:600}
@media (min-width:720px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
/* ---- chat (S3) ---- */
.chat-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px;max-height:480px;overflow-y:auto}
.msg{background:var(--chip);border-radius:10px;padding:8px 10px;max-width:92%}.msg.mine{background:var(--mine);justify-self:end}.msg.sys{background:none;border:1px dashed var(--line);color:var(--muted);font-size:13px;max-width:100%}
.msg small{color:var(--muted);margin-left:6px}.msg-text{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.orig{font-size:12px;color:var(--muted)}.orig summary{cursor:pointer}
.chat-form{display:grid;gap:6px}.chat-lang{margin-top:8px;font-size:13px}.chat-lang select{width:auto}
img.banner{max-width:100%;height:auto;border-radius:12px}code.share{white-space:normal;display:block;background:var(--chip);border-radius:8px;padding:8px}
/* ---- themes (S4): light / dark / system × 3 brand palettes, CSS variables only (admin default, visitor switch in the footer) ---- */
[data-theme=dark]{--bg:#0f141d;--card:#171e2a;--ink:#e6eaf2;--muted:#9aa5ba;--line:#273042;--chip:#222b3b;--mine:#1f2c48;color-scheme:dark}
@media (prefers-color-scheme:dark){[data-theme=system]{--bg:#0f141d;--card:#171e2a;--ink:#e6eaf2;--muted:#9aa5ba;--line:#273042;--chip:#222b3b;--mine:#1f2c48;color-scheme:dark}}
[data-palette=blue]{--brand:#2f6bff;--brand-2:#6c4dff}
[data-palette=emerald]{--brand:#0f9f6e;--brand-2:#0b7fa8}
[data-palette=sunset]{--brand:#e8590c;--brand-2:#d6336c}
.theme-switch a{margin:0 4px;color:var(--muted)}.theme-switch a.on{color:var(--ink);font-weight:700}
.sw{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle;border:2px solid transparent}.sw.on{border-color:var(--ink)}
.sw-blue{background:#2f6bff}.sw-emerald{background:#0f9f6e}.sw-sunset{background:#e8590c}
.consent{position:fixed;left:12px;right:12px;bottom:12px;max-width:560px;margin:0 auto;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 8px 30px rgba(0,0,0,.18);z-index:20}
.consent p{margin:0 0 8px}