/* Profilo PC: carta neutra, controlli da 44 px e piano orizzontale del gioco. */
body.phone-game #settings-dialog #profile-sync-open { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; border:1px solid #b5c3b8; border-radius:9px; background:#ffedb8; color:#293b3f; font:800 11px/14px system-ui,sans-serif; }
#profile-sync-open svg { width:26px; height:26px; flex:0 0 26px; fill:none; stroke:currentColor; stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }
body.phone-game #profile-sync-dialog { width:min(700px,calc(var(--rottami-width,100vw) - var(--phone-safe-left,0px) - var(--phone-safe-right,0px) - 18px)); height:min(350px,calc(var(--rottami-height,100dvh) - var(--phone-safe-top,0px) - var(--phone-safe-bottom,0px) - 18px)); max-height:calc(var(--rottami-height,100dvh) - var(--phone-safe-top,0px) - var(--phone-safe-bottom,0px) - 18px); min-height:0; padding:9px 12px; color:#293b3f; background:#fffaf0; border:2px solid #90aa99; border-radius:14px; overflow:hidden; font-family:system-ui,sans-serif; box-sizing:border-box; }
body.phone-game #profile-sync-dialog[open] { display:grid; grid-template-rows:44px 44px minmax(0,1fr) 42px; gap:6px; }
#profile-sync-dialog [hidden] { display:none!important; }
#profile-sync-dialog header { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
body.phone-game #profile-sync-dialog h2 { margin:0; font:900 21px/25px system-ui,sans-serif; letter-spacing:0; }
body.phone-game #profile-sync-dialog h3 { margin:0; font:800 13px/17px system-ui,sans-serif; }
body.phone-game #profile-sync-dialog p { margin:0; color:#4c6259; font:500 11px/15px system-ui,sans-serif; }
body.phone-game #profile-sync-dialog small,body.phone-game #profile-sync-dialog label { color:#53675f; font:600 9px/12px system-ui,sans-serif; }
body.phone-game #profile-sync-dialog button { min-height:44px; min-width:44px; padding:4px 8px; border:1px solid #b3c4b2; border-radius:9px; color:#293b3f; background:#fffdf7; box-shadow:0 2px #d6dccd; font:800 10px/13px system-ui,sans-serif; cursor:pointer; }
body.phone-game #profile-sync-dialog button:disabled { opacity:.45; box-shadow:none; cursor:default; }
body.phone-game #profile-sync-dialog button:focus-visible,body.phone-game #profile-sync-dialog input:focus-visible { outline:3px solid #55b9dd; outline-offset:-2px; }
#profile-sync-dialog #profile-sync-close { width:44px; flex:0 0 44px; font-size:26px; }
.profile-sync-tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
body.phone-game #profile-sync-dialog .profile-sync-tabs [aria-pressed="true"] { background:#ffedb8; border-color:#d3a252; }
.profile-sync-body { min-height:0; }
#profile-sync-own { height:100%; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:17px minmax(44px,1fr) 44px 24px; gap:4px 12px; }
#profile-sync-heading { grid-column:1; grid-row:1; }
#profile-sync-own > p { grid-column:1; grid-row:2; align-self:center; }
#profile-sync-own > label { grid-column:2; grid-row:1; }
body.phone-game #profile-sync-dialog input { display:block; width:100%; height:44px; min-width:0; min-height:44px; padding:5px 8px; box-sizing:border-box; border:1px solid #93ab9b; border-radius:8px; background:#ecf0e4; color:#293b3f; font:500 12px/16px ui-monospace,monospace; letter-spacing:0; }
#profile-sync-code { grid-column:2; grid-row:2; align-self:center; }
.profile-sync-actions { grid-column:1/-1; grid-row:3; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:6px; }
#profile-sync-own > small { grid-column:1/-1; grid-row:4; }
body.phone-game #profile-sync-dialog :is(#profile-sync-create,#profile-sync-use-remote) { background:#ffdc7f; border-color:#bc9b4e; }
#profile-sync-recover { display:grid; height:100%; min-height:0; grid-template-columns:minmax(150px,.7fr) minmax(0,1fr); grid-template-rows:14px minmax(0,1fr); gap:5px 12px; }
#profile-sync-recover > label { grid-column:1; grid-row:1; }
.profile-sync-recovery-row { grid-column:1; grid-row:2; display:flex; flex-direction:column; align-items:stretch; gap:6px; }
#profile-sync-preview { grid-column:2; grid-row:1/-1; display:grid; grid-template-rows:17px 28px 13px 44px minmax(0,1fr); gap:3px; min-width:0; min-height:0; padding-left:12px; border-left:1px solid #c7d1c0; }
body.phone-game #profile-sync-dialog #profile-sync-summary { font-size:11px; line-height:14px; }
body.phone-game #profile-sync-dialog #profile-sync-preview-date { font-size:9px; line-height:12px; }
.profile-sync-choice { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
#profile-sync-dialog footer { display:flex; flex-direction:column; justify-content:center; gap:2px; min-height:0; border-top:1px solid #c7d1c0; padding-top:3px; }
body.phone-game #profile-sync-dialog #profile-sync-status { color:#34584c; font:700 10px/13px system-ui,sans-serif; }
body.phone-game #profile-sync-dialog #profile-sync-storage-warning { color:#8a4c27; }