/* Compact controls; the brand is the accessible entry to the existing help dialog. */
.brand{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:8px 12px;cursor:pointer}
.brand .brand-logo{width:168px}
.island-version{width:100%;text-align:center;font-size:10px;line-height:1.4;color:#b9cccc;letter-spacing:.2px;white-space:nowrap}
.island-version>span:first-child{margin:0 4px;color:#718f92}
.top-actions{align-items:center}
.camera-switch button{display:grid;place-items:center;width:44px;height:44px;padding:10px}
.camera-switch svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gold-balance{display:flex;align-items:center;gap:10px;min-height:56px;padding:9px 15px;border-radius:10px;color:#f2d693}
.gold-coin{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #e8c574;background:#b58b3d;color:#182f34;font-weight:700;font-size:15px;box-shadow:inset 0 0 0 2px #f4d69666}
.gold-balance strong{display:block;font-size:16px;line-height:1.2;font-variant-numeric:tabular-nums}
.gold-balance small{display:block;color:#b6c6c4;font-size:10px;margin-top:2px}
@media(max-width:760px){.brand .brand-logo{width:124px}.brand{padding:8px 10px;gap:4px}.island-version{font-size:8px;letter-spacing:0}.top-actions{flex-direction:column;align-items:flex-end;gap:6px}.camera-switch button{width:40px;height:40px;padding:8px}.gold-balance{padding:7px 11px;gap:8px;min-height:44px}.gold-balance strong{font-size:14px}.gold-coin{width:24px;height:24px;font-size:12px}}
@media(max-width:760px){.toast{top:126px;max-width:calc(100vw - 28px)}}
/* Keep a pending version readable without pushing controls off a narrow screen. */
@media(max-width:374px){.brand{min-width:0}.island-version{white-space:normal}}