:root{--bg:#111a14;--bar:#0c130e;--panel:#1a251e;--panel2:#233229;--line:#33493b;--text:#e6f0e8;--mute:#8fa897;--acc:#3ddc84;--accd:#1e7a46;--ok:#7bc74d;--bad:#e5533d;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#e7f1ea;--bar:#fff;--panel:#fff;--panel2:#eef6f0;--line:#c5dccb;--text:#15281b;--mute:#53705b;--acc:#16a152;--accd:#8fd4ab;color-scheme:light}}
:root[data-theme="dark"]{--bg:#111a14}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 "Barlow","Segoe UI",system-ui,sans-serif}
.top{background:var(--bar);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:8px 16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand svg{width:40px;height:40px}
.brand span{font:800 22px/1 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.5px}.brand b{color:var(--acc)}
.tab{color:var(--acc);font-weight:600;padding:6px 10px;border-radius:6px;background:rgba(61,220,132,.08)}
.sp{flex:1}.mute{color:var(--mute)}
.bal{background:var(--panel);border:1px solid var(--line);padding:6px 12px;border-radius:6px}.bal b{color:var(--acc)}.bal small{color:var(--mute)}
#auth{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
button,.btn{font:inherit;color:inherit;cursor:pointer}
.ghost{background:none;border:1px solid var(--line);border-radius:6px;padding:6px 12px;text-decoration:none;color:var(--text)}.ghost:hover{border-color:var(--acc)}
.ico{padding:6px 10px;font-size:16px;line-height:1}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cats{display:flex;gap:2px;overflow-x:auto;background:var(--bar);border-bottom:1px solid var(--line);padding:0 12px}
.cat{background:none;border:0;border-bottom:2px solid transparent;padding:12px 12px;color:var(--mute);white-space:nowrap}
.cat:hover{color:var(--text)}.cat[aria-pressed=true]{color:var(--text);border-bottom-color:var(--acc)}
#testbar{background:var(--accd);color:#fff;text-align:center;padding:4px;font-size:12px}
main{display:grid;grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr);gap:14px;padding:14px;max-width:1600px;margin:0 auto}
@media(max-width:980px){main{grid-template-columns:minmax(0,1fr)}.mid{order:-1}}
.box{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.wide{max-width:1572px;margin:0 14px 14px}@media(min-width:1600px){.wide{margin:0 auto 14px}}
.bh{display:flex;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--panel2);border-bottom:1px solid var(--line);font-weight:600}.bh b{color:var(--acc)}
.slots{min-height:140px;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px;align-content:start;background-image:repeating-linear-gradient(45deg,transparent 0 18px,rgba(61,220,132,.035) 18px 36px)}
.empty{grid-column:1/-1;text-align:center;color:var(--mute);padding:30px 10px}
.inv{margin-top:14px}
.tb{display:flex;gap:8px;padding:8px;border-bottom:1px solid var(--line);align-items:center}
.tb input{flex:1;min-width:0}.tb select{width:auto;max-width:150px}
.pill{background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:5px 9px;font-weight:700;font-size:12px}
.cnt{padding:6px 12px 0;font-size:12px;color:var(--mute)}
.grid{padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px;max-height:640px;overflow:auto}
.card{position:relative;background:var(--panel2);border:1px solid transparent;border-top:2px solid var(--rc,var(--line));border-radius:6px;padding:6px 7px 12px;text-align:left;display:block;width:100%;overflow:hidden}
.card:hover{border-color:var(--accd);border-top-color:var(--rc,var(--accd))}.card.sel{outline:2px solid var(--acc);opacity:.55}.card.nop{opacity:.7}
.card img,.card .ph{width:100%;height:78px;object-fit:contain;display:block}
.card .ph{background:linear-gradient(135deg,var(--line),transparent);border-radius:4px}
.fv{position:absolute;top:5px;right:6px;font:600 10.5px/1 ui-monospace,Consolas,monospace;color:var(--text);background:rgba(0,0,0,.45);padding:2px 4px;border-radius:4px}
.n{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.n i{font-style:normal;font-weight:800;margin-right:3px}.n .st{color:#ff8a3d}.n .sv{color:#ffd24a}.n .w{color:var(--acc);margin:0 0 0 3px}
.f{font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:15px}
.pr{display:flex;justify-content:space-between;align-items:center;margin-top:3px;min-height:20px}.p{font-weight:700;font-size:14px}
.s{font-size:10.5px;color:var(--mute)}
.ics{display:flex;gap:7px}
.ic{position:relative;display:inline-block;width:18px;height:18px;color:var(--mute)}.ic svg{width:18px;height:18px;display:block}
.ic em{position:absolute;top:-7px;right:-6px;background:var(--acc);color:#04210f;font-style:normal;font-size:10px;font-weight:800;border-radius:8px;padding:0 4px;line-height:14px}
.fl{position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#4caf50 0 7%,#9ccc3c 7% 15%,#e0c030 15% 38%,#ee8a30 38% 45%,#e5533d 45%)}
.fl.off{background:var(--line);opacity:.5}
.fl s{position:absolute;top:-3px;width:2px;height:10px;background:#fff;box-shadow:0 0 2px #000}
.skel{height:170px;border:0;background:linear-gradient(90deg,var(--panel2) 25%,var(--line) 50%,var(--panel2) 75%);background-size:200% 100%;animation:sh 1.2s linear infinite}
@keyframes sh{to{background-position:-200% 0}}
.mid .box{padding:14px;position:sticky;top:10px}
.go{width:100%;padding:12px;border:0;border-radius:6px;background:var(--acc);color:#04210f;font-weight:800;font-size:15px}.go:disabled{background:var(--accd);color:#bfe8cf;cursor:not-allowed}
.hint{min-height:18px;margin:6px 0 14px;font-size:12.5px;color:var(--mute)}.hint.bad{color:var(--bad)}.hint.ok{color:var(--ok)}
details{border-top:1px solid var(--line);padding:8px 0}
summary{cursor:pointer;color:var(--mute);padding:4px 0;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"▾";float:right}details:not([open]) summary::after{content:"▸"}
label.l{display:block;color:var(--mute);margin:12px 0 5px}
input[type=text],input[type=number],select{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:8px;border-radius:5px;font:inherit}
.row{display:flex;gap:6px}.chips{display:flex;flex-wrap:wrap;gap:5px}
.chip{border:1px solid var(--line);background:none;border-radius:5px;padding:4px 9px;font-size:12px}.chip[aria-pressed=true]{background:var(--acc);color:#04210f;border-color:var(--acc);font-weight:700}
.chk{display:flex;gap:8px;align-items:center;margin-top:8px;color:var(--mute)}
.orders{padding:8px 14px}.orders div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.orders div:last-child{border:0}
.lnk{color:var(--acc);font-weight:600}
dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:20px;max-width:520px;width:calc(100% - 28px)}dialog::backdrop{background:rgba(0,0,0,.6)}
dialog h2{margin:0 0 6px;font-size:18px}dialog h3.sec{margin:14px 0 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.m{color:var(--mute);font-size:12.5px;margin:6px 0}.ok{color:var(--ok)}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--panel2);border:1px solid var(--acc);padding:10px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:99;max-width:90%}#toast.on{opacity:1}
footer{text-align:center;color:var(--mute);font-size:12px;padding:6px 16px 24px}
.more{position:relative}
.menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:200px;z-index:20;padding:4px}
.menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 12px;border-radius:5px}.menu button:hover{background:var(--panel2)}
#gw,#donate{max-width:700px}#donGrid{max-height:340px;margin:8px 0}
.gw{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.gwi{display:flex;min-width:60px}.gwi img,.gwi .ph{width:56px;height:42px;object-fit:contain;display:block;margin-right:-14px}
.gwt{flex:1;min-width:0}.gwb{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.sm{width:auto;padding:7px 12px;font-size:13px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.tabs2{display:flex;border-bottom:1px solid var(--line)}
.t2{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:11px;color:var(--mute);font-weight:600}
.t2[aria-pressed=true]{color:var(--text);border-bottom-color:var(--acc)}
.lk{position:absolute;top:5px;left:6px;z-index:1;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.6);padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}
.lk svg{width:11px;height:11px}.lk.rdy{color:var(--acc)}
.side{position:absolute;right:6px;top:30px;display:flex;flex-direction:column;gap:6px;align-items:center}
.ic{width:22px;height:22px;padding:2px;background:rgba(0,0,0,.4);border-radius:5px}.ic svg{width:18px;height:18px}
.ic.sk{color:#f2c94c}.ic.ch{color:#6fd3ff}
.card.lockd{opacity:.75;cursor:not-allowed}
.go.alt{background:var(--panel2);color:var(--text);border:1px solid var(--acc);margin-top:6px}.go.alt:disabled{color:var(--mute);border-color:var(--line);background:var(--panel2)}
.fv{left:auto}