/* Shared button anatomy. Cards and map markers retain their dedicated layouts. */
html[data-design="2"]{--button-height:40px;--button-radius:10px}
html[data-design="2"] :is(.hub-utilities .hub-support,.hub-account-actions button,.hub-account-actions a){box-sizing:border-box!important;height:var(--button-height)!important;min-height:var(--button-height)!important;max-height:var(--button-height)!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid var(--line)!important;border-radius:var(--button-radius)!important;background:var(--raised)!important;color:var(--text)!important;font-family:inherit!important;font-size:12px!important;font-weight:650!important;line-height:1.2!important;text-decoration:none!important;white-space:nowrap;box-shadow:none!important}
html[data-design="2"] .hub-utilities{align-items:center!important;gap:9px!important}.hub-account-actions{align-items:center!important;gap:9px!important}
html[data-design="2"] .hub-account-actions .account-register{background:var(--accent)!important;color:var(--accent-contrast)!important;border-color:var(--accent)!important}
html[data-design="2"] :is(.rt-toolbar button,.rt-paging button,.rt-tabs a,.rt-form-switch button,.rt-copy,.egg-tiers button,.egg-clear,.egg-controls button,.event-toolbar button,.event-editor-link,.color-options button,.demo-actions button){box-sizing:border-box;min-height:var(--button-height);padding:9px 14px;border:1px solid var(--line);border-radius:var(--button-radius);background:var(--raised);color:var(--text);font:inherit;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer;text-decoration:none}
html[data-design="2"] :is(.rt-tabs a[aria-current],.rt-form-switch button[aria-pressed=true],.egg-tiers button[aria-pressed=true],.color-options button[aria-pressed=true]){background:var(--accent)!important;color:var(--accent-contrast)!important;border-color:var(--accent)!important}
html[data-design="2"] :is(.hub-utilities a,.hub-account-actions button,.rt-toolbar button,.rt-paging button,.rt-tabs a,.egg-tiers button,.color-options button):hover{filter:brightness(1.15)}
html[data-design="2"] :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px}
html[data-design="2"] button:disabled{opacity:.5;cursor:not-allowed;filter:none}
.color-comparison{max-width:1344px;margin:25px auto 5px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text)}.color-comparison h2{font-size:26px;margin:9px 0}.color-comparison p{font-size:12px;color:var(--muted);line-height:1.7}.color-options{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.color-options button{display:flex;align-items:center;gap:8px;text-align:left}.color-swatches{display:flex}.color-swatches i{display:block;width:14px;height:21px;border:1px solid #ffffff55}.color-swatches i:first-child{border-radius:5px 0 0 5px}.color-swatches i:last-child{border-radius:0 5px 5px 0}
html[data-design="2"] body{background:var(--bg)!important;color:var(--text)!important}
html[data-design="2"] :is(.hub-header,.hub-footer,.rt-creature-card,.rt-damage-table,.rt-toolbar,.rt-dialog,.rt-creature-intro,.rt-detail-section,.rt-skill-card,.rt-stats>div){background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-design="2"] :is(.rt-card-art,.rt-card-copy,.rt-modal-head){background:transparent!important}
html[data-design="2"] :is(input,select,.rt-chips span,.hub-nav a[aria-current],.rt-number,.rt-appearance-choice){background:var(--raised)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-design="2"] :is(.rt-lead,.rt-card-copy>p,.rt-card-meta,.rt-results,.hub-brand small,.hub-footer,.rt-data-note,.rt-art-note){color:var(--muted)!important}
html[data-design="2"] :is(h1,h2,h3,h4,.hub-brand,.hub-nav a){color:var(--text)!important}
html[data-design="2"] .rt-card-art{background:radial-gradient(ellipse,var(--accent-soft),transparent 70%)!important}
html[data-design="2"] .rt-card-meta{border-color:var(--line)!important}
@media(max-width:750px){.color-comparison{margin:15px 12px;padding:17px}.color-options{grid-template-columns:repeat(2,minmax(0,1fr))}.color-options button{font-size:11px!important;padding:9px!important}.hub-utilities{flex-wrap:wrap}}
.demo-dialog{width:min(860px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:25px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;font-family:inherit}.demo-dialog::backdrop{background:#000a}.demo-heading{display:flex;justify-content:space-between;align-items:center}.demo-heading button{font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:10px;width:40px;height:40px}.demo-badge{font-size:11px;color:var(--accent)}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.demo-stats div{padding:15px;background:var(--raised);border:1px solid var(--line);border-radius:12px}.demo-stats strong{font-size:25px;display:block}.demo-stats span,.demo-dialog p{font-size:12px;line-height:1.7;color:var(--muted)}.demo-facilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.demo-facilities>div{padding:10px;border:1px solid var(--line);border-radius:9px;font-size:12px}.demo-facilities small{display:block;color:var(--muted);margin-top:4px}.demo-unavailable{padding:16px;border:1px dashed var(--line);border-radius:12px}.demo-actions{display:flex;gap:10px;margin:15px 0}.demo-section{margin-top:26px}

html[data-design="2"] :is(.setup-mode-main button,.segmented button,.goal-btn,.planner-sidebar>.primary,.mr-actions button,.mr-acct button,.account-provider-list a,.account-provider-list button){min-height:40px!important;box-sizing:border-box!important;border-radius:10px!important;font-family:inherit!important;font-size:12px!important;line-height:1.4!important;font-weight:650!important}
html[data-design="2"] :is(.account-dialog,.account-provider-list button){background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}html[data-design="2"] .account-provider-list a{background:var(--raised)!important;color:var(--text)!important;border-color:var(--line)!important}

/* Chosen palette: 01 Moonstone. Applies to the entire site. */
html[data-design="2"]{--bg:#080d1b;--panel:#18233b;--raised:#253653;--line:#657da8;--text:#f5f7ff;--muted:#c3d2ed;--accent:#d2b4ff;--accent-soft:#d2b4ff24;--accent-contrast:#24143c;--blue:#d2b4ff;--mint:#d2b4ff}
html[data-design="2"] .tool-grid .tool-card{background:linear-gradient(145deg,#253653,#18233b)!important;border-color:var(--line)}
.demo-caught-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0}.demo-caught-toolbar input{min-height:40px;flex:1;min-width:150px;background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit}.demo-caught-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.demo-caught-card{padding:12px;background:var(--raised);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;font-size:12px;min-width:0}.demo-caught-card img{height:80px;width:80px;object-fit:contain}.demo-caught-card small{color:var(--muted);font-size:10px;line-height:1.6}.demo-caught-stats{display:flex;flex-wrap:wrap;gap:8px}.demo-caught-stats span{padding:8px 10px;background:var(--raised);border-radius:8px;border:1px solid var(--line);font-size:12px}.demo-home-pets{margin-top:24px}.rt-caught-badge{font-size:10px;line-height:1.5;color:#dcfff2;border:1px solid #75c5a4;background:#173c32;border-radius:6px;padding:3px 7px;margin-top:9px;align-self:flex-start}
html[data-design="2"] body.nightfall-homeland{--blue:#d2b4ff;--mint:#d2b4ff;--violet:#d2b4ff}
.demo-heading{position:sticky;top:-25px;z-index:4;background:var(--panel);padding:14px 0;border-bottom:1px solid var(--line)}
html[data-design="2"] body.nightfall-homeland{background:#080d1b!important;color:#f5f7ff!important}
.demo-section{scroll-margin-top:140px}