/* Escape Tilt City v23: the account sheet (account.js). A floating card in the app's own tokens, both modes. */
.ac-modal{position:fixed;inset:0;z-index:58;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:rgba(var(--shade),.45);opacity:0;transition:opacity .2s}
.ac-modal.on{opacity:1}
.ac-card{width:min(420px,100%);max-height:100%;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 50px rgba(var(--shade),.35);padding:16px 16px 14px;color:var(--ink)}
.ac-h{display:flex;align-items:flex-start;gap:12px}
.ac-h>div{flex:1;min-width:0}
.ac-h small,.ac-inv small{display:block;font:600 10.5px/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ac-h b{display:block;margin-top:5px;font:600 17px/1.25 var(--disp);word-break:break-all}
.ac-x{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--tint2);color:var(--ink);font-size:14px}
.ac-inv{margin-top:14px;padding:12px;border-radius:16px;border:1px solid rgba(var(--glow),.55);background:var(--gold-tint)}
.ac-inv p{margin-top:5px;font-size:14px;color:var(--muted)}
.ac-inv code{display:block;margin-top:6px;font:800 19px/1 var(--disp);letter-spacing:.14em;color:var(--ink)}
.ac-lnk{display:block;margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--paper);border:1px solid var(--line);font:600 12.5px var(--ui);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-row{display:flex;gap:8px;margin-top:8px}
.ac-row .ac-b{flex:1}
.ac-list{display:grid;gap:8px;margin-top:12px}
.ac-b{height:44px;padding:0 14px;border-radius:13px;border:1px solid var(--line);background:var(--tint2);font:600 15px var(--disp);color:var(--ink);display:inline-flex;align-items:center;justify-content:center}
.ac-b.p{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.ac-b.ghost{background:transparent}
.ac-note{margin-top:10px;font-size:12.5px;color:var(--soft)}
#acctBtn svg.i{width:19px;height:19px}
/* v23.2: Face ID / Touch ID */
.pk-offer{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:59;width:min(420px,calc(100% - 32px));transform:translate(-50%,16px);opacity:0;transition:.25s;display:flex;gap:12px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 50px rgba(var(--shade),.38);padding:14px;color:var(--ink)}
.pk-offer.on{transform:translate(-50%,0);opacity:1}
.pk-ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--gold-tint);color:var(--gold)}
.pk-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pk-tx{flex:1;min-width:0}
.pk-t{font:700 16px/1.25 var(--disp)}
.pk-s{margin-top:4px;font-size:13.5px;color:var(--muted)}
.pk-b{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.pk-b .ac-b{height:40px;font-size:14.5px}
.pk-b .ac-b.p{flex:1;min-width:0}
.pk-lede{margin-top:8px}
.pk-list{display:grid;gap:8px;margin-top:12px}
.pk-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--tint2)}
.pk-row span{flex:1;min-width:0}.pk-row b{display:block;font:600 15px/1.2 var(--disp)}.pk-row small{color:var(--muted);font-size:12.5px}
.pk-row .ac-b{height:36px;font-size:13.5px}
.pk-add{width:100%}