*,*::before,*::after{box-sizing:border-box}
:root{--bg:#24170e;--bg2:#2e1e13;--card:#3d2818;--card2:#4b321f;--line:#5e4028;--tx:#f6ece1;--mut:#c9ad92;--biru:#b0703a;--biru2:#8a5022;--hijau:#22c55e;--hijau2:#15a349;--emas:#fbbf24;--merah:#ef4444;--r:14px}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#140c07;color:var(--tx);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:#e2a76f;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
h1,h2,h3{line-height:1.3;margin:0}
[hidden]{display:none!important}
.w-pg{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;padding-bottom:76px;overflow-x:hidden}
/* faixa app */
.w-dl{display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(90deg,#2f1e12,#4f321c);border-bottom:1px solid var(--line)}
.w-dl img{width:36px;height:36px;border-radius:9px}
.w-dl p{flex:1;margin:0;font-size:13px;font-weight:700;line-height:1.25}
.w-dl__bt{background:var(--biru);color:#fff;font-weight:800;font-size:13px;padding:7px 14px;border-radius:999px;box-shadow:0 2px 8px #b0703a66}
.w-dl__x{color:var(--mut);font-size:16px;padding:4px}
/* header */
.w-hd{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(36,23,14,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.w-hd__mn{width:36px;height:36px;display:grid;place-items:center;color:#fff}
.w-hd__mn svg,.w-hd__so svg{width:22px;height:22px}
.w-hd__lg{flex:1;min-width:0}
.w-hd__lg img{height:32px;width:auto;max-width:120px;object-fit:contain}
.w-hd__ac{display:flex;align-items:center;gap:6px}
.w-hd__in,.w-hd__rg{color:#fff;font-weight:800;font-size:13px;padding:8px 14px;border-radius:9px}
.w-hd__in{background:linear-gradient(180deg,#c98a52,var(--biru2))}
.w-hd__rg{background:linear-gradient(180deg,#34d671,var(--hijau2))}
.w-hd__so{width:36px;height:36px;border-radius:50%;background:var(--card);display:grid;place-items:center;color:#f1dcc4}
/* menu */
.w-mn{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.55)}
.w-mn__sh{position:absolute;top:0;bottom:0;left:max(0px,calc(50% - 240px));width:min(84%,340px);background:var(--bg2);overflow-y:auto;padding:14px;animation:wIn .22s ease}
@keyframes wIn{from{transform:translateX(-100%)}to{transform:none}}
.w-mn__cab{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.w-mn__cab img{height:30px;width:auto}
.w-mn__x{font-size:18px;color:var(--mut)}
.w-mn__ac{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.w-mn__ls{display:grid;gap:4px}
.w-mn__ls a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--tx);background:var(--card)}
.w-mn__ls i{font-style:normal;width:22px;text-align:center}
.w-mn__lb{color:var(--mut);font-size:12px;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.06em}
.w-mn__pv{display:flex;flex-wrap:wrap;gap:6px}
.w-mn__pv a{padding:6px 12px;border-radius:999px;background:var(--card2);color:#fff;font-size:12px}
.w-mn__app{width:100%;margin-top:14px;padding:12px;border-radius:12px;background:linear-gradient(90deg,var(--biru),#d4a373);color:#fff;font-weight:800}
/* botões */
.w-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:11px;font-weight:800;color:#fff;font-size:14px;text-align:center}
.w-b--biru{background:linear-gradient(180deg,#c98a52,var(--biru2));box-shadow:0 3px 10px #b0703a55}
.w-b--hijau{background:linear-gradient(180deg,#34d671,var(--hijau2));box-shadow:0 3px 10px #22c55e44}
.w-b--gelap{background:var(--card2);border:1px solid var(--line)}
.w-b--fv{background:var(--card2);color:#c9ad92;width:44px;padding:11px 0;font-size:18px}
.w-b--fv.on{color:var(--emas)}
.w-b--w{width:100%;margin-top:10px}
.w-main{padding:10px 10px 0}
/* busca */
.w-so{position:fixed;inset:0;z-index:70;background:var(--bg);max-width:480px;margin:0 auto;display:flex;flex-direction:column}
.w-so__top{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--line)}
.w-so__top label{flex:1;display:flex;align-items:center;gap:8px;background:var(--card);border-radius:10px;padding:0 10px}
.w-so__top svg{width:18px;height:18px;color:var(--mut)}
.w-so__top input{flex:1;background:none;border:0;color:#fff;padding:11px 0;font-size:16px;outline:0}
.w-so__top button{color:#e2a76f;font-weight:800}
.w-so__ls{overflow-y:auto;padding:8px 10px;display:grid;gap:6px}
.w-so__ls a{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;background:var(--bg2);color:var(--tx)}
.w-so__ls img{width:36px;height:48px;border-radius:6px;object-fit:cover}
.w-so__ls span{display:flex;flex-direction:column}
.w-so__ls small{color:var(--mut)}
.w-so__vz{text-align:center;color:var(--mut)}
@media (min-width:481px){.w-pg{box-shadow:0 0 40px rgba(0,0,0,.5)}}
@media (max-width:360px){.w-hd__in,.w-hd__rg{padding:7px 10px;font-size:12px}}