/* Lolcal Token Lock: same developer look as the XRPL xApps store pages (dark slate, blue accent,
   system font, 16px cards), plus the locked full-body lolcal #16 mascot top-left with a speech bubble. */
:root{--bg:#0b0d12;--card:#151922;--line:#252b38;--ink:#e8ebf2;--muted:#9aa3b5;--accent:#2f8cff;--warn:#ffb347;--ok:#5ddea8;--bad:#ff7a7a;--lime:#5ddea8}
body{background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent)}
.card,.locks li,.seg label{background:var(--card);border-color:var(--line);border-radius:16px}
select,input:not([type=radio]):not([type=checkbox]),textarea,pre{background:#0f1218;border-color:var(--line);color:var(--ink)}
button{background:var(--accent);color:#fff;border-radius:14px;font-weight:600}
button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}
button:disabled{background:#2a3140;color:#7d879a}
.tag{background:transparent;color:var(--ok);border:1px solid var(--ok);border-radius:999px;padding:1px 8px}
.count,.unlock{color:var(--ok)}
.warn{background:#1e1810;border-left-color:var(--warn)}
.net{background:#1e1810;color:var(--warn);border:1px solid var(--warn);font-weight:700}
.topbar{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;margin-bottom:12px;flex-wrap:wrap}
.topbar img.mark{width:36px;height:36px;border-radius:10px;object-fit:cover;background:#222a38}
.topbar .net{margin-left:auto}
.brandbar{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-bottom:8px}
.mascot-slot{width:92px}
.mascot-slot img,.mascot-slot video,.mascot-slot model-viewer{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}
.brandname{margin:0;font-size:24px;line-height:1.2;color:var(--ink)}
.brandsub{margin:2px 0 0;color:var(--muted);font-size:14px}
.bubble{position:relative;margin-top:10px;background:#e8ebf2;color:#0b0d12;border-radius:14px;padding:10px 12px;font-weight:600;font-size:15px;line-height:1.35;min-height:2.6em}
.bubble::before{content:"";position:absolute;left:-9px;top:14px;border:9px solid transparent;border-right-color:#e8ebf2;border-left:0}
.bubble[data-tone=error]{background:#ffe3e0;color:#5a0b05}.bubble[data-tone=error]::before{border-right-color:#ffe3e0}
.bubble[data-tone=done]{background:var(--ok)}.bubble[data-tone=done]::before{border-right-color:var(--ok)}
.bubble[data-tone=wait]{background:#dbe9ff}.bubble[data-tone=wait]::before{border-right-color:#dbe9ff}
@media (min-width:600px){.mascot-slot{width:120px}.brandname{font-size:28px}}
.pick{display:block;color:inherit;text-decoration:none}.pick:hover{border-color:var(--accent)}.pick h2{margin:0 0 4px}