.oz-account-entry {
  box-sizing:border-box;
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-height:44px; max-width:170px; padding:10px 12px;
  border:1px solid #191c1c55; background:transparent; color:var(--ink,#191c1c);
  font:700 12px Archivo,Arial,sans-serif; cursor:pointer; touch-action:manipulation;
}
.oz-account-entry svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; flex:none; }
.oz-account-entry span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.oz-account-entry:hover { border-color:var(--red,#e9361b); color:var(--red,#e9361b); }
.oz-account-entry[data-signed-in="true"] { border-color:var(--cyan,#169cbc); }
.oz-account-entry:focus-visible,.oz-account-dialog button:focus-visible { outline:3px solid #169cbc; outline-offset:4px; }
.oz-account-dialog {
  color-scheme:light;
  --oz-paper:#f9ecd9; --oz-ink:#191c1c; --oz-red:#e9361b; --oz-cyan:#169cbc;
  width:min(570px,calc(100% - 32px)); max-height:calc(100dvh - 32px);
  margin:auto; padding:0; border:1px solid var(--oz-ink); border-radius:0;
  background:var(--oz-paper); color:var(--oz-ink); box-shadow:8px 8px 0 #191c1c;
  font:400 14px/1.65 Archivo,Arial,sans-serif; overflow:auto; overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.oz-account-dialog::backdrop { background:#10171cbe; backdrop-filter:blur(4px); }
.oz-account-dialog,.oz-account-dialog * { box-sizing:border-box; }
.oz-account-dialog [hidden] { display:none!important; }
.oz-account-dialog-head { display:flex; align-items:center; gap:16px; padding:22px 32px 20px; border-bottom:1px solid #191c1c25; }
.oz-account-dialog-head img { width:77px; height:64px; object-fit:contain; flex:none; }
.oz-account-dialog-head>span { font-size:9px; font-weight:800; line-height:1.8; letter-spacing:1px; }
.oz-account-close { margin-left:auto; width:44px; height:44px; border:0; background:transparent; color:var(--oz-ink); font:32px/1 Arial,sans-serif; cursor:pointer; }
.oz-account-dialog-body { padding:28px 36px 32px; }
.oz-account-dialog h2 { margin:0; font:800 52px/.98 'Barlow Condensed',Impact,sans-serif; letter-spacing:-.6px; }
.oz-account-description { margin:15px 0 22px; font-size:13px; line-height:1.8; }
.oz-account-description strong { overflow-wrap:anywhere; }
.oz-account-label { display:block; margin:15px 0 5px; font-size:12px; font-weight:800; }
.oz-account-dialog input { box-sizing:border-box; display:block; width:100%; min-width:0; height:49px; padding:11px 13px; border:1px solid #191c1c80; border-radius:0; background:#fff9ee; color:var(--oz-ink); font:400 16px Archivo,Arial,sans-serif; }
.oz-account-dialog input:focus { outline:2px solid var(--oz-cyan); outline-offset:2px; }
.oz-account-dialog input[type="email"] { min-width:0; }
.oz-password-field { display:flex; position:relative; }
.oz-password-field input { padding-right:72px; }
.oz-password-field button { position:absolute; right:0; top:0; height:49px; min-width:65px; padding:10px; border:0; background:transparent; color:var(--oz-ink); font:700 11px Archivo,Arial,sans-serif; cursor:pointer; }
.oz-account-help { margin:9px 0 0; font-size:11px; line-height:1.7; color:#555b55; }
.oz-account-error { min-height:23px; margin:13px 0 9px; font-size:12px; line-height:1.7; color:#a72516; overflow-wrap:anywhere; }
.oz-account-primary { width:100%; display:flex; align-items:center; justify-content:center; min-height:50px; padding:13px 17px; border:1px solid var(--oz-ink); border-radius:0; background:var(--oz-red); color:#fff8e9; box-shadow:3px 3px 0 var(--oz-ink); font:800 13px Archivo,Arial,sans-serif; line-height:1.6; cursor:pointer; touch-action:manipulation; }
.oz-account-primary:hover { background:#ca2b15; }
.oz-account-dialog button:disabled { opacity:.6; cursor:wait; }
.oz-account-switches { display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-top:18px; }
.oz-account-switches button { border:0; padding:8px 0; background:transparent; color:var(--oz-ink); text-decoration:underline; text-underline-offset:4px; font:700 11px Archivo,Arial,sans-serif; min-height:40px; cursor:pointer; }
.oz-account-guest { display:block; width:100%; margin:14px 0 0; padding:11px; min-height:45px; border:1px solid #191c1c4a; background:transparent; color:var(--oz-ink); font:700 12px Archivo,Arial,sans-serif; cursor:pointer; }
.oz-guest-help { text-align:center; }
.oz-account-summary { padding:19px 21px; margin:23px 0; border:1px solid #169cbc80; background:#169cbc0b; }
.oz-account-summary p { margin:10px 0 0; font-size:12px; }
.oz-account-status { display:flex; align-items:center; gap:8px; font-size:9px; font-weight:800; letter-spacing:1px; }
.oz-account-status i { width:7px; height:7px; border-radius:50%; background:#397763; }
.oz-recovery-code { margin:20px 0; padding:19px; border:1px solid #169cbc; background:#169cbc0c; }
.oz-recovery-code code { display:block; user-select:all; font:600 15px/1.8 Consolas,monospace; overflow-wrap:anywhere; }
.oz-account-code-actions { display:flex; gap:12px; }
.oz-account-code-actions button { flex:1; min-height:48px; padding:10px 13px; border:1px solid #191c1c70; background:transparent; color:var(--oz-ink); font:700 11px Archivo,Arial,sans-serif; cursor:pointer; }
.oz-account-preferences { min-width:0; margin:22px 0 12px; padding:0; border:0; }
.oz-account-preferences legend { padding:0; margin-bottom:8px; font-size:12px; font-weight:800; }
.oz-account-preference { display:flex; align-items:center; gap:11px; min-height:44px; margin:4px 0; font-size:12px; line-height:1.5; cursor:pointer; }
.oz-account-dialog .oz-account-preference input { display:block; flex:none; width:20px; height:20px; min-height:0; margin:0; padding:0; accent-color:var(--oz-cyan); }
.oz-account-preference:has(input:disabled) { opacity:.6; cursor:default; }
.oz-account-profile-status { margin:14px 0 0; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.header-inner:has(.oz-account-entry) { gap:22px; }
@media(max-width:1050px) {
  .header-inner:has(.oz-account-entry) { gap:15px; }
  .header-inner:has(.oz-account-entry) nav { gap:19px; }
}
@media(max-width:760px) {
  .header-inner:has(.oz-account-entry) { height:auto; min-height:90px; padding-block:13px; flex-wrap:wrap; gap:8px 14px; }
  .header-inner:has(.oz-account-entry) .brand { margin-right:auto; }
  .header-inner:has(.oz-account-entry) .oz-account-entry { margin-left:auto; font-size:11px; min-height:44px; }
  .header-inner:has(.oz-account-entry) nav { order:4; flex-basis:100%; justify-content:center; margin-left:0; gap:30px; }
  .header-inner:has(.oz-account-entry) nav a:last-child { display:flex; }
  .header-inner:has(.oz-account-entry) .header-play { display:none; }
}
@media(max-width:560px) {
  .oz-account-dialog { box-shadow:4px 4px 0 #191c1c; }
  .oz-account-dialog-head { padding:17px 20px; gap:12px; }
  .oz-account-dialog-head img { width:66px; height:55px; }
  .oz-account-dialog-head>span { font-size:8px; letter-spacing:.6px; }
  .oz-account-dialog-body { padding:25px 23px 27px; }
  .oz-account-dialog h2 { font-size:45px; }
  .oz-account-description { font-size:12px; margin-bottom:19px; }
  .oz-account-code-actions { flex-direction:column; }
  .oz-account-dialog[data-email-required="true"] .oz-account-description { margin:13px 0 17px; }
  .oz-account-dialog[data-email-required="true"] .oz-account-preferences { margin-top:17px; }
  .oz-account-dialog[data-email-required="true"] .oz-account-dialog-body { padding-block:21px 23px; }
}
@media(prefers-reduced-motion:reduce) { .oz-account-dialog::backdrop { backdrop-filter:none; } }