.cloud-pasture,.cloud-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;margin:24px 0;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.cloud-pasture h3{margin:8px 0}.cloud-pasture p,.cloud-settings p,.cloud-notice p{color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.cloud-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.cloud-actions .btn{min-height:44px;white-space:normal;text-align:center}.cloud-settings{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:24px}.cloud-consent{display:flex;align-items:flex-start;gap:12px;margin:24px 0;line-height:1.65}.cloud-consent input{width:22px;height:22px;flex:0 0 22px;accent-color:#ad82c4;margin-top:3px}.cloud-field{display:grid;gap:8px;margin:20px 0}.cloud-field input,.cloud-board-controls input,.cloud-board-controls select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);padding:10px 12px;font:inherit;box-sizing:border-box}.cloud-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cloud-compare section{padding:18px;border:1px solid var(--line);border-radius:16px}.cloud-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.cloud-stats div{min-width:0}.cloud-stats dt{font-size:12px;color:var(--muted)}.cloud-stats dd{font-weight:750;margin:5px 0;font-size:20px;overflow-wrap:anywhere}.cloud-board-controls{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin:24px 0}.cloud-board-controls label{display:grid;gap:8px;font-size:13px;min-width:0}.cloud-board-controls .btn{min-height:48px}.cloud-board-rows{display:grid;gap:12px}.cloud-player-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px 12px;width:100%;padding:18px;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:inherit;font:inherit;cursor:pointer}.cloud-player-row:hover,.cloud-player-row:focus-visible{border-color:#b69ac8;outline:2px solid #b69ac8;outline-offset:2px}.cloud-player-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px;font-weight:400}.cloud-player-name{font-weight:700;overflow-wrap:anywhere}.cloud-player-row strong{text-align:right;overflow-wrap:anywhere}.cloud-rank{color:#d6b984;font-weight:750}.cloud-row-totals{grid-column:2/-1;font-size:12px;color:var(--muted)}.cloud-self,.cloud-empty{padding:20px;background:#a57fb320;border-radius:14px;margin:14px 0}.cloud-party{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cloud-party-member{border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}.cloud-party-art{height:190px;position:relative;display:grid;place-items:center;min-width:0;overflow:hidden}.cloud-party-art .sheep-art,.cloud-party-art .fitted-sheep{max-width:100%;max-height:100%}.cloud-party-member h3{margin:12px 0 4px;font-size:25px}.cloud-party-member details{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:10px}.cloud-party-member summary{cursor:pointer;font-size:13px;line-height:1.5;min-height:24px;overflow-wrap:anywhere}.cloud-party-member details p{font-size:12px;line-height:1.7}.cloud-rarity,.cloud-unit-stats{font-size:12px;color:var(--muted);line-height:1.7}.cloud-unit-stats{margin:16px 0}.cloud-notice{border-color:#bc9dce}.cloud-listed{color:#a8d0ad}
@media(max-width:700px){.cloud-pasture,.cloud-notice{align-items:stretch;flex-direction:column;padding:20px;gap:8px}.cloud-pasture .cloud-actions{margin-top:6px}.cloud-board-controls{grid-template-columns:1fr 1fr}.cloud-board-controls>.btn{grid-column:1/-1}.cloud-compare{grid-template-columns:1fr}.cloud-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-player-row{grid-template-columns:38px minmax(0,1fr);padding:16px}.cloud-player-row>strong{grid-column:2;text-align:left;font-size:20px}.cloud-player-row strong small{display:inline;margin-left:8px}.cloud-party{grid-template-columns:1fr}.cloud-party-art{height:220px}.cloud-actions .btn{flex:1 1 160px;min-width:0}.cloud-compare .cloud-stats{margin-bottom:0}}

.cloud-party-art .sheep-art{width:190px;height:190px;min-width:0;min-height:0;aspect-ratio:auto;position:relative}.cloud-party-art .sheep-portrait{width:100%;height:100%}.cloud-gear-icon{height:28px;width:28px;object-fit:contain;vertical-align:middle;margin-right:6px}

/* Header destinations stay beside the far-right Settings button. */
.topbar .top-leaderboard{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;color:var(--purple)}
.cloud-settings>.eyebrow{margin-bottom:14px}.cloud-settings h3{margin:16px 0 10px}.cloud-connection{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:20px}.cloud-connection p:first-child{margin-top:0}.cloud-connection p:last-child{margin-bottom:0}.cloud-settings .cloud-compare .cloud-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.topbar .top-leaderboard{width:32px;height:34px}.topbar .wallets{gap:4px}.topbar .appearance-btn{display:none}.topbar .wallet{padding-left:7px;padding-right:7px}.cloud-settings .cloud-actions>.btn{flex:1 1 150px}}
@media(max-width:360px){.topbar .wallets{gap:3px}.topbar .wallet{padding-left:5px;padding-right:5px;font-size:11px}.topbar .settings-button,.topbar .top-leaderboard{width:30px}.topbar .audio-buttons .sound-btn{width:24px}.topbar .audio-menu-button{width:14px;min-width:14px}}

.cloud-privacy{padding:18px 20px;border:1px solid var(--line);border-radius:14px;margin:22px 0;background:var(--panel)}.cloud-privacy h4{font-size:17px;margin:0 0 12px}.cloud-privacy ul{margin:14px 0;padding-left:20px}.cloud-privacy li{line-height:1.75;margin:10px 0;color:var(--muted)}.cloud-privacy p{line-height:1.75}.cloud-privacy strong{color:var(--ink)}.cloud-privacy summary,.cloud-account-privacy>summary{cursor:pointer;color:var(--purple);font-weight:650;padding:12px 0;min-height:44px;box-sizing:border-box}.cloud-account-privacy{margin-top:24px}.cloud-privacy code{overflow-wrap:anywhere}.cloud-privacy details[open]{padding-bottom:6px}

.cloud-account-entry{padding:18px 0;margin-bottom:12px}.cloud-account-entry>div{min-width:0}.cloud-account-entry h3{font-size:21px;margin:0}.cloud-account-entry p{margin-top:6px;overflow-wrap:anywhere}.cloud-account-entry>.btn{flex-shrink:0;min-height:44px}