/* Shared component tokens; each direction also changes composition in its own stylesheet. */
html[data-design]{color-scheme:dark;background:var(--bg)}html[data-design] body{background:var(--bg);color:var(--text);font-family:var(--body-font,'Segoe UI',system-ui,sans-serif)}html[data-design] h1,html[data-design] h2,html[data-design] h3{font-family:var(--heading-font,inherit)}html[data-design] .hub-header,html[data-design] .hub-footer,html[data-design] .homeland-subnav{background:var(--bg);border-color:var(--line)}html[data-design] .hub-header .hub-nav{justify-content:var(--nav-align,center)}html[data-design] .hub-brand,html[data-design] .hub-nav a[aria-current],html[data-design] .hub-kicker,html[data-design] .rt-eyebrow{color:var(--accent)}html[data-design] .hub-nav a,html[data-design] .hub-footer,html[data-design] .hub-footer a,html[data-design] .hub-note,html[data-design] .modern-hero p,html[data-design] .hero-meta,html[data-design] .rt-lead,html[data-design] .rt-results,html[data-design] .rt-paging,html[data-design] .reference-tools label{color:var(--muted)}html[data-design] .hero-primary,html[data-design] .hub-account-actions .account-register{background:var(--accent);color:var(--accent-contrast)}html[data-design] .tool-card,html[data-design] .rt-panel,html[data-design] .rt-toolbar,html[data-design] .rt-code-card,html[data-design] .rt-creature-card,html[data-design] .community-page,html[data-design] .community-card,html[data-design] .rt-community-card,html[data-design] .rt-element-pickers fieldset{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text);border-radius:var(--radius)}html[data-design] .tool-card p,html[data-design] .rt-card-copy p,html[data-design] .rt-event-card small,html[data-design] .rt-event-card p,html[data-design] .community-page p,html[data-design] .community-card small,html[data-design] .rt-code-card p,html[data-design] .rt-community-card>span:not(.rt-community-crop){color:var(--muted)}html[data-design] .reference-tools{color:var(--text)}html[data-design] .reference-tools button,html[data-design] .reference-tools input,html[data-design] .reference-tools select,html[data-design] .community-page button,html[data-design] .community-page input,html[data-design] .community-page select,html[data-design] .community-page textarea,html[data-design] .account-dialog,html[data-design] .rt-dialog,html[data-design] .community-preview{background:var(--panel);color:var(--text);border-color:var(--line)}html[data-design] .rt-element-buttons button[aria-pressed=true],html[data-design] .rt-form-switch button[aria-pressed=true],html[data-design] .rt-appearance-choice[aria-pressed=true],html[data-design] .rt-tabs a[aria-current]{background:var(--accent-soft)!important;border-color:var(--accent)!important;color:var(--text)}html[data-design] .rt-chips span,html[data-design] .rt-badge{background:var(--raised);color:var(--text);border-color:var(--line)}html[data-design] .rt-tabs a{background:var(--panel);color:var(--muted);border-color:var(--line)}html[data-design] .rt-stats>div,html[data-design] .rt-skills>div,html[data-design] .rt-appearance-choice,html[data-design] .community-mini span{background:var(--raised)!important;border-color:var(--line)!important;color:var(--text)}html[data-design] .rt-modal-head{background:var(--panel)}html[data-design] .rt-notice,html[data-design] .rt-empty{background:var(--raised);color:var(--muted);border-color:var(--line)}html[data-design] .rt-stats strong{color:var(--accent)}html[data-design] .rt-appearance-choice span,html[data-design] .rt-stats span,html[data-design] .account-dialog p,html[data-design] .account-dialog .account-note{color:var(--muted)}html[data-design] .rt-event-card{background:var(--panel);color:var(--text);border-color:var(--line);border-radius:var(--radius)}html[data-design] .tool-card .arrow{color:var(--accent)}html[data-design] .scene-sticker{background:var(--panel);color:var(--text);border-color:var(--line)}html[data-design] .scene-orbit{border-color:var(--line)}html[data-design] .scene-star{color:var(--accent)}html[data-design] .hero-scene:before{background:radial-gradient(ellipse,var(--accent-soft),transparent 68%)}html[data-design] .account-dialog .account-close{color:var(--text)}html[data-design] .account-provider-list a[data-provider=google]{background:var(--raised);color:var(--text);border-color:var(--line)}html[data-design] .rt-sr-only{display:none!important}html[data-design] .rt-code-top{align-items:flex-start;flex-direction:column}html[data-design] .rt-code-card{display:flex;flex-direction:column}html[data-design] .rt-code-card>button{margin-top:auto}html[data-design] .rt-element-pickers{min-width:0}html[data-design] .rt-element-buttons button{min-width:60px}html[data-design] .homeland-tools{padding-right:170px!important}html[data-design] #order-dock{top:calc(var(--planner-header-height,180px) + 10px)!important}html[data-design] .hub-support{color:var(--text)}
.design-dock{position:fixed;right:20px;bottom:16px;z-index:1900;display:flex;gap:7px;align-items:center;background:var(--panel,#172430);color:var(--text,#fff);border:1px solid var(--line,#445);box-shadow:0 8px 35px #0003;border-radius:14px;padding:8px;max-width:calc(100vw - 24px)}.design-dock label{display:grid;gap:3px;font-size:9px;letter-spacing:.12em;margin:0!important;color:var(--muted);font-weight:600}.design-dock select{font-size:12px;font-weight:700;border:0;padding:1px 18px 1px 0;background:transparent;color:var(--text);max-width:175px;min-height:24px}.design-dock-step{border:0;padding:8px 10px;background:var(--raised);color:var(--text);min-height:35px}.design-all{font-size:10px;padding:7px;color:var(--accent);white-space:nowrap}.design-gallery-page{max-width:1500px!important}.design-lab-heading h1{font-size:60px;line-height:1.05;letter-spacing:-.06em;margin:18px 0}.design-lab-heading p{max-width:650px;color:var(--muted)}.design-lab-toolbar{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:30px 0}.design-lab-toolbar label{display:flex;align-items:center;gap:10px;font-size:12px}.design-lab-toolbar span{font-size:12px;color:var(--muted)}.design-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.design-option{min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden;padding:20px}.design-option-head{display:flex;gap:12px;align-items:center;margin-bottom:15px}.design-option-head>span{color:var(--muted);font-size:12px}.design-option-head h2{font-size:21px;margin:0}.design-swatches{display:flex;gap:3px;margin-left:auto}.design-swatches i{width:15px;height:15px;border-radius:50%;border:1px solid #8884}.design-frame-window{height:335px;overflow:hidden;position:relative;background:var(--bg);border-radius:10px;border:1px solid var(--line);pointer-events:none}.design-frame-window iframe{width:1320px;height:900px;border:0;transform:scale(.48);transform-origin:top left;pointer-events:none;background:var(--bg)}.design-option p{font-size:12px;color:var(--muted);line-height:1.65}.design-option .design-tone{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:17px 0 5px}.design-option-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:17px}.design-option-actions a{font-weight:700;font-size:12px}.design-option-actions button{font-size:11px;color:var(--text);border:1px solid var(--line);background:var(--raised);padding:8px 12px}.design-option-actions button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}html.design-embedded .design-dock,html.design-embedded .hub-footer{display:none!important}html.design-embedded body{margin:0!important}html.design-embedded .hub-main{padding-bottom:20px!important}html.design-embedded .hub-header .experiment-tag{display:none}html.design-embedded .hub-header{position:relative!important}.hub-footer{padding-bottom:90px!important}
@media(max-width:1100px){.design-frame-window iframe{transform:scale(.33)}.design-frame-window{height:240px}}
@media(max-width:650px){.design-option-grid{grid-template-columns:1fr}.design-option{padding:14px}.design-frame-window{height:205px}.design-frame-window iframe{transform:scale(.25)}.design-lab-heading h1{font-size:45px}.design-dock{bottom:10px;right:10px;left:10px;width:auto;justify-content:center;padding:6px;gap:5px}.design-dock select{font-size:10px;max-width:138px}.design-all{font-size:9px}.design-dock label{font-size:8px}.design-dock-step{font-size:12px;padding:5px 8px}html[data-design] .homeland-tools{padding-right:140px!important}html[data-design] #order-dock{top:auto!important;bottom:72px!important}.design-option-head h2{font-size:19px}}
body:has(.homeland-tools) .shell{--bg:#101923;--panel:#172430;--raised:#1e2e3d;--line:#30414f;--text:#eaf2f8;--muted:#a1b6c5;--mint:#a7e4cc;--violet:#b9a1ed;background:#101923;color:#eaf2f8}html[data-design] .reference-tools .rt-creature-intro>img{max-width:100%}html[data-design] .rt-dialog{max-width:min(1100px,calc(100vw - 45px))}
html[data-design] .hub-main{overflow-x:clip}html[data-design] .modern-hero>*{min-width:0}html[data-design] .hero-pet.pet-three{right:2%;width:40%}html[data-design] .hero-pet.pet-two{left:1%}
html[data-design] .rt-damage-table .rt-element-heading{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:65px;border:0;background:transparent;padding:8px 5px;color:var(--text)}html[data-design] .rt-damage-table .rt-element-heading:hover{background:var(--accent-soft)}

html[data-design] .rt-dialog button,html[data-design] .rt-dialog input,html[data-design] .community-preview button{background:var(--raised);color:var(--text);border-color:var(--line)}
html[data-design] .rt-dialog:has(.rt-creature-layout){width:min(1080px,calc(100vw - 48px));max-width:none}
.rt-creature-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start}
.rt-creature-layout .rt-creature-intro{position:sticky;top:60px;align-self:start;flex-direction:column;text-align:center;gap:10px;padding:22px 18px;background:var(--raised);border-radius:var(--radius);margin-top:10px}
.rt-creature-layout .rt-creature-intro>img{width:290px;height:290px}.rt-creature-layout .rt-creature-intro h3{margin:8px 0!important}.rt-creature-layout .rt-creature-intro p{font-size:12px;line-height:1.5}.rt-creature-layout .rt-creature-intro .rt-chips{justify-content:center}
.rt-creature-options{min-width:0}.rt-creature-options .rt-appearance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.rt-creature-options .rt-appearance-choice img{width:120px;height:120px}.rt-creature-options .rt-appearance-choice{min-width:0}
@media(max-width:800px){.rt-creature-layout{grid-template-columns:1fr}.rt-creature-layout .rt-creature-intro{position:static;flex-direction:row;text-align:left;gap:15px;padding:15px}.rt-creature-layout .rt-creature-intro>img{width:160px;height:180px}.rt-creature-layout .rt-creature-intro>div{min-width:0}.rt-creature-layout .rt-creature-intro h3{font-size:22px}.rt-creature-layout .rt-creature-intro .rt-chips{justify-content:flex-start}.rt-creature-options .rt-appearance-choice img{width:85px;height:85px}.rt-creature-options .rt-appearance-choice{padding:7px!important}.rt-creature-options .rt-appearance-choice span{font-size:10px}}
html[data-design]{--egg-active-bg:var(--accent);--egg-active-text:var(--accent-contrast)}html[data-design] .egg-tool button[aria-pressed=true]{color:var(--accent-contrast)!important;background:var(--accent)!important}