a.rn-unified-brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;line-height:1}
.rn-brand-lockup{display:block;position:relative;width:210px;height:70px;max-width:100%}
a.rn-unified-brand .rn-unified-wordmark{display:block;width:210px;height:70px;max-width:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:none;position:absolute;inset:0}
a.rn-unified-brand .rn-brand-dark{display:none}
html[data-theme="dark"] a.rn-unified-brand .rn-brand-light{display:none}
html[data-theme="dark"] a.rn-unified-brand .rn-brand-dark{display:block}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) a.rn-unified-brand .rn-brand-light{display:none}html:not([data-theme="light"]) a.rn-unified-brand .rn-brand-dark{display:block}}
@media(max-width:560px){.rn-brand-lockup,a.rn-unified-brand .rn-unified-wordmark{width:165px;height:55px}}

/* RE:NOOB companions — shared visual system, October 2026. */
html:root,html:root body[data-rn-brand]{
 --bg:#f6f5f3;--ink:#f6f5f3;--surface:#ffffff;--surface-2:#eeedf0;--surface-3:#e4e3e8;
 --text:#25252d;--muted:#656570;--subtle:#72727e;--border:#dedde3;--line:#dedde3;
 --accent:#b91935;--accent-soft:#fbe7eb;--community:#b91935;--community-ink:#a8122d;--community-soft:#fbe7eb;
 --gold:#93632b;--gold-soft:#f5ecdd;--cash:#087e8c;--cyan:#087e8c;--cyan-soft:#e0f2f4;
 --nav-active:#c91835;--nav-text:#fff;--focus:#c91835;--header:#f6f5f3f5;--panel:#eeedf0;--warning:#8e5e00;
 --shadow:0 8px 28px #24212b06;--art-bg:#eeeaf0;--art-ink:#b91935;
 color-scheme:light;
}
html:root[data-theme=dark],html:root[data-theme=dark] body[data-rn-brand]{
 --bg:#101115;--ink:#101115;--surface:#191b22;--surface-2:#22242d;--surface-3:#2b2d37;
 --text:#f6f0e7;--muted:#b3b2be;--subtle:#9a99a8;--border:#33343f;--line:#33343f;
 --accent:#ff7688;--accent-soft:#35202a;--community:#ff7688;--community-ink:#ff98a4;--community-soft:#35202a;
 --gold:#e5c38f;--gold-soft:#332e24;--cash:#70dbe6;--cyan:#70dbe6;--cyan-soft:#18333b;
 --nav-active:#c91835;--nav-text:#fff;--focus:#ff7688;--header:#101115f5;--panel:#22242d;--warning:#f5c46c;
 --shadow:0 12px 32px #0000001a;--art-bg:#29212c;--art-ink:#ff7688;
 color-scheme:dark;
}
html body[data-rn-brand]{background:var(--bg);color:var(--text);font-family:Inter,'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
html body[data-rn-brand]::before{background:none}
html body[data-rn-brand] :where(button,input,select,textarea){font-family:inherit}
html body[data-rn-brand] :where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
html body[data-rn-brand] :where(input,select,textarea){accent-color:var(--nav-active)}
html body[data-rn-brand] :where(button,a){-webkit-tap-highlight-color:transparent}
html body[data-rn-brand] :is(header,.legal-nav){background:var(--header);border-bottom:1px solid var(--border);height:auto;min-height:88px;padding-top:8px;padding-bottom:8px;gap:24px}
html body[data-rn-brand].garden-page header{max-width:none;padding-inline:max(24px,calc((100vw - 1200px)/2))}
html body[data-rn-brand] header nav a{font-size:13px;font-weight:650;color:var(--muted)}
html body[data-rn-brand] header nav a:hover,html body[data-rn-brand] header nav a[aria-current]{color:var(--accent)}
html body[data-rn-brand] .theme-switch{padding:4px;border-radius:11px;background:var(--surface-2);box-shadow:none;border-color:var(--border)}
html body[data-rn-brand] .theme-switch button{border-radius:7px;min-height:32px;background:transparent;color:var(--muted);padding:6px 10px;box-shadow:none}
html body[data-rn-brand] .theme-switch button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #00000012}
html body[data-rn-brand] header #account.rn-account{background:var(--surface);border-color:var(--border);border-radius:13px;box-shadow:none}
html body[data-rn-brand] .rn-avatar-wrap{border-radius:9px;background:var(--surface-3);color:var(--text)}
html body[data-rn-brand] .rn-account-text small{color:var(--subtle);font-size:9px}
html body[data-rn-brand] header #logout.rn-logout{border-radius:8px;border-color:var(--border);background:var(--surface-2);color:var(--muted)}
html body[data-rn-brand] header #logout.rn-logout:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}
html body[data-rn-brand] :is(.primary,.login,.discord-inline-button){background:var(--nav-active);color:#fff;border:1px solid transparent;border-radius:10px;box-shadow:none;font-weight:750}
html body[data-rn-brand] :is(.primary,.login):hover:not(:disabled){background:#ab102b;box-shadow:0 6px 18px #c9183520}
html body[data-rn-brand] :is(.secondary,.outline-link){border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:none}
html body[data-rn-brand] :is(.secondary,.outline-link):hover:not(:disabled){background:var(--surface-2);border-color:var(--subtle)}
html body[data-rn-brand] button:disabled{cursor:not-allowed}
html body[data-rn-brand] :is(.eyebrow,.vg-eyebrow,.kicker){color:var(--accent);font-size:10px;font-weight:750;letter-spacing:1.65px}
html body[data-rn-brand] :is(h1,h2,h3){color:var(--text);text-wrap:balance}
html body[data-rn-brand] .muted{color:var(--muted)}
html body[data-rn-brand] .text-link{color:var(--accent)}
/* Landing: two companions, one restrained accent. */
html body[data-rn-brand].garden-page main{max-width:1200px;padding:0 28px}
html body[data-rn-brand].garden-page .intro-hero{padding:66px 0 76px;grid-template-columns:1.1fr 1fr;gap:56px}
html body[data-rn-brand].garden-page .intro-copy .eyebrow{background:var(--surface);color:var(--muted);box-shadow:none;border:1px solid var(--border);border-radius:6px;padding:8px 11px;font-size:10px;letter-spacing:1px}
html body[data-rn-brand].garden-page .intro-copy .eyebrow::before{content:'';display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:8px;transform:rotate(45deg)}
html body[data-rn-brand].garden-page .intro-copy h1{font-size:clamp(36px,4.3vw,56px);line-height:1.22;letter-spacing:-2.5px;margin:24px 0}
html body[data-rn-brand].garden-page .intro-copy h1 em{color:var(--accent)}
html body[data-rn-brand].garden-page .intro-copy .lead{font-size:17px;font-weight:650;color:var(--text)}
html body[data-rn-brand].garden-page .intro-copy p{font-size:14px;line-height:1.9}
html body[data-rn-brand].garden-page .actions{margin-top:28px}
html body[data-rn-brand].garden-page .actions a{padding:14px 21px;font-size:13px}
html body[data-rn-brand].garden-page .connection-line{margin-top:28px;padding:14px 16px;border:1px solid var(--border);border-left:3px solid var(--nav-active);border-radius:8px;background:var(--surface);gap:2px 13px;max-width:440px}
html body[data-rn-brand].garden-page .connection-line>span:first-child{position:static;flex-basis:100%;padding:0;background:none;color:var(--subtle);font-size:8px;letter-spacing:1.6px;margin-bottom:5px}
html body[data-rn-brand].garden-page .connection-line>b{color:var(--text);font-size:14px}
.rn-companion-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:440px;margin:0;padding:30px;border:1px solid #3b303a;border-radius:24px 24px 70px 24px;background:radial-gradient(ellipse at 70% 30%,#ae183228,transparent 66%),#18191f;overflow:hidden;color:#f6f0e7}
.rn-companion-stage::before{content:'';position:absolute;inset:65px 55px;border:1px solid #ffffff12;transform:rotate(-18deg);border-radius:32px;z-index:-1}
.rn-companion-stage::after{content:'';position:absolute;width:180px;height:300px;background:#b6193020;filter:blur(55px);left:70px;bottom:50px;z-index:-1;pointer-events:none}
.rn-stage-top{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#c1bec7}
.rn-stage-top span:last-child{color:#72dae5;letter-spacing:1px}
.rn-companion-stage img{display:block;width:300px;height:300px;max-width:100%;object-fit:contain;margin:16px auto;filter:drop-shadow(0 16px 15px #0005)}
.rn-companion-stage figcaption{width:100%;border-top:1px solid #ffffff19;padding-top:17px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.rn-companion-stage figcaption strong{font-size:14px;letter-spacing:-.3px;color:#f6f0e7}
.rn-companion-stage figcaption span{color:#aaa6b4;font-size:9px;letter-spacing:1.4px}
html body[data-rn-brand].garden-page .feature-band{padding:44px 0 0;background:none;border:0;border-top:1px solid var(--border);border-radius:0;margin:0 0 64px;text-align:left}
html body[data-rn-brand].garden-page .feature-band>div:first-child{max-width:none;margin:0}
html body[data-rn-brand].garden-page .feature-band .eyebrow{padding:0;background:none;color:var(--accent);border-radius:0}
html body[data-rn-brand].garden-page .feature-band h2{font-size:30px;letter-spacing:-1.3px;margin:12px 0}
html body[data-rn-brand].garden-page .feature-band p{margin:12px 0 18px;color:var(--muted)}
html body[data-rn-brand].garden-page .feature-notes{gap:16px;margin-top:28px}
html body[data-rn-brand].garden-page .feature-notes article{min-height:235px;padding:26px;border:1px solid var(--border);border-top:3px solid var(--nav-active);border-radius:12px;background:var(--surface);box-shadow:none}
html body[data-rn-brand].garden-page .feature-notes article:nth-child(2){border-top-color:var(--cyan)}
html body[data-rn-brand].garden-page .feature-notes article:nth-child(3){border-top-color:var(--text)}
html body[data-rn-brand].garden-page .feature-notes span{color:var(--subtle);font-size:9px}
html body[data-rn-brand].garden-page .feature-notes h3{font-size:22px;margin-top:22px}
html body[data-rn-brand].garden-page .feature-notes p{font-size:13px}
html body[data-rn-brand].garden-page .feature-notes a{color:var(--accent);padding-top:18px}
html body[data-rn-brand].garden-page #getting-started{padding-top:0}
html body[data-rn-brand].garden-page .section-top{text-align:left;margin-bottom:24px}
html body[data-rn-brand].garden-page .section-top h2{font-size:28px}
html body[data-rn-brand].garden-page .steps{gap:16px}
html body[data-rn-brand].garden-page .steps article{border-radius:12px;border:1px solid var(--border);padding:25px;background:var(--surface)}
html body[data-rn-brand].garden-page .steps span{display:inline-block;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:750;padding:6px 10px}
html body[data-rn-brand].garden-page .steps h3{font-size:18px}
html body[data-rn-brand].garden-page .gallery-note{background:var(--surface);border-radius:14px;border:1px dashed var(--border);padding:36px 20px}
html body[data-rn-brand].garden-page .gallery-note h2{font-size:24px}
html body[data-rn-brand].garden-page .faq{max-width:none}
html body[data-rn-brand].garden-page .faq details{border-color:var(--border)}
html body[data-rn-brand] footer{border-top:1px solid var(--border);color:var(--subtle)}
/* Portal navigation and personal dashboard. */
html body[data-rn-brand] .layout{max-width:1320px}
html body[data-rn-brand] .layout>aside{padding-block:20px;background:var(--bg)}
html body[data-rn-brand] .portal-menu .portal-menu-group{grid-template-columns:100px minmax(0,1fr);gap:16px}
html body[data-rn-brand] .portal-menu .portal-menu-label{font-size:10px;letter-spacing:1px;color:var(--subtle)}
html body[data-rn-brand] .portal-menu .portal-menu-admin{padding-top:14px;margin-top:8px}
html body[data-rn-brand] .portal-menu .portal-menu-items>button,html body[data-rn-brand] .portal-menu .portal-menu-items>a{min-height:42px;border-radius:9px;font-size:12px;padding:10px 14px;color:var(--muted)}
html body[data-rn-brand] .portal-menu .portal-menu-items>button.active{background:var(--nav-active);border-color:var(--nav-active);color:white;box-shadow:0 4px 15px #c918351a}
html body[data-rn-brand] .portal-menu .portal-menu-admin .portal-menu-items>:not(.active){background:var(--surface);border:1px solid var(--border)}
html body[data-rn-brand] .portal-menu .portal-menu-items>:hover:not(.active){background:var(--surface-2);color:var(--text)}
html body[data-rn-brand] .page-heading{padding-top:4px}
html body[data-rn-brand] .page-heading h1{font-size:30px;font-weight:800}
html body[data-rn-brand] .profile-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--nav-active);border-radius:16px;padding:30px;margin:24px 0}
html body[data-rn-brand] .profile-hero::after{content:'';position:absolute;right:24px;bottom:-25px;width:230px;height:230px;background:url('/brand/c/icon-512.png') center/contain no-repeat;opacity:.075;pointer-events:none;z-index:-1}
html body[data-rn-brand] .profile-hero h2{font-size:clamp(28px,3.5vw,40px)}
html body[data-rn-brand] .profile-links a{font-size:12px;color:var(--accent);font-weight:650}
html body[data-rn-brand] :is(.profile-card,.profile-public-card,.wallet,.admin-stats article,.ops-player,.shop-card,.ops-audit,.mail-card,.mail-stat){background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:13px;box-shadow:none}
html body[data-rn-brand] :is(.profile-card,.profile-public-card){padding:23px}
html body[data-rn-brand] .profile-card h3{font-size:13px;color:var(--muted);opacity:1;line-height:1.7}
html body[data-rn-brand] .profile-value{font-size:24px;font-variant-numeric:tabular-nums}
html body[data-rn-brand] :is(.profile-card small,.profile-public-card small){opacity:1;color:var(--muted)}
html body[data-rn-brand] .wallet{border-top:2px solid var(--border);padding:22px}
html body[data-rn-brand] .wallet.money{border-top-color:var(--gold)}
html body[data-rn-brand] .wallet.cash{border-top-color:var(--cyan)}
html body[data-rn-brand] .wallet.player{border-top-color:var(--accent)}
html body[data-rn-brand] .currency-icon{border-radius:8px}
html body[data-rn-brand] .cash .currency-icon{background:var(--cyan-soft);color:var(--cyan)}
html body[data-rn-brand] .player .currency-icon{background:var(--accent-soft);color:var(--accent)}
html body[data-rn-brand] .wallet>strong{font-variant-numeric:tabular-nums;font-weight:750}
html body[data-rn-brand] :is(.notice,.ops-notice,.vg-notice,.shop-mail-notice){background:var(--surface);border-color:var(--border);color:var(--text);border-radius:10px}
html body[data-rn-brand] .item{border-radius:10px;box-shadow:none;background:var(--surface)}
html body[data-rn-brand] .item:hover{border-color:var(--accent)}
html body[data-rn-brand] :is(.empty,.mail-empty){background:var(--surface);border:1px dashed var(--border);border-radius:13px}
/* Shop, mail, and village share the same surfaces. */
html body[data-rn-brand] #village-panel{--vg-bg:var(--surface);--vg-line:var(--border);--vg-accent:var(--accent)}
html body[data-rn-brand] :is(.vg-box,.vg-sidebar){border-radius:13px;box-shadow:none}
html body[data-rn-brand] :is(.vg-tabs,.vg-stats span,.vg-badge){background:var(--surface-2)}
html body[data-rn-brand] .vg-tabs button.active{background:var(--nav-active);color:white}
html body[data-rn-brand] #village-list button.selected{background:var(--accent-soft);border-color:var(--accent)}
html body[data-rn-brand] .shop-wallet{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--nav-active);border-radius:15px;color:var(--text);padding:26px}
html body[data-rn-brand] .shop-wallet-mark{border-color:var(--border);border-radius:10px;color:var(--accent)}
html body[data-rn-brand] :is(.shop-wallet-summary span:not(.shop-wallet-mark),.shop-wallet-amount>div>span,.shop-wallet-hint){color:var(--muted)}
html body[data-rn-brand] :is(.shop-wallet-amount,.shop-wallet-hint){border-color:var(--border)}
html body[data-rn-brand] .shop-wallet-symbol{background:var(--gold-soft);color:var(--gold)}
html body[data-rn-brand] .cash .shop-wallet-symbol{background:var(--cyan-soft);color:var(--cyan)}
html body[data-rn-brand] .shop-filters{background:var(--surface);border-color:var(--border);border-radius:12px}
html body[data-rn-brand] :is(.shop-filters select,.ops-dialog select,.ops-dialog textarea,.mail-filters input,.mail-filters select,#mail-action-reason){background:var(--surface-2);border-color:var(--border);color:var(--text)}
html body[data-rn-brand] .shop-card-art{background:var(--surface-2);border-radius:9px}
html body[data-rn-brand] .shop-currency{background:var(--gold-soft);color:var(--gold)}
html body[data-rn-brand] .shop-currency.cash{background:var(--cyan-soft);color:var(--cyan)}
html body[data-rn-brand] .shop-card:hover{border-color:var(--accent)}
html body[data-rn-brand] .shop-card button.insufficient{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}
html body[data-rn-brand] .ops-player-actions .danger,html body[data-rn-brand] .debt{color:var(--accent);border-color:var(--accent)}
html body[data-rn-brand] :is(.ops-bulk,.ops-preview){background:var(--surface-2);color:var(--text)}
html body[data-rn-brand] :is(.ops-dialog,#adjust-dialog,dialog){background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px}
html body[data-rn-brand] dialog::backdrop{background:#08090fb3;backdrop-filter:blur(5px)}
html body[data-rn-brand] .mail-stat.ready{background:var(--cyan-soft)}
html body[data-rn-brand] .mail-stat.review{background:var(--gold-soft)}
html body[data-rn-brand] :is(.mail-stat strong,.mail-card-meta span:first-child){color:var(--text)}
html body[data-rn-brand] :is(.mail-stat span,.mail-card small,.mail-card-meta,.mail-action-record,.mail-details dt,.mail-details summary,.mail-empty p){color:var(--muted)}
html body[data-rn-brand] .mail-help{background:var(--cyan-soft);color:var(--text);border:1px solid var(--border);border-radius:12px}
html body[data-rn-brand] :is(.mail-action-record,.mail-details){border-color:var(--border)}
html body[data-rn-brand] :is(.mail-heading button,.mail-filters button,.mail-card-actions .secondary,.mail-dialog-actions .secondary){background:var(--surface);color:var(--text);border-color:var(--border)}
html body[data-rn-brand] :is(.status-ready,.status-partial,.mail-nav-count){background:var(--cyan-soft);color:var(--cyan)}
html body[data-rn-brand] .player-balances>div{background:var(--surface-2);border-color:var(--border)}
html body[data-rn-brand] .player-balances>div:last-child{background:var(--cyan-soft)}
/* Joining, verification, and policy pages. */
html body[data-rn-brand] :is(.guide-address,.guide-panel,.guide-photo,.guide-fields>div,.device-picker button,.guide-steps button){border-radius:12px}
html body[data-rn-brand] .guide-steps button[aria-pressed=true]{background:var(--nav-active);color:white}
html body[data-rn-brand] .guide-heading h1{font-size:42px}
html body[data-rn-brand] .device-picker button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}
html body[data-rn-brand] :is(.guide-tip,.edition-notice){background:var(--accent-soft);color:var(--text);border-radius:10px}
html body[data-rn-brand] :is(.guide-tip,.edition-notice) p{color:var(--muted)}
html body[data-rn-brand] :is(.guide-media,video){border-radius:10px}
html body[data-rn-brand][data-shared-theme] :is(section,.my-info-grid article,.extra-card,.admin-extra,#nickname-change,.record,.legal-content){background:var(--surface);border-color:var(--border);box-shadow:none;border-radius:13px}
html body[data-rn-brand][data-shared-theme] :is(.legal-hero,.legal-summary){background:var(--surface);color:var(--text);border-color:var(--border)}
html body[data-rn-brand] .legal-summary{border-left:3px solid var(--accent)}
html body[data-rn-brand] .legal-content :is(p,li){color:var(--muted)}
html body[data-rn-brand] .legal-toc nav a span{color:var(--accent)}
html body[data-rn-brand] #v-status{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}
/* The health indicator is set inline by the existing status renderer. */
html body[data-rn-brand] #bot-health:is([style*="245, 158, 11"],[style*="#f59e0b"]){color:var(--warning)!important}
html body[data-rn-brand] #verify-inline-login .discord-inline-button{background:#4752c4;color:white;border-color:#4752c4}
@media(max-width:1000px){
 html body[data-rn-brand].garden-page .intro-hero{gap:32px;padding:48px 0 60px}
 .rn-companion-stage{min-height:390px;padding:25px}.rn-companion-stage img{width:260px;height:260px}
 html body[data-rn-brand] .portal-menu .portal-menu-group{grid-template-columns:82px minmax(0,1fr);gap:10px}
 html body[data-rn-brand] .portal-menu .portal-menu-items>button,html body[data-rn-brand] .portal-menu .portal-menu-items>a{font-size:11px;padding:10px 11px}
}
@media(max-width:760px){
 html body[data-rn-brand] :is(header,.legal-nav){padding-inline:18px;min-height:74px;gap:12px;flex-wrap:wrap}
 html body[data-rn-brand].garden-page header{padding-inline:20px}
 html body[data-rn-brand].garden-page header nav{order:3;flex-basis:100%;gap:26px;margin:0;padding:5px 0 9px}
 html body[data-rn-brand].garden-page main{padding:0 20px}
 html body[data-rn-brand].garden-page .intro-hero{grid-template-columns:1fr;gap:30px;padding:38px 0 44px}
 html body[data-rn-brand].garden-page .intro-copy h1{font-size:39px;letter-spacing:-1.9px}
 html body[data-rn-brand].garden-page .intro-copy p{font-size:13px}
 html body[data-rn-brand].garden-page .connection-line{max-width:none}
 .rn-companion-stage{min-height:350px;border-radius:18px 18px 48px 18px;padding:23px}.rn-companion-stage img{width:250px;height:250px;margin:6px auto 12px}.rn-companion-stage figcaption span{font-size:8px}
 html body[data-rn-brand].garden-page .feature-band{padding:34px 0 0;margin-bottom:44px}
 html body[data-rn-brand].garden-page .feature-band h2{font-size:26px}
 html body[data-rn-brand].garden-page .feature-notes{grid-template-columns:1fr;gap:12px}
 html body[data-rn-brand].garden-page .feature-notes article{min-height:205px;padding:23px}
 html body[data-rn-brand].garden-page .steps{grid-template-columns:1fr}
 html body[data-rn-brand].garden-page .steps article{padding:23px}
 html body[data-rn-brand].garden-page .section-top h2{font-size:25px}
 html body[data-rn-brand] .profile-hero{padding:24px 20px;border-radius:12px}
 html body[data-rn-brand] .profile-hero::after{right:-45px;bottom:0;width:190px;height:190px;opacity:.045}
 html body[data-rn-brand] .profile-grid{gap:12px}
 html body[data-rn-brand] .profile-card{padding:21px}
 html body[data-rn-brand] .guide-heading h1{font-size:32px}
 html body[data-rn-brand] .guide-panel{padding:22px}
}
@media(max-width:650px){
 html body[data-rn-brand] header .header-right{display:contents}
 html body[data-rn-brand] header .header-right .theme-switch{margin-left:auto}
 html body[data-rn-brand] header #account.rn-account{flex-basis:100%;justify-content:space-between;gap:12px}
 html body[data-rn-brand] header .header-right>#login:not([hidden]){display:flex;flex-basis:100%;justify-content:center;padding:10px}
 html body[data-rn-brand] .portal-menu .portal-menu-group{grid-template-columns:1fr;gap:10px}
 html body[data-rn-brand] .portal-menu .portal-menu-label{font-size:10px}
 html body[data-rn-brand] .portal-menu .portal-menu-items{gap:6px}
 html body[data-rn-brand] .portal-menu .portal-menu-items>button,html body[data-rn-brand] .portal-menu .portal-menu-items>a{min-height:44px;padding:10px 5px;font-size:11px;gap:6px;white-space:normal}
 html body[data-rn-brand] .portal-menu .portal-menu-items span{width:16px;font-size:16px}
 html body[data-rn-brand] .header-right{gap:9px;justify-content:flex-end}
 html body[data-rn-brand] .shop-wallet{padding:20px}
}
@media(max-width:390px){
 html body[data-rn-brand].garden-page .intro-copy h1{font-size:34px}
 html body[data-rn-brand].garden-page .actions{gap:8px}
 html body[data-rn-brand].garden-page .actions a{padding:13px 15px;font-size:12px}
 .rn-stage-top{font-size:8px;letter-spacing:1.2px}
 .rn-companion-stage figcaption{flex-direction:column;align-items:flex-start;gap:7px}
 html body[data-rn-brand] .theme-switch button{padding:6px 8px}
}
@media(prefers-reduced-motion:no-preference){html body[data-rn-brand] :is(.primary,.outline-link,.secondary,.theme-switch button,.portal-menu button,.rn-logout){transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html body[data-rn-brand] *{animation:none!important;transition:none!important}}