/* Max Arcade shared UI: top bar, profile sheet, toast. Dark, phone-first. */
.ax-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:rgba(11,13,18,.88);backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);border-bottom:1px solid #232838;font:600 15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#e8eaf0}
.ax-bar a{color:inherit;text-decoration:none}
.ax-home{display:flex;align-items:center;gap:6px;padding:6px 4px}
.ax-home b{font-weight:900;letter-spacing:.02em}
.ax-right{display:flex;gap:6px;align-items:center}
.ax-btn{font:inherit;color:#e8eaf0;background:#151923;border:1px solid #232838;border-radius:999px;padding:7px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:36px}
.ax-btn:focus-visible,.ax-sheet button:focus-visible,.ax-sheet input:focus-visible{outline:3px solid #e10600;outline-offset:2px}
.ax-av{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:15px;line-height:1}
.ax-toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%,30px);opacity:0;z-index:70;
  background:#151923;color:#e8eaf0;border:1px solid #2c3346;border-radius:14px;padding:10px 14px;font:600 14px/1.35 system-ui,sans-serif;
  box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .2s,opacity .2s;width:max-content;max-width:92vw;text-align:center}
.ax-toast.on{transform:translate(-50%,0);opacity:1}
.ax-toast a{color:#ff6b5e}
.ax-veil{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;display:flex;align-items:flex-end;justify-content:center}
.ax-sheet{width:100%;max-width:520px;background:#11141c;color:#e8eaf0;border:1px solid #232838;border-radius:20px 20px 0 0;
  padding:18px 16px calc(18px + env(safe-area-inset-bottom));font:15px/1.4 system-ui,-apple-system,sans-serif;max-height:92dvh;overflow:auto}
.ax-sheet h3{margin:0 0 4px;font-size:20px}
.ax-sheet p{margin:4px 0 10px;color:#8a90a0;font-size:14px}
.ax-sheet label{display:block;font-size:13px;color:#8a90a0;margin:12px 0 6px}
.ax-sheet input{width:100%;font:inherit;font-size:17px;color:#e8eaf0;background:#0b0d12;border:1px solid #2c3346;border-radius:12px;padding:12px}
.ax-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.ax-grid button{aspect-ratio:1;border-radius:12px;border:1.5px solid #2c3346;background:#0b0d12;font-size:20px;cursor:pointer;color:#fff}
.ax-grid button[aria-pressed=true]{border-color:#e8eaf0;box-shadow:0 0 0 2px #e8eaf0 inset}
.ax-main{width:100%;min-height:52px;border:0;border-radius:14px;background:#e10600;color:#fff;font:900 16px/1 system-ui,sans-serif;letter-spacing:.03em;text-transform:uppercase;margin-top:16px;cursor:pointer}
.ax-link{background:none;border:0;color:#8a90a0;font:inherit;font-size:14px;text-decoration:underline;margin-top:12px;cursor:pointer;padding:6px 0}
.ax-err{color:#ff6b5e;font-size:14px;min-height:1.2em;margin-top:8px}
.ax-row{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}
[hidden]{display:none!important}