.player-account{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}.account-sync-status{max-width:190px;font:10px/1.4 Arial,sans-serif;color:#726e61;text-transform:none;letter-spacing:0}.edition-actions .account-actions{align-items:center}.account-actions .sync-retry{font:20px/1 Arial,sans-serif;padding:6px;min-width:28px;min-height:28px;border:0;background:transparent}.cloud-account-dialog{width:min(450px,calc(100vw - 32px));box-sizing:border-box;padding:24px;background:#f4f0e3;color:#34332c}.cloud-account-dialog .modal-head h2{font:700 31px/1.12 Georgia,serif;letter-spacing:-.7px}.cloud-account-dialog .account-notice{font:14px/1.6 Georgia,serif;color:#726e61;margin:12px 0}.account-benefits{display:flex;flex-wrap:wrap;gap:7px 14px;padding:10px 0;margin-bottom:10px;border-block:1px solid #c3bdab;font:12px/1.5 Georgia,serif;color:#5b6d50}.cloud-account-dialog #account-fields>label{display:block;font:14px Georgia,serif;margin:12px 0 7px}.cloud-account-dialog #account-fields>input{display:block;box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #b7ae98;border-radius:0;background:#faf7ed;color:#34332c;font:16px Arial,sans-serif}.cloud-account-dialog input:focus-visible{outline:2px solid #81745c;outline-offset:2px}.cloud-account-dialog .account-merge-note{margin:18px 0 8px;padding:12px 0;border-top:1px solid #c3bdab;font:13px/1.55 Georgia,serif;color:#625b48}.cloud-account-dialog .account-hint{font:12px/1.6 Georgia,serif;color:#726e61;margin:8px 0}.account-cloud-explainer{font:15px/1.6 Georgia,serif}.cloud-account-dialog #account-error{font:13px/1.5 Georgia,serif;color:#884b42}.cloud-account-dialog .account-submit{width:100%;min-height:46px;margin-top:16px;padding:12px;border:1px solid #34332c;border-radius:0;background:#34332c;color:#f4f0e3;font:16px Georgia,serif;cursor:pointer}.cloud-account-dialog .account-submit:disabled{opacity:.55;cursor:wait}.cloud-account-dialog .account-switch{display:block;margin:12px auto 0;border:0;background:transparent;color:#625b48;font:13px Georgia,serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media(max-width:540px){.cloud-account-dialog{padding:22px 18px}.cloud-account-dialog .modal-head h2{font-size:27px}.player-account .account-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sync-status{max-width:100px;font-size:9px}.edition-actions{gap:10px}}

.cloud-account-dialog{max-height:calc(100dvh - 32px);overflow:auto}.account-help{display:flex;justify-content:center;gap:18px;margin-top:14px}.account-help button{border:0;background:transparent;color:#625b48;font:13px Georgia,serif;text-decoration:underline;text-underline-offset:3px;min-height:32px;cursor:pointer}.account-help button:disabled{opacity:.5;cursor:wait}

/* Keep the utility row and its centre date independent of account/status text. */
html[data-theme="newspaper"] .paper-edition{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:16px}
html[data-theme="newspaper"] .paper-edition>span:first-child{grid-column:1;grid-row:1}
html[data-theme="newspaper"] #paper-date{grid-column:2;grid-row:1;white-space:nowrap;text-align:center}
.paper-edition>.edition-actions{grid-column:3;grid-row:1;justify-self:end;min-height:32px}
.edition-actions .account-actions{flex-wrap:nowrap;gap:10px;min-height:32px}
.edition-actions .player-account{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 96px;width:96px;height:32px;min-width:0}
.player-account .account-name{display:block;min-width:0;max-width:81px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-account::after{content:"";display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#9b7a3d}
.player-account[data-sync-state="saved"]::after{background:#5b6d50}.player-account[data-sync-state="attention"]::after{background:#994d3a}
.player-account .account-sync-status{position:absolute;right:0;top:calc(100% + 7px);width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;z-index:30;margin:0;max-width:none}
.player-account:hover .account-sync-status,.player-account:focus .account-sync-status{box-sizing:border-box;width:220px;max-width:calc(100vw - 40px);height:auto;clip-path:none;white-space:normal;overflow-wrap:anywhere;padding:10px 12px;border:1px solid #a59c86;background:#f4f0e3;box-shadow:3px 3px 0 #29282012;text-align:left;font:12px/1.5 Arial,sans-serif;color:#625b48}
.player-account:focus-visible{outline:2px solid #81745c;outline-offset:2px}
@media(max-width:900px){html[data-theme="newspaper"] .paper-edition{grid-template-columns:minmax(0,1fr) auto;gap:9px}html[data-theme="newspaper"] #paper-date{grid-column:1/-1;grid-row:2;padding-top:4px;font-size:11px}.paper-edition>.edition-actions{grid-column:2;grid-row:1}}
@media(max-width:540px){.edition-actions .player-account{flex-basis:64px;width:64px}.player-account .account-name{max-width:51px}.edition-actions .account-actions{gap:6px}.edition-actions .appearance-toggle span{display:none}.player-account:hover .account-sync-status,.player-account:focus .account-sync-status{right:-75px}}