#syncDialog{width:min(480px,calc(100vw - 28px));max-height:85dvh;overflow:auto;background:#182041;color:#f4f8ff;border:2px solid #8fb4e8;border-radius:10px;padding:22px;font:17px var(--font-ui),sans-serif;box-shadow:0 16px 60px #0009;touch-action:pan-y;user-select:text}
#syncDialog::backdrop{background:#080d20cc}
#syncDialog h2{margin:0 0 12px;color:#ffe81a;font-size:24px}
#syncDialog p{line-height:1.45;margin:12px 0}
#syncDialog label{display:block;margin:12px 0 5px}
#syncDialog input{width:100%;box-sizing:border-box;font:inherit;padding:10px;border:1px solid #8fb4e8;background:#10172f;color:white;border-radius:5px}
#syncDialog button{display:block;width:100%;padding:11px;margin:10px 0;font:inherit;border:1px solid #8fb4e8;border-radius:5px;background:#294a83;color:#fff;cursor:pointer}
#syncDialog button.primary{background:#ee7300;color:#101010;font-weight:bold}
#syncDialog button:disabled{opacity:.5;cursor:wait}
#syncDialog button:focus-visible,#syncDialog input:focus-visible{outline:3px solid #ffe81a;outline-offset:2px}
#syncDialog .subtle{font-size:14px;color:#bdf6ff}
#syncDialog .danger{border-color:#ffb44a}
#syncMessage{white-space:pre-wrap;color:#ffda86}
#saveWarning{position:fixed;z-index:10000;left:12px;right:12px;top:12px;max-width:600px;margin:auto;padding:12px;background:#542214;color:white;border:2px solid #ffb44a;font:15px system-ui;cursor:pointer}
/* 0.32 (cuentas.js): entrar con Google, código de 6 cifras para llevar la partida y su confirmación (App.modal, clase .syncask) */
#syncDialog :is(#syncSend,#syncReceive){min-height:44px}
#syncDialog .google-slot{min-height:44px;display:flex;align-items:center;justify-content:center;color:#bdf6ff;font-size:14px}
#syncDialog .sync-google p{margin:0 0 8px}
#syncDialog .sync-codebox{border:1px dashed #8fb4e8;border-radius:6px;padding:8px 12px}
#syncDialog .sync-codebox p{margin:6px 0}
#syncDialog .sync-code{font:34px/1.1 var(--font-ui),monospace;letter-spacing:.12em;color:#ffe81a;text-align:center}
#syncDialog .sync-code.expired{opacity:.45;text-decoration:line-through}
#syncDialog .sync-receive input{font-size:22px;letter-spacing:.2em;text-align:center}
dialog.syncask{width:min(420px,calc(100vw - 32px));padding:16px}
dialog.syncask[open]{display:flex;flex-direction:column;gap:12px}
.syncask p{margin:0;line-height:1.45}
.syncask .sa-acts{display:flex;gap:8px}
.syncask button{flex:1;min-height:48px;font:16px var(--font-ui);border-radius:0;cursor:pointer;color:var(--ui-text);background:var(--pixel-tile);border:2px solid var(--pixel-edge);box-shadow:var(--pixel-bevel)}
.syncask .sa-ok{background:#ffd06b;color:#1b1b2b;border-color:#fff3c4;box-shadow:inset -3px -3px 0 #bd8535}
.syncask label{font-size:13px;color:var(--ui-muted,#bdf6ff)}
.syncask input{box-sizing:border-box;width:100%;min-height:44px;padding:6px 10px;font:16px var(--font-ui);color:var(--ui-text);background:#101b36;border:2px solid var(--pixel-edge);border-radius:0;box-shadow:inset 2px 2px 0 var(--pixel-ink)}
/* Aviso de crear cuenta (0.38, game.js accountNudge) */
.acct-nudge .an-off{margin:10px 0 0;text-align:center}
.acct-nudge .an-off button{font-size:12px;padding:4px 10px;min-height:32px}
