/* Shared product rhythm. Specialized world art and close-control geometry stay local. */
:root{--ui-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ui-radius:10px;--ui-border:#b9cba536;--ui-focus:#d4e2b4;--ui-ink:#e7eddf;--ui-muted:#bdcdbd}
body [hidden][hidden][hidden]{display:none!important}
:where(dialog,.creator-copy,.colony-panel,.economy-page){font-family:var(--ui-font);-webkit-font-smoothing:antialiased}
:where(dialog,.creator-copy,.colony-panel) :is(p,label,small){overflow-wrap:anywhere}
:where(dialog,.creator-copy,.colony-panel) :is(input,select,textarea){font-family:var(--ui-font);box-sizing:border-box;max-width:100%;min-width:0}
:where(dialog,.creator-copy,.colony-panel) :is(input:not([type=checkbox]):not([type=range]),select){min-height:48px;height:auto;padding:11px 12px;font-size:16px;line-height:1.5;border-radius:8px}
:where(dialog,.creator-copy,.colony-panel) textarea{font-size:16px;line-height:1.6;min-height:110px;resize:vertical}
:where(dialog,.creator-copy,.colony-panel) button{min-height:44px;line-height:1.45;border-radius:8px;cursor:pointer}
:where(dialog,.creator-copy,.colony-panel) button:disabled{cursor:not-allowed}
body :is(dialog,.creator-copy,.colony-panel,.native-creation-money) label:has(>input[type=checkbox]){display:flex!important;align-items:flex-start;gap:12px;min-height:44px;padding-block:10px;line-height:1.6!important;font-size:14px!important;letter-spacing:0!important;cursor:pointer}
body :is(dialog,.creator-copy,.colony-panel,.native-creation-money) label>input[type=checkbox]{appearance:auto;display:block;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:3px 0 0!important;accent-color:#cbd9b3}
body label:has(>input[type=checkbox]:disabled){cursor:default}
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
:where(dialog,.creator-copy,.colony-panel) fieldset{min-width:0;border-color:var(--ui-border);border-radius:10px}
:where(dialog) {scrollbar-width:thin;scrollbar-color:#526c5c transparent;overscroll-behavior:contain}
dialog::backdrop{background:#03171bc7;backdrop-filter:blur(6px)}
.registration-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 12px;padding-top:20px;border-top:1px solid var(--ui-border)}
.registration-actions>button{flex:1 1 180px;margin:0!important}
#registration-detail{min-width:0}#registration-detail p{font-size:15px;line-height:1.7}
:where(.history-controls,.template-pagination,.config-nav,.wallet-connect-controls,.wallet-identity-actions){gap:12px}
#save-mind,#toggle-mind,#disconnect-provider{width:100%;margin-block:10px 0;padding:12px}
#toggle-mind,#disconnect-provider{background:#ffffff05;color:var(--ui-muted);border:1px solid var(--ui-border)}
.colony-panel details>summary{padding-block:10px}
.economy-page .eyebrow{font:600 11px/1.5 var(--ui-font);letter-spacing:.12em}
.economy-page .principles span{font:500 11px/1.5 var(--ui-font);letter-spacing:.02em;padding:8px 12px}
.economy-page .section{scroll-margin-top:110px}
.resource-picker button{font:500 14px/1.4 var(--ui-font);min-height:44px}
.site-header .site-actions{gap:10px}.site-header .native-wallet-launch{min-width:70px;flex-shrink:0}
@media(max-width:600px){
 .site-header,.site-header.top{height:auto;min-height:112px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px;gap:8px 12px;padding:8px 12px;top:8px;left:8px;right:8px}
 .site-header .site-brand{grid-column:1;grid-row:1}.site-header .site-brand img{width:32px;height:32px}
 .site-header .site-actions{grid-column:2;grid-row:1;gap:8px}
 .site-header .site-nav{grid-column:1/-1;grid-row:2;width:100%;padding:0;gap:4px}
 .site-header .site-nav a{flex:1;min-height:44px;padding:10px;font-size:12px}
 .site-header .site-cta,.site-header #create.site-cta{height:44px;min-height:44px;width:auto;min-width:88px;font-size:11px;padding:8px 12px}
 .site-header .native-wallet-launch{min-height:44px;padding:8px 12px;font-size:11px;min-width:66px}
 .economy-page main{padding-top:134px}.map-mode-label{top:132px}
 .intro{padding-top:132px!important}
 .registration-actions{flex-direction:column}.registration-actions>button{flex:auto;width:100%}
 :where(dialog.dashboard-dialog,dialog.registration-dialog){padding:18px;max-height:calc(100dvh - 24px)}
 .dashboard-dialog>header,.registration-dialog>header{gap:16px;margin-bottom:20px}
 .provider-config{padding:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body:has(#intro:not(.hidden))>.public-release-notice{display:none}
body .native-wallet,body .native-wallet :is(button,input,select,textarea,h2,h3){font-family:var(--ui-font)}
