/* wallet sign-in + OnlyGrads meter + locked (free) view — user 2026-09-24. Pixel flair matches style.css. */
#meter,#meter *,#lockbar,#wmodal,#wmodal *,#outmodal,#outmodal *{font-family:"Jersey 15",sans-serif}   /* one text face site-wide (body default is still the old serif) */
.wallet{display:flex;align-items:center;gap:12px;margin-left:auto}
#meter{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.15;text-align:right;font-size:11px;color:var(--dim);max-width:520px}
#meter .mtag{font-size:10px;letter-spacing:1px;color:#111;background:var(--g);padding:1px 6px;box-shadow:2px 2px 0 #000;animation:mpulse 1s steps(2) infinite}
#meter .mtag.out{background:var(--dim);animation:none}
#meter .mline{color:var(--ink)} #meter .mline.dim{color:var(--dim);font-size:10px}
#meter .tick{font-family:VT323,monospace;font-size:15px;color:var(--g);font-variant-numeric:tabular-nums} #meter .tick.big{font-size:20px}
#meter .fuel{display:block;width:180px;height:8px;background:#1a120b;border:1px solid var(--gold2);box-shadow:2px 2px 0 #000;margin-top:2px}
#meter .fuel i{display:block;height:100%;background:linear-gradient(90deg,#1f8f52,var(--g));transition:width 1s linear}
@keyframes mpulse{0%{filter:brightness(1)}100%{filter:brightness(1.35)}}
/* locked view */
#lockbar{margin:4px 0 6px;padding:8px 12px;border:2px solid var(--gold2);background:#2a1f12;box-shadow:3px 3px 0 #000;font-size:12px;color:var(--ink)}
#lockbar a.unlock,.c-links a.unlock{color:var(--gold);cursor:pointer;text-decoration:underline}
.row.hidden-row{cursor:pointer;border-style:dashed;opacity:.85}
.row.hidden-row .blur{filter:blur(4px);user-select:none;pointer-events:none}
.row.hidden-row .c-logo.lockimg{display:flex;align-items:center;justify-content:center;font-size:16px;background:#1d150c;border-color:#4a3a20}
.row.hidden-row .c-links a.unlock{border:1px solid var(--gold2);padding:2px 6px;text-decoration:none;background:#1d150c;font-size:9px}
body.locked .gem{filter:grayscale(1) opacity(.45)} body.locked .chip.col{pointer-events:none;opacity:.35}
/* wallet modal + out-of-credits popup (same box) */
#wmodal,#outmodal{position:fixed;inset:0;background:rgba(8,5,2,.78);display:flex;align-items:center;justify-content:center;z-index:50}
#wmodal .wbox,#outmodal .wbox{width:min(420px,92vw);background:linear-gradient(#3b2a15,#241a10);border:3px solid var(--gold);box-shadow:6px 6px 0 #000;padding:22px 24px;text-align:center;font-size:13px}
#wmodal h3,#outmodal h3{margin:10px 0 6px;font-size:16px;color:var(--gold);letter-spacing:1px}
#wmodal p,#outmodal p{margin:6px 0;color:var(--ink)} #wmodal p.dim{color:var(--dim);font-size:11px;min-height:14px}
#outmodal{z-index:51} #outmodal .wbox{border-color:var(--r)} #outmodal h3{color:#ffb3b3} #outmodal p{font-size:13px;line-height:1.45}
#outmodal .obtns{display:flex;gap:10px;justify-content:center;margin-top:14px} #outmodal .obtns .chip{opacity:1}
#outmodal.intro .wbox{border-color:var(--gold)} #outmodal.intro h3{color:var(--gold)} #outmodal.intro p{text-align:left}   /* the launch intro: gold, not a warning */
#wlist{display:flex;flex-direction:column;gap:8px;margin:12px 0}
#wmodal .wbox{width:min(520px,92vw);max-height:92vh;overflow:auto;text-align:left}
#wmodal .wbox>img,#wmodal h3,#wconnect p{text-align:center}
.addr{display:flex;align-items:center;gap:8px;margin:4px 0} .addr code{font-family:VT323,monospace;font-size:15px;color:var(--ink);background:#1a120b;border:1px solid var(--gold2);padding:3px 8px;word-break:break-all;flex:1}
.wbal{display:flex;align-items:baseline;gap:8px;margin:8px 0 10px} .wbal .tick{font-family:VT323,monospace;font-size:34px;color:var(--g)} .wbal span{color:var(--dim);font-size:12px}
.warn{border:2px solid var(--r);background:rgba(255,92,92,.10);color:#ffb3b3;padding:8px 10px;margin:8px 0;box-shadow:3px 3px 0 #000;font-size:12px}
.lbl2{font-size:10px;letter-spacing:1px;color:var(--gold);margin-top:10px;text-transform:uppercase}
.wtab{width:100%;border-collapse:collapse;margin:6px 0;font-size:12px} .wtab th{color:var(--dim);font-weight:400;text-align:right;padding:2px 6px;font-size:10px;letter-spacing:.5px} .wtab td{padding:3px 6px;border-top:1px solid #3d2e18;text-align:right;font-family:VT323,monospace;font-size:16px}
.wtab td:first-child,.wtab th:first-child{text-align:left;font-family:"Jersey 15",sans-serif;font-size:12px}
#wout{margin:10px 0 0;border-color:var(--r)!important;color:#ffb3b3}
.wbtn{font-size:14px!important;padding:10px!important;background:linear-gradient(#6b501c,#3d2c0f)!important;border:2px solid var(--gold)!important;box-shadow:3px 3px 0 #000}
#wpanel .how{font-size:12px;line-height:1.4;color:#d8cba9;margin:6px 0 8px}