/* Damaverse bar + modals for the game pages (chess, pool, steps keep their own light design).
   Everything is scoped (.dvbar, #walletModal, #payModal, #dlg) so it never clashes with the game's CSS. */
.dvbar{position:sticky;top:0;z-index:50;background:#000;border-bottom:1px solid #1f2937;font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif}
.dvbar .in{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px}
.dvbar .brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:800;font-size:17px}
.dvbar .brand img{width:34px;height:34px;border-radius:50%}
.dvbar .brand small{display:block;font-size:10.5px;color:#94a3b8;font-weight:500;line-height:1}
.dvbar nav{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.dvbar nav a{color:#cbd5e1;text-decoration:none;font-size:13.5px;font-weight:600;padding:7px 9px;border-radius:9px;white-space:nowrap}
.dvbar nav a:hover,.dvbar nav a.on{color:#FEBD19;background:rgba(254,189,25,.08)}
.dvbar .sp{flex:1}
.dvbar #walletBtn{background:#FEBD19;color:#111;border:0;border-radius:10px;padding:9px 14px;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap;font-family:inherit}
.dvbar #walletBtn.on{background:#111827;color:#fff;border:1px solid #334155}
.dvbar #walletBtn img{vertical-align:middle}
.dvbar #menuBtn{display:none}
@media(max-width:900px){.dvbar nav{display:none}.dvbar .brand small{display:none}}
.dvfoot{text-align:center;font:13px Poppins,system-ui,sans-serif;color:#64748b;padding:26px 16px 34px}
.dvfoot a{color:#b8860b;font-weight:600;text-decoration:none}
.dvgames{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:10px auto 0;max-width:1100px;padding:0 12px}
.dvgames a{font:600 13px Poppins,system-ui,sans-serif;text-decoration:none;color:#0D1424;background:#fff;border:1.5px solid #E4E8F2;border-radius:99px;padding:7px 13px}
.dvgames a.on{background:#0D1424;color:#FEBD19;border-color:#0D1424}
#walletModal,#payModal,#dlg{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:90;display:none;align-items:center;justify-content:center;padding:16px;font-family:Poppins,system-ui,sans-serif}
#walletModal.show,#payModal.show,#dlg.show{display:flex}
#walletModal .box,#payModal .box,#dlg .box{background:#0b1220;color:#f1f5f9;border:1px solid #334155;border-radius:18px;padding:20px;width:100%;max-width:440px;max-height:92vh;overflow-y:auto;line-height:1.5}
#walletModal h3,#payModal h3,#dlg h3{font-size:18px;margin:0 0 6px}
#walletModal p,#payModal p,#dlg p{color:#94a3b8;font-size:13px;margin:4px 0}
#walletModal .wlist{display:grid;gap:8px;margin-top:14px}
#walletModal .wlist button{display:flex;align-items:center;justify-content:space-between;width:100%;background:#111827;color:#f1f5f9;border:1px solid #334155;border-radius:12px;padding:13px 14px;cursor:pointer;font-weight:600;font-family:inherit}
#walletModal .wlist a{display:block;text-align:center;padding:11px;border-radius:12px;border:1px dashed #334155;color:#cbd5e1;font-size:13.5px}
#walletModal .btn,#payModal .btn,#dlg .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 18px;font-weight:600;font-size:14.5px;cursor:pointer;font-family:inherit}
#walletModal .btn.gold,#payModal .btn.gold,#dlg .btn.gold{background:#FEBD19;color:#111}
#walletModal .btn.ghost,#payModal .btn.ghost,#dlg .btn.ghost{background:transparent;border:1px solid #334155;color:#f1f5f9}
#payModal .btn:disabled,#dlg .btn:disabled{opacity:.5}
#payModal .amt,#dlg .amt{text-align:center;background:#111827;border:1px solid #334155;border-radius:14px;padding:14px;margin:10px 0}
#payModal .amt b,#dlg .amt b{display:block;font-size:22px;color:#FEBD19}#payModal .amt small,#dlg .amt small{color:#94a3b8;font-size:12px}
#walletModal .msg,#payModal .msg,#dlg .msg,.dvm .msg{margin-top:12px;font-size:13px;border-radius:11px;padding:10px 12px;display:none;word-break:break-word}
#walletModal .msg.show,#payModal .msg.show,#dlg .msg.show,.dvm .msg.show{display:block}
#payModal .msg.ok,#dlg .msg.ok,.dvm .msg.ok{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);color:#15803d}
#payModal .msg.err,#dlg .msg.err,.dvm .msg.err,#walletModal .msg.err{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:#dc2626}
#payModal .msg.warn,#dlg .msg.warn,.dvm .msg.warn{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.4);color:#b45309}
#payModal .msg a,#dlg .msg a,.dvm .msg a{color:inherit;text-decoration:underline}
#payModal .msg.ok,#payModal .msg.err,#payModal .msg.warn,#dlg .msg.ok{color:#e2e8f0}
#payModal .hint,#dlg .hint{color:#94a3b8;font-size:12.5px;margin-top:6px}#payModal .hint a,#dlg .hint a{color:#FEBD19}
#payModal .qrbox{display:grid;place-items:center;margin-top:12px;background:#fff;border-radius:14px;padding:14px}#payModal .qrbox[hidden]{display:none}
#payModal .qrbox img{width:220px;height:220px;image-rendering:pixelated}#payModal .qrbox p{color:#475569;text-align:center}
#dlg .shopgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:10px}
#dlg .shopit{background:#111827;border:1px solid #334155;border-radius:12px;padding:10px;text-align:center;font-size:13px}
#dlg .shopit canvas{width:100%;height:46px;border-radius:8px;display:block;margin-bottom:6px}
#dlg .shopit b{display:block;color:#f1f5f9;font-size:13px}
#dlg .shopit small{color:#94a3b8}
#dlg .shopit button{margin-top:6px;width:100%;border:0;border-radius:9px;padding:7px;font:700 12.5px Poppins,system-ui,sans-serif;cursor:pointer;background:#FEBD19;color:#111}
#dlg .shopit button.own{background:#16A34A;color:#fff}#dlg .shopit button.use{background:#1E293B;color:#fff;border:1px solid #475569}