/* VillageRealm shared design tokens */
:root{--vr-paper:#fff8ea;--vr-wash:#f9e9cb;--vr-border:#cbaa7d;--vr-ink:#513927;--vr-muted:#705743;--vr-forest:#245e50;--vr-plum:#705189;--vr-danger:#8c302d;--vr-radius:14px;--vr-gap:12px;--vr-shadow:0 3px 0 #a68b66;--vr14-paper:var(--vr-paper);--vr14-wash:var(--vr-wash);--vr14-border:var(--vr-border);--vr14-ink:var(--vr-ink);--vr14-forest:var(--vr-forest);--vr14-plum:var(--vr-plum);}
.realm-app{background:#d8ead6 url('../img/pure-meadow-1280.webp') center top/cover no-repeat;color:var(--ink);font-family:var(--body);line-height:1.55;}
:is(.realm-main,.admin-main) a:not(.realm-button):not(.wallet-summary-token):not(.discovery-card):not([data-tooltip]):not(.village-map-profile-link):not(.vr-village-dock a):not(.realm-pagination a):not(.admin-page-sections a):not(.legal-tabs a):not(.realm-section-tabs a):not(.admin-v2-economy-nav a):not(.ops-subnav a):not(.audit-categories a):not(.studio-collections a):not(.studio-pagination a):not(.vr-discover-pages a){color:#4c237c;text-decoration:underline;text-underline-offset:3px;}.realm-app h1,.realm-app h2,.realm-app h3{font-family:var(--display);font-weight:750;overflow-wrap:anywhere;letter-spacing:-.025em;}
.realm-header{background:#583620 url('../img/wood.svg') center/auto 100%;border-bottom:4px solid #c69445;padding:10px clamp(12px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff2cd;}
.realm-brand{display:flex;align-items:center;gap:12px;font:750 clamp(20px,2vw,28px)/1.1 var(--display);text-decoration:none;color:#fff2cd!important;min-width:0;}.realm-brand img{flex:none;}.realm-brand small{display:block;font:600 12px/1.5 var(--body);letter-spacing:.1em;}
.realm-header nav,.admin-top{display:flex;align-items:center;flex-wrap:wrap;gap:15px;}.realm-header nav a,.admin-top a{color:#fff2cd;font-weight:700;}.realm-header form{margin:0;}.realm-link{border:0;background:transparent;color:inherit;text-decoration:underline;padding:10px;min-height:44px;}
.realm-main{width:min(1280px,calc(100% - 36px));margin:32px auto 48px;min-height:65vh;}.realm-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 24px;}.realm-heading h1{margin:4px 0;}.realm-main>.realm-heading{padding:clamp(18px,2.5vw,30px);background:linear-gradient(120deg,#fff7df,#f1e1c0);border:2px solid var(--vr-border);border-radius:20px;box-shadow:var(--vr-shadow);color:var(--vr-ink);}.realm-eyebrow{font:700 12px/1.5 var(--body);text-transform:uppercase;letter-spacing:.12em;}
.realm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}.realm-card{padding:clamp(20px,3vw,36px);background:#fff2d3;border:3px solid #b98137;border-radius:22px;box-shadow:0 5px 0 #694825,0 10px 24px #284d2520;margin-bottom:26px;min-width:0;}.realm-card h1{font-size:clamp(27px,3vw,40px);}.realm-card h2{font-size:clamp(23px,2vw,29px);}
.auth-card{max-width:620px;margin:24px auto 40px;}.auth-emblem{display:block;margin:0 auto 18px;}.auth-card h1{text-align:center;}.realm-form{display:grid;gap:16px;}.realm-field{display:grid;gap:5px;}.realm-form label,.list-filters label{font-weight:650;}.realm-form>label:not(.check-row):not(.collection-switch){display:grid;gap:7px;min-width:0;}.realm-form>label :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;}.realm-form>button{justify-self:start;max-width:100%;white-space:normal;}.realm-form>.form-status{grid-column:1/-1;}.realm-form input:not([type=checkbox]):not([type=radio]),.realm-form select,.realm-form textarea,.list-filters input,.list-filters select{background-color:#fffaf0;border:2px solid #a07842;color:#3b200f;min-height:46px;max-width:100%;font:400 16px/1.4 var(--body);border-radius:9px;}
.realm-field input:focus,.realm-form select:focus,.realm-form textarea:focus{background:#fff;color:#3b200f;border-color:#075483;box-shadow:0 0 0 3px #07548333;}
.field-error{font-size:13px;color:#8c1616;min-height:0;}.field-error:empty{display:none;}.field-hint{font-size:13px;margin:0;}.form-status:empty{display:none;}.form-status{margin:0;padding:12px;border-radius:9px;background:#e4f0dc;overflow-wrap:anywhere;}.form-status.is-error{background:#f7dcd2;color:#711a11;}.form-status.is-error a{color:#711a11;}.form-control[aria-invalid=true]{border-color:#8c1616;}
.realm-button,.sidebar-toggle{display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:8px;padding:11px 20px;min-height:46px;border:2px solid #4e256e;border-radius:12px;background:linear-gradient(#8849ac,#643383);color:#fff8e7!important;text-decoration:none;font:700 16px/1.3 var(--display);box-shadow:0 3px 0 #422058;cursor:pointer;}
.realm-button:disabled{opacity:.6;cursor:default;}
.realm-app :focus-visible,.realm-dialog :focus-visible{outline:3px solid #075483;outline-offset:4px;}.auth-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px;font-size:14px;}
.check-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-weight:400!important;}.realm-form .check-row input,.check-row input{appearance:auto;width:20px;height:20px;min-height:20px;flex:none;accent-color:#643383;}
.realm-notice{background:#fff5cf;border:2px solid #957132;border-radius:14px;padding:18px;margin-bottom:22px;}.realm-notice h2{font-size:23px;}.realm-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 22px;background:#fdf1d8;padding:20px;border-top:3px solid #b98137;color:#3b200f;font-size:14px;}.realm-footer a{color:#4c237c;}.legal-copy{max-width:880px;margin:auto;}.legal-copy h2{margin-top:28px;}.village-preview{width:100%;height:auto;border-radius:15px;margin-bottom:22px;}

.realm-dialog{position:fixed;margin:auto;padding:30px;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 28px);overflow:auto;background:#fff2d3;color:#3b200f;border:3px solid #91632f;border-radius:22px;box-shadow:0 14px 60px #14352077;font:400 16px/1.5 var(--body);}.realm-dialog::backdrop,.admin-sidebar::backdrop{background:#193329cc;}.realm-dialog h2{font:750 27px/1.2 var(--display);padding-right:26px;}.realm-dialog label{margin:12px 0;}.dialog-x{position:absolute;top:5px;right:8px;font-size:28px;border:0;background:transparent;width:44px;height:44px;}.realm-dialog details{margin-top:20px;border-top:1px solid #ad823e;padding-top:18px;}.realm-dialog form{margin:22px 0;}.realm-captcha{position:relative;min-width:0;padding:18px;background:linear-gradient(135deg,#e8f2dc,#fdf1ca);border:2px solid #779452;border-radius:16px;}.realm-captcha legend{float:none;width:auto;margin:0 0 8px;font:700 20px/1.3 var(--display);}.realm-captcha p{font-size:13px;}.realm-captcha img{width:100%;max-width:320px;margin:8px auto;border:2px solid #a87c38;border-radius:12px;}.realm-captcha audio{margin:10px 0;}.captcha-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}.captcha-actions button{min-height:44px;padding:8px 12px;border:1px solid #769350;border-radius:9px;background:#fff6da;font-size:14px;}.realm-captcha>input:not([type=hidden]){display:block;width:100%;letter-spacing:.3em;}.captcha-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}.settings-category{display:grid;gap:16px;border:1px solid #c6a36b;border-radius:14px;padding:20px;margin-bottom:18px;min-width:0;}.settings-category legend{float:none;width:auto;font:700 22px/1.4 var(--display);padding:0 8px;}.settings-form{max-width:850px;}.realm-form input:not([type=checkbox]):not([type=radio]),.realm-form select,.realm-form textarea{padding:10px 12px;}.site-header form{margin:0;}.auth-links a{display:inline-flex;align-items:center;min-height:44px;padding:5px 0;}.list-status{overflow-wrap:anywhere;}
.admin-sidebar nav>a,.sidebar-submenu a,.sidebar-group summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;margin-bottom:5px;color:#fff4d9;text-decoration:none;border-radius:10px;font-weight:650;list-style:none;}.sidebar-group summary{cursor:pointer;}.sidebar-group summary::after{content:'⌄';margin-left:auto;}.sidebar-submenu{padding-left:12px;}.sidebar-submenu a{font-size:14px;}.admin-sidebar a:hover,.sidebar-group summary:hover{background:#ffffff16;}.sidebar-version{margin:30px 14px;font-size:12px;}.sidebar-close{display:none;}.sidebar-toggle{padding:6px 12px;font-size:23px;}.sidebar-collapsed .admin-sidebar span,.sidebar-collapsed .sidebar-version,.sidebar-collapsed .sidebar-group summary::after{display:none;}.sidebar-collapsed .sidebar-submenu{padding-left:0;}.sidebar-collapsed .admin-sidebar a,.sidebar-collapsed .sidebar-group summary{justify-content:center;padding:10px;}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;}.kpi-card{padding:22px;background:#fff2d3;border:2px solid #ab7434;border-radius:16px;min-width:0;}.kpi-card span{display:block;font-size:14px;}.kpi-card strong{display:block;font:750 35px/1.2 var(--display);margin:12px 0;}.kpi-card p{font-size:12px;margin:0;}
.list-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:22px;}.list-filters label{display:grid;gap:5px;flex:1;min-width:140px;}.list-filters label:first-child{flex:2;}.list-status{min-height:24px;margin-bottom:12px;}.realm-table{width:100%;border-collapse:collapse;font-size:14px;}.realm-table th,.realm-table td{padding:12px 10px;border-bottom:1px solid #b8955c;text-align:left;vertical-align:top;}.realm-table th{color:#5c3715;}.realm-table td{overflow-wrap:anywhere;max-width:340px;}.realm-table button{border:1px solid #6a397f;border-radius:8px;background:#f4dffc;padding:8px 13px;min-height:44px;color:#442154;font-weight:650;}.table-responsive{border-radius:10px;}.pager{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:20px;}.pager button{font-size:14px;padding:9px 14px;}.network-info{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:14px 0;}.network-info dt{font-weight:700;}.network-info dd{margin:0;overflow-wrap:anywhere;}.event-details{font-size:12px;}.settings-form{max-width:650px;}.user-dialog .realm-form{border-top:1px solid #c4a065;padding-top:18px;}
.audit-table-scroll{width:100%;max-width:100%;overflow:auto;overscroll-behavior-x:contain;border:1px solid #ac8957;border-radius:10px;margin-block:12px;-webkit-overflow-scrolling:touch;}
.audit-table-scroll:focus-visible,.admin-change-preview:focus-visible{outline:3px solid #245c8a;outline-offset:3px;}
.audit-table{min-width:540px;font-variant-numeric:tabular-nums;}
.audit-table th{white-space:nowrap;}
.audit-table td{min-width:78px;overflow-wrap:anywhere;}
.audit-table .audit-increase{color:#235421;font-weight:750;}
.audit-table .audit-decrease{color:#922c28;font-weight:750;}
.audit-table .audit-zero{color:#57472e;}
.admin-editor-content,.admin-resource-history,[data-log-changes]{min-width:0;max-width:100%;}
pre.event-details{white-space:pre-wrap;overflow-wrap:anywhere;}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:800px){.realm-grid{grid-template-columns:1fr;}.realm-header{flex-wrap:wrap;gap:10px;}.realm-header nav{gap:12px;}.realm-brand{font-size:22px;}.sidebar-close{display:block;position:absolute;right:8px;top:8px;width:44px;height:44px;color:#fff;font-size:32px;background:transparent;border:0;}.sidebar-collapsed .admin-sidebar span,.sidebar-collapsed .sidebar-version{display:initial;}.sidebar-collapsed .admin-sidebar a,.sidebar-collapsed .sidebar-group summary{justify-content:flex-start;}.sidebar-collapsed .sidebar-submenu{padding-left:12px;}.realm-main{width:calc(100% - 24px);margin:24px auto;}.list-filters label{min-width:130px;}.realm-table{min-width:560px;}.realm-dialog{padding:24px 18px;}}
@media(max-width:420px){.realm-brand img{width:42px;height:42px;}.realm-header{padding:10px 12px;}.kpi-grid{gap:10px;}.kpi-card{padding:16px;}.kpi-card strong{font-size:29px;}.realm-card{padding:20px 16px;}.realm-heading .realm-button{width:100%;}.realm-form{gap:12px;}}
@media(prefers-reduced-motion:reduce){.realm-app *, .realm-dialog *, }
.realm-toast{position:fixed;right:18px;bottom:18px;z-index:500;width:min(450px,calc(100% - 36px));padding:16px 20px;background:#edf6df;color:#214021;border:2px solid #56783b;border-radius:14px;box-shadow:0 8px 24px #23452544;}
/* Guest account gateway — integrated into the homepage, compact and touch-friendly. */
.guest-gateway{position:relative;z-index:2;align-self:start;width:min(100%,460px);margin:2px 0 24px;padding:18px 20px 20px;background:linear-gradient(155deg,#fff8e3,#fae5b8);border:3px solid #a66f31;box-shadow:0 6px 0 #694825,0 18px 38px #19331d45;}
.gateway-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.gateway-heading img{width:54px;height:54px;flex:none;}
.gateway-heading h2{font:800 27px/1.1 var(--display);margin:0;}
.gateway-heading p{font-size:13px;margin:2px 0 0;}
.gateway-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:13px;background:#d9b989;border:1px solid #a2773f;border-radius:12px;}
.gateway-tabs [role=tab]{padding:9px 6px;min-height:43px;border-radius:8px;font-weight:800;color:#56331d;background:transparent;}
.gateway-tabs [role=tab][aria-selected=true]{background:linear-gradient(#9561b0,#6e3d90);color:#fff9e9;box-shadow:inset 0 0 0 2px #cda6dc,0 2px 0 #4e276a;}
.gateway-tabs [role=tab]:focus-visible{outline:3px solid #075483;outline-offset:2px;}
.gateway-form{display:grid;gap:9px;}.gateway-form .realm-field{gap:2px;min-width:0;}
.gateway-form label{font-size:13px;line-height:1.3;}.gateway-form input:not([type=checkbox]):not([type=hidden]){min-height:40px;padding:7px 10px;}
.gateway-form .field-hint{font-size:11px;line-height:1.28;}.gateway-form .form-status{padding:8px 10px;font-size:13px;}
.gateway-form .realm-button{width:100%;min-height:43px;margin-top:2px;}
.gateway-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;}
.gateway-strength{margin:0;}
.gateway-terms{font-size:12px!important;line-height:1.4;}.gateway-terms a{color:#542a78;text-decoration:underline;}
.gateway-help{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;margin:12px 0 0;}
.gateway-help a{color:#4c237c;text-decoration:underline;}
.gateway-form .realm-captcha{padding:9px 11px;margin:2px 0 0;border-radius:12px;}
.gateway-form .realm-captcha legend{font-size:16px;margin:0 0 3px;}
.gateway-form .realm-captcha p{line-height:1.35;margin:3px 0;}
.gateway-form .realm-captcha img{max-width:260px;max-height:82px;object-fit:contain;margin:4px 0;}
.gateway-form .realm-captcha audio{margin:4px 0;max-height:46px;}
.gateway-form .captcha-actions{gap:5px;margin:4px 0;}.gateway-form .captcha-actions button{min-height:36px;padding:5px 10px;font-size:12px;}
.gateway-form .realm-captcha>input:not([type=hidden]){min-height:38px;max-width:200px;}
@media(max-width:370px){.guest-gateway{padding:13px 11px 16px;}.gateway-fields{grid-template-columns:1fr;}.gateway-tabs [role=tab]{font-size:12px;}}

/* VillageRealm polish and first-village onboarding. */
.hero-eyebrow{display:block;color:#895229;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11px;margin-bottom:5px;}
.remember-choice{font-size:13px;margin:3px 0 2px;}.remember-choice input{width:18px;height:18px;min-height:18px;}
.realm-captcha{padding:10px 12px;border-radius:12px;display:grid;gap:5px;}
.realm-captcha legend{font-size:16px;margin:0;}
.realm-captcha legend .ui-icon{width:22px;height:22px;}
.realm-captcha p{font-size:12px;line-height:1.35;margin:0;}
.realm-captcha img{width:min(100%,280px);max-width:280px;height:auto;max-height:89px;object-fit:contain;margin:2px auto;border-radius:8px;}
.realm-captcha audio{width:100%;height:38px;margin:3px 0;}
.captcha-actions{margin:2px 0 3px;gap:6px;}
.captcha-actions button{min-height:37px;padding:6px 9px;font-size:12px;}
.realm-captcha>input:not([type=hidden]){min-height:40px;max-width:200px;padding:5px 10px;}
.gateway-form .realm-captcha{padding:7px 9px;gap:4px;}
.gateway-form .realm-captcha img{width:min(100%,245px);max-height:76px;margin:2px auto;}
.gateway-form .realm-captcha>input:not([type=hidden]){min-height:37px;}
.gateway-form .realm-captcha legend{font-size:15px;}
.gateway-form .realm-captcha p{font-size:11px;}
.gateway-form .captcha-actions button{min-height:33px;}
/* Avoid moving/scaling the illustrated backdrop when tabs change height. */
.hero:has(.guest-gateway){background-color:#bdd6c9;}
.hero:has(.guest-gateway)>.hero-picture{height:790px;bottom:auto;}
.hero:has(.guest-gateway) .hero-content{min-height:730px;}
.hero:has(.guest-gateway) .hero-parchment{min-height:0;}
.gateway-strength{min-height:0;}
/* A compact wooden masthead and footer across all page types. */
.site-header{min-height:70px;}
.site-nav{min-height:74px;}
.brand{min-height:74px;width:85px;}
.brand img{width:60px;height:60px;}
.nav-item{min-height:42px;padding:6px 11px;font-size:16px;}
.nav-item .ui-icon{width:25px;height:25px;}
.top-play{min-height:54px;min-width:155px;font-size:21px;padding:10px 15px;}
.top-play .ui-icon{width:27px;height:27px;}
.footer-inner{min-height:64px;gap:8px 16px;}
.footer-logo{min-height:48px;font-size:15px;}.footer-logo img{width:48px;height:48px;}
.footer-links a,.footer-links button{min-height:36px;font-size:12px;padding:6px 9px;}
.footer-tagline{font-size:11px;}
/* The final world panel is centered, including its four cards. */
.world-layout{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px;max-width:1200px;padding:20px 0 23px;}
.world-introduction{width:100%;padding:0;text-align:center;}
.world-introduction::before{inset:-8px 5%;}
.world-introduction p{max-width:680px;margin:8px auto;}
.world-steps{width:100%;max-width:980px;justify-content:center;margin:0 auto;}
/* Auth panels don't affect the illustration on mobile either. */
@media(max-width:1150px){
 .site-header{min-height:68px;}.site-nav{min-height:68px;}.brand{min-height:68px;width:72px;}.brand img{width:52px;height:52px;}
 .hero:has(.guest-gateway)>.hero-picture{position:relative;height:clamp(280px,38vw,395px);inset:auto;bottom:auto;}
 .hero:has(.guest-gateway) .hero-content{min-height:0;}
 .world-layout{width:min(920px,calc(100% - 40px));}
}
@media(max-width:600px){
 .site-header{min-height:60px;}.site-nav{min-height:60px;}.brand{min-height:60px;width:62px;}.brand img{width:48px;height:48px;}
 .hero:has(.guest-gateway)>.hero-picture{height:clamp(245px,68vw,340px);}
 .hero:has(.guest-gateway) .hero-content{padding:15px 0 18px;}
 .hero-parchment{padding:19px 15px;}.hero-parchment h1{font-size:clamp(26px,7.5vw,36px);}
 .world-layout{width:calc(100% - 24px);}
 .footer-inner{padding:7px 0 10px;width:calc(100% - 24px);}.footer-logo img{width:41px;height:41px;}
 .realm-captcha img{max-width:235px;}
}
/* The first village creation flow. */
.village-wizard{max-width:890px;margin:12px auto 38px;padding:clamp(18px,3.4vw,38px);}
.village-wizard [data-wizard-step] h2{font-size:clamp(23px,2.7vw,30px);margin-bottom:8px;}.village-wizard [data-wizard-step]>p{margin-bottom:16px;}.secondary-button{background:#f4e5c2!important;color:#674428!important;border-color:#986a36;box-shadow:0 3px #ad8350;}
.village-choice{margin:0 0 15px;}.village-choice legend{font-size:18px;font-weight:750;font-family:var(--display);margin-bottom:10px;}
.village-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.village-badge-option{position:relative;cursor:pointer;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 6px;background:#fff9ea;border:2px solid #d1ad72;border-radius:13px;font-size:13px;}
.village-badge-option input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;}
.village-badge-option:has(input:checked){background:#f1e2fc;border-color:#7140a4;box-shadow:0 0 0 2px #e4cbf4;}
.village-badge-option:has(input:focus-visible){outline:3px solid #075483;outline-offset:3px;}
.village-badge-art svg{width:60px;height:60px;}.village-badge-option span:last-child{font-weight:700;line-height:1.25;}
.village-biomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.village-biome{position:relative;display:grid;place-items:center;min-height:73px;padding:10px;cursor:pointer;text-align:center;font-weight:700;border:2px solid #ab8d64;border-radius:12px;background:linear-gradient(135deg,#eaf9d4,#a9d6a8);}
.village-biome input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;}
.village-biome:has(input:checked){border-color:#5a3193;box-shadow:0 0 0 3px #ddc7f1;}
.village-biome:has(input:focus-visible){outline:3px solid #075483;outline-offset:3px;}
.village-biome-mist{background:linear-gradient(135deg,#dae8f0,#abcad6);}.village-biome-sunlit{background:linear-gradient(135deg,#fff3b6,#edd38e);}.village-biome-moonlit{background:linear-gradient(135deg,#e5ddfb,#a4a8d8);}
.village-review{display:flex;align-items:center;gap:20px;padding:18px;background:#fff9ec;border:2px solid #bb9457;border-radius:15px;margin-bottom:20px;}.review-crest svg{width:108px;height:108px;display:block;}.village-review h3{font-size:clamp(24px,4vw,32px);margin:0 0 6px;}.village-review p{font-size:14px;overflow-wrap:anywhere;}.village-review span[data-review-biome],.village-biome-label{color:#693f83;font-weight:750;font-size:13px;}.village-review > div{display:grid;gap:6px;}
.village-dashboard-header{display:flex;align-items:center;gap:24px;margin-bottom:20px;}.village-dashboard-header h1{margin:3px 0;}.village-dashboard-header p{margin:4px 0;}
.village-admin-rows{padding-left:16px;}.village-admin-rows li{padding:8px 0;border-bottom:1px solid #c9ae7c;}
@media(max-width:550px){.village-badges{grid-template-columns:repeat(2,minmax(0,1fr));}.village-biomes{grid-template-columns:1fr 1fr;}.village-review{gap:11px;padding:12px;}.review-crest svg{width:75px;height:75px;}.village-wizard{width:100%;margin:5px auto 20px;}}

/* Release 0.1: administrator navigation and village editor. */
.sidebar-group:not([open]) .sidebar-submenu{display:none;}
.sidebar-group.is-active>summary,.sidebar-group[open]>summary{background:linear-gradient(95deg,#92593b,#6d458c);color:#ffe9b7;box-shadow:inset 3px 0 #f9c866;}
.village-admin-list{overflow-x:auto;}.village-admin-list .realm-table{width:100%;}
.village-admin-list button{border:1px solid #8c663a;border-radius:9px;background:#fff2d1;padding:8px 12px;min-height:38px;}
.village-permalink{display:grid;gap:5px;padding:12px;border:1px solid #b79e63;border-radius:12px;background:#f8efdb;font-size:13px;margin:9px 0;}
.village-permalink code{overflow-wrap:anywhere;white-space:normal;color:#4e3279;font-weight:750;}
.registration-complete{text-align:center;padding:24px 16px;background:#f4efda;border-radius:16px;outline:none;}
.registration-complete-icon{font-size:44px;display:block;}.registration-complete h3{font-size:27px;margin:8px 0;}.registration-complete p{line-height:1.45;}
.profile-menu{position:relative;min-width:0;align-self:center;color:#fff1d7;}
.profile-menu summary{list-style:none;cursor:pointer;}.profile-menu summary::-webkit-details-marker{display:none;}
.profile-menu[open] summary,.profile-menu summary:hover{background:#9b623a;color:#fff;}
.profile-menu-items{position:absolute;right:0;top:100%;z-index:45;width:max(210px,100%);padding:9px;background:#633c26;border:2px solid #cba161;border-radius:12px;box-shadow:0 10px 24px #1f130e7a;}
.profile-menu-items a,.profile-menu-items button{display:block;width:100%;min-height:42px;padding:10px 12px;text-align:left;color:#fff0d9;font-size:14px;border:0;border-radius:7px;background:transparent;text-decoration:none;}
.profile-menu-items a:hover,.profile-menu-items button:hover{background:#936041;}.profile-menu-items form{margin:0;}
@media(max-width:900px){.profile-menu{width:100%;}.profile-menu-items{position:static;width:100%;box-shadow:none;}.profile-menu summary{justify-content:center;}}
@media(max-width:650px){.village-admin-list .realm-table{min-width:570px;}.profile-menu summary{justify-content:flex-start;}}

/* Ensure browser state attributes override form/grid/card display rules. */
[hidden]{display:none!important;}
.admin-sidebar a:focus-visible,.sidebar-group summary:focus-visible{outline:2px solid #f4dc91;outline-offset:2px;}

/* Compact guest registration; landscape always covers the complete hero on desktop. */
@media(min-width:1151px){
 .hero:has(.guest-gateway){min-height:0;overflow:hidden;}
 .hero:has(.guest-gateway)>.hero-picture{position:absolute;inset:0;width:100%;height:100%;bottom:0;}
 .hero:has(.guest-gateway) .hero-content{min-height:0;padding-top:18px;padding-bottom:26px;}
 .guest-gateway{padding:13px 15px 15px;margin-bottom:4px;}
 .guest-gateway .gateway-heading{margin-bottom:6px;}
 .guest-gateway .gateway-heading img{width:43px;height:43px;}
 .guest-gateway .gateway-heading h2{font-size:23px;}
 .guest-gateway .gateway-tabs{margin-bottom:8px;}
 .guest-gateway .gateway-tabs [role=tab]{min-height:38px;padding:6px;}
 .guest-gateway .gateway-form{gap:6px;}
 .guest-gateway .gateway-form .realm-field{gap:1px;}
 .guest-gateway .gateway-form input:not([type=checkbox]):not([type=hidden]){min-height:36px;padding:5px 9px;}
 .guest-gateway .gateway-fields{gap:5px 9px;}
 .guest-gateway .realm-captcha{padding:6px 9px;gap:2px;}
 .guest-gateway .realm-captcha img{max-height:66px;width:min(100%,225px);}
 .guest-gateway .realm-captcha p{font-size:10px;line-height:1.25;}
 .guest-gateway .captcha-actions{margin:0;gap:5px;}
 .guest-gateway .captcha-actions button{min-height:31px;padding:4px 8px;}
 .guest-gateway .gateway-form .realm-button{min-height:39px;}
 .guest-gateway .gateway-form .field-hint{line-height:1.2;}
}

/* v0.1 account/admin UI refinements: no new dependencies. */
.gateway-fields{align-items:stretch;grid-auto-flow:row;}
.gateway-fields>.realm-field{display:flex;flex-direction:column;min-width:0;width:100%;gap:2px;}
.gateway-fields>.realm-field>input{width:100%;min-width:0;box-sizing:border-box;}
.gateway-fields>.realm-field>.field-hint{min-height:28px;display:block;line-height:1.24;}
.gateway-fields>.realm-field>.field-error{min-height:1em;}
.realm-captcha{justify-items:center;text-align:center;}
.realm-captcha .captcha-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;gap:7px;}
.realm-captcha label[for="captcha-answer"],.realm-captcha #captcha-help,.realm-captcha #captcha-status{text-align:center;}
.realm-captcha>input[name="captcha_answer"]{display:block;width:min(100%,210px);max-width:210px;text-align:center;letter-spacing:.18em;margin-inline:auto;}
.realm-captcha img,.realm-captcha audio{margin-inline:auto;}
.profile-menu-items{width:270px;max-width:calc(100vw - 24px);padding:0;overflow:hidden;border-color:#c79f64;border-radius:15px;background:#57351f;box-shadow:0 14px 36px #1f130e88;}
.profile-menu-head{display:flex;align-items:center;gap:10px;padding:15px 13px;background:linear-gradient(125deg,#865538,#5b3e72);}
.profile-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;border:2px solid #e9c889;background:#f3deb2;color:#553526;font-weight:850;font-size:24px;flex:none;}
.profile-menu-head strong,.profile-menu-head small{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.profile-menu-head strong{font-size:15px;color:#fff9dd;}.profile-menu-head small{color:#ead7bf;font-size:11px;}
.profile-menu-state{padding:8px 13px;color:#d0f1c2;font-size:11px;font-weight:700;background:#4e5939;}
.profile-menu-group{padding:9px;}.profile-menu-group+.profile-menu-group{border-top:1px solid #92734d;}
.profile-menu-label{display:block;padding:6px 10px;color:#e6c99e;font-size:10px;font-weight:850;letter-spacing:.1em;}
.profile-menu .profile-menu-group a,.profile-menu .profile-menu-group button{gap:10px;min-height:39px;padding:8px 10px;font-size:13px;border-radius:8px;}
.profile-menu .profile-menu-group svg{width:19px;height:19px;flex:none;}
.profile-menu-bottom button{color:#ffe0cf!important;}.profile-menu-bottom button:hover{background:#8f453d!important;}
@media(max-width:900px){.profile-menu-items{width:100%;max-width:100%;}.profile-menu-head strong,.profile-menu-head small{max-width:unset;}}
/* Account workspace: distinct, readable sections rather than a dense two-column page. */
.account-workspace{max-width:960px;margin-inline:auto;padding:clamp(16px,2.4vw,30px);}
.account-heading{margin-bottom:18px;}.account-heading p{margin-bottom:0;}
.realm-section-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:5px;background:#e7d3aa;border:1px solid #be985e;border-radius:13px;margin:0 0 22px;}
.realm-section-tabs>button{appearance:none;border:0;border-radius:9px;background:transparent;color:#5e4229;min-height:39px;padding:8px 15px;font-size:13px;font-weight:800;cursor:pointer;}
.realm-section-tabs>button[aria-selected="true"]{background:linear-gradient(115deg,#8054a3,#613d81);color:#fff9ee;box-shadow:0 2px 0 #482860;}
.realm-section-tabs>button:hover:not([aria-selected="true"]){background:#f5e9cd;}
.realm-section-tabs>button:focus-visible{outline:3px solid #075483;outline-offset:2px;}
[data-panel-content][hidden]{display:none!important;}
.account-tab-content{max-width:750px;margin:auto;}.account-tab-content h2{margin-bottom:7px;}.section-intro{color:#62523e;font-size:14px;line-height:1.55;margin-bottom:18px;}
.account-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.account-password-change{margin-top:18px;padding-top:15px;border-top:1px solid #d6bc8a;}.account-password-change h3{font-size:20px;margin:0 0 3px;}.account-password-change h3 small{font:600 12px var(--body);color:#745f49;}
.account-detail-list{display:grid;gap:9px;margin:14px 0 22px;}.account-detail-list>div{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px;background:#fff7e5;border:1px solid #d7b888;border-radius:10px;}.account-detail-list>div span{color:#6d543c;font-size:13px;}.account-detail-list>div strong{text-align:right;overflow-wrap:anywhere;}
.signins-list{list-style:none;padding:0;display:grid;gap:8px;margin:0;}.signins-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff7e5;border:1px solid #d7b888;padding:12px;border-radius:10px;}.signins-list strong{font-size:13px;}.signins-list span{font-size:13px;color:#6a543b;font-family:monospace;}
.dashboard-progress-row{margin:10px 0;}.dashboard-progress-row>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;}
.dashboard-progress-row progress{width:100%;height:13px;accent-color:#7a4f99;border-radius:8px;}
@media(max-width:670px){.gateway-fields .field-hint{min-height:0;}.account-profile-fields,.admin-dashboard-actions{grid-template-columns:1fr;}.realm-section-tabs{gap:3px;}.realm-section-tabs>button{font-size:12px;min-height:42px;padding:7px 10px;}.signins-list li{align-items:flex-start;flex-direction:column;gap:4px;}}
.village-experience{width:min(1320px,100%);margin:0 auto;position:relative;}.optional-label{font-weight:500;font-size:12px;color:#846f78;}
@keyframes wizard-twinkle{from{opacity:.35;transform:translateY(0)}to{opacity:.95;transform:translateY(-9px)}}.swatch-amethyst>span{background:#9c6cc4;}.swatch-emerald>span{background:#53b77c;}.swatch-sunrise>span{background:#e99c61;}.swatch-ocean>span{background:#5897c2;}
.biome-card-scenery{display:block;width:100%;height:93px;background:#81a8a5;filter:none;}
.village-biomes-wide{grid-template-columns:repeat(2,minmax(0,1fr));}.biome-card-copy{display:block;padding:0 12px 12px;color:#634e35;font-size:12px;line-height:1.45;}.village-biome input:checked + .biome-card-scenery + .biome-card-title + .biome-card-copy{color:#4d3622;}
.biome-card-title{padding:5px 3px;color:#4d354d;font-weight:800;font-size:12px;}@keyframes wizard-pulse{from{transform:scale(.96)}to{transform:scale(1.13)}}@keyframes wizard-fall{to{transform:translateY(110vh) rotate(550deg);opacity:0}}
.village-test-banner{width:min(1180px,100%);margin:0 auto 18px;background:#f7e4b9;color:#463842;border:2px solid #a17a43;border-radius:14px;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;}.village-test-banner div{display:grid;gap:3px;}.village-test-banner span{font-size:12px;}.village-test-banner .realm-button{font-size:12px;min-height:38px;padding:7px 14px;white-space:nowrap;}
.village-test-finished{max-width:620px;margin:8vh auto;text-align:center;padding:35px;}.village-test-finished a{display:block;margin-top:20px;}
@media(max-width:600px){.village-test-banner{align-items:stretch;flex-direction:column;}}
.village-biomes-wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.biome-card-scenery{height:82px;border-bottom:1px solid rgba(80,57,35,.18);background-size:cover;background-repeat:no-repeat;border-radius:14px 14px 0 0;}
.village-biome{overflow:hidden;}
.biome-card-title{display:block;padding:10px 12px 4px;}
.biome-card-copy{min-height:48px;}
@media (max-width:1180px){.village-biomes-wide{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:680px){.village-biomes-wide{grid-template-columns:1fr;}.biome-card-copy{min-height:0;}.biome-card-scenery{height:88px;}}
.village-test-banner{margin-bottom:10px;padding:8px 13px;max-width:1080px;box-shadow:0 4px 14px #142d2c50;}
.village-experience{max-width:1130px;}
.vr-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;margin-right:6px;border:1px solid #c49a54;border-radius:999px;background:linear-gradient(180deg,#fff6d3,#eed5a3);box-shadow:0 2px 0 #b28b58;color:#6e4c34;font:850 10px/1.2 var(--body);letter-spacing:.07em;vertical-align:middle;}
.village-choice{min-width:0;padding:0;margin:0;border:0;}
.village-choice legend{display:block;margin:0 0 5px;font-weight:800;color:#574336;font-size:13px;}
.biome-choices-tip{font-size:11px;margin:0 0 8px;color:#715b51;line-height:1.35;}
.wizard-sheet .village-biomes,.village-biomes-wide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:342px;overflow-y:auto;overscroll-behavior:contain;padding:4px 6px 8px 3px;scrollbar-width:thin;scrollbar-color:#a27749 #ead4a8;align-content:start;}
.biome-selected-mark{visibility:hidden;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff;background:#7f4fa7;font:900 11px/1 var(--body);}
.village-biome:has(input:checked) .biome-selected-mark{visibility:visible;}
.wizard-sheet .realm-button,.admin-app .admin-main .realm-button{border-radius:11px;border-width:2px;box-shadow:0 3px 0 #5b3862,0 6px 12px #35284923;transition:transform .16s,box-shadow .16s,filter .16s;}
.wizard-sheet .realm-button:hover,.admin-app .admin-main .realm-button:hover{transform:translateY(-1px);filter:brightness(1.06);}
.wizard-sheet .realm-button:active,.admin-app .admin-main .realm-button:active{transform:translateY(2px);box-shadow:0 1px 0 #5b3862;}
.vr-admin-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #c9a268;border-radius:999px;background:#fff1d3;padding:3px 9px;box-shadow:0 2px 0 #b99158;color:#6b4934;font:800 10px/1.2 var(--body);letter-spacing:.07em;}
.vr-table-badge{gap:5px;padding:4px 8px;border:1px solid #c5a67c;background:#f4ecd8;color:#5c4e3e;font-size:11px;font-weight:850;line-height:1.15;white-space:nowrap;box-shadow:0 1px 0 #ab8b6240;}
.vr-badge-success{background:#e1f1d9;border-color:#7db275;color:#28612b;}
.vr-badge-warning{background:#fff1d1;border-color:#d2a354;color:#845518;}
.vr-badge-danger{background:#f9e0d9;border-color:#cf8c85;color:#9b3930;}
.vr-badge-violet{background:#eddcf5;border-color:#b38bc6;color:#683381;}


/* Explicit theme browsing controls: the ten choices must never be hidden by an invisible scroll affordance. */
.biome-browser-guide{display:flex;flex-direction:column;gap:8px;margin:8px 0 10px;padding:10px 12px;background:linear-gradient(115deg,#fff5d4,#ecdfc7);border:1px solid #c49d62;border-radius:12px;box-shadow:inset 0 1px 0 #fffdf0,0 2px 0 #b79667;}
.biome-browser-message{display:flex;align-items:center;gap:7px;color:#5c3e31;font-size:12px;font-weight:750;line-height:1.35;}
.biome-browser-message span{color:#9860af;font-size:16px;}
.biome-browser-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.biome-browse-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border:2px solid #82563f;border-radius:9px;background:linear-gradient(180deg,#fff2bf,#ddb677);box-shadow:0 2px 0 #68452f;color:#4a2b28;font:800 11px/1.2 var(--body);cursor:pointer;transition:background .16s ease,transform .16s ease;}
.biome-browse-button:not(:disabled):hover,.biome-browse-button:focus-visible{background:linear-gradient(180deg,#fffacb,#eec88f);outline:2px solid #8b5bab;outline-offset:1px;}
.biome-browse-button:active:not(:disabled){transform:translateY(2px);box-shadow:none;}
.biome-browse-button:disabled{opacity:.42;cursor:not-allowed;}
.biome-browser-range{flex:1;text-align:center;color:#754f79;font-size:12px;font-weight:900;white-space:nowrap;}
@media(max-width:600px){.biome-browser-guide{padding:9px;gap:7px;}.biome-browser-message{font-size:11px;}.biome-browse-button{padding:6px 8px;font-size:10px;min-height:33px;}.biome-browser-range{font-size:11px;}}
@keyframes vrFloatParticle{0%{transform:translate3d(0,0,0) scale(.85);opacity:0}10%{opacity:.8}100%{transform:translate3d(12px,-118%,0) scale(1.15);opacity:0}}
.wizard-sheet .realm-button::before,.biome-browse-button::before{content:"";position:absolute;inset:auto auto auto -38%;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);opacity:0;pointer-events:none;}
@keyframes vrButtonShine{0%{left:-45%;opacity:0}20%{opacity:.85}100%{left:125%;opacity:0}}
@keyframes vrRiseIn{from{transform:translateY(18px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@media(max-width:680px){.wizard-sheet .village-biomes,.village-biomes-wide{max-height:312px;}}
@media(prefers-reduced-motion:reduce){.wizard-particle,.wizard-sheet .realm-button::before,.biome-browse-button::before{animation:none!important;}}
@keyframes vrFloatParticle{0%{transform:translate3d(0,18px,0) rotate(0deg) scale(.8);opacity:0}20%{opacity:.77}75%{opacity:.65}100%{transform:translate3d(14px,-110px,0) rotate(100deg) scale(1.02);opacity:0}}
.village-card-rune{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#78508e,#52376e);color:#fff3cf;font-size:22px;box-shadow:0 3px 0 #442755;}
.village-mascot-value>span{font-size:19px;vertical-align:middle;}
.village-muted{font-size:11px;color:#7c7063;font-weight:550;}
.village-note{margin:15px 0 0;font-size:11px;color:#7c6d5b;line-height:1.5;}
.village-timeline-list,.village-chronicle-events{list-style:none;padding:0;margin:0;display:grid;gap:11px;}
.village-timeline-list li{display:flex;flex-direction:column;padding:10px 13px;border-left:3px solid #956baa;background:#fffaec;border-radius:0 10px 10px 0;}
.village-timeline-list strong{font-size:13px;color:#533a50;}.village-timeline-list small{font-size:11px;color:#806f60;margin-top:3px;}
.village-chronicle-events li{position:relative;padding:0 0 13px 23px;border-left:2px solid #c8a5cf;margin-left:5px;}
.village-chronicle-events li::before{content:'✦';position:absolute;left:-9px;top:0;color:#8c579b;background:#f7ebd4;font-size:13px;}
.village-chronicle-events time{display:block;font-size:11px;color:#7a6653;margin-bottom:3px;}
.village-chronicle-events strong{display:block;font-size:14px;color:#54354e;}
.village-chronicle-events p{font-size:12px;margin:3px 0 0;color:#6c5947;overflow-wrap:anywhere;}
.village-empty{display:flex;align-items:center;gap:12px;padding:20px 14px;border:1px dashed #cbac7b;border-radius:13px;background:#fff8e7;}
.village-empty>span{font-size:29px;color:#a27cad;}.village-empty p{font-size:13px;color:#766550;margin:0;}
.village-mascot-editor{margin-top:17px;padding:12px 14px;border:1px solid #d1ad85;border-radius:12px;background:#fff9ed;}
.village-mascot-editor>summary{cursor:pointer;font-size:13px;font-weight:800;color:#684071;}
.village-mascot-editor form{margin-top:16px;}
.village-mascot-editor fieldset{min-width:0;border:0;padding:0;margin:0;}
.village-mascot-editor legend{font-size:12px;font-weight:750;margin-bottom:10px;}
.village-mascot-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.village-mascot-option{display:grid;justify-items:center;align-content:center;gap:3px;min-height:84px;padding:6px;text-align:center;border:2px solid #d3b58a;border-radius:12px;background:#fffdf5;cursor:pointer;font-size:10px;font-weight:800;color:#5c4d3c;}
.village-mascot-option:has(input:checked){border-color:#8850a1;background:#f5e7fa;box-shadow:0 0 0 2px #d5aed9;}
.village-mascot-option:has(input:focus-visible){outline:2px solid #13618b;outline-offset:2px;}
.village-mascot-option input{width:15px;height:15px;margin:0;min-height:0;accent-color:#77449d;}
.village-mascot-emoji{font-size:26px;line-height:1.1;}
.village-visit-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;}
.village-visit-stats>div{padding:18px 10px;text-align:center;border:1px solid #d6bb93;border-radius:14px;background:#fff9ee;}
.village-visit-stats strong{display:block;color:#643e78;font:bold clamp(21px,2.5vw,32px)/1.1 var(--display);}
.village-visit-stats span{font-size:11px;font-weight:750;color:#795e49;}
.village-visit-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:145px;gap:10px;align-items:stretch;padding:8px 12px;border:1px solid #dcc7a5;border-radius:13px;background:#fff9ec;}
.village-visit-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;gap:4px;}
.village-visit-number{font-size:11px;color:#725a4b;font-weight:800;}
.village-visit-column{width:min(36px,82%);min-height:3px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#b17dc2,#6e5194);box-shadow:inset 0 2px 0 #e8b0ed;}
.village-visit-bar small{font-size:10px;color:#715b47;font-weight:800;}
@media(max-width:480px){.village-visit-stats{gap:6px;}.village-visit-stats>div{padding:12px 6px;}.village-visit-stats strong{font-size:22px;}.village-visit-stats span{font-size:10px;}}
.village-card-kicker{display:block;color:#9a6c6f;font:900 10px/1.35 var(--body);letter-spacing:.105em;margin-bottom:4px;}
.village-mascot-chevron{margin-left:auto;transition:transform .2s;}
.village-mascot-editor[open] .village-mascot-chevron{transform:rotate(180deg);}
.village-chronicle-more{display:inline-flex;align-items:center;justify-content:center;margin-top:15px;padding:9px 14px;border:1px solid #ac7cad;border-radius:11px;background:#f8edf9;color:#63416a;font-weight:850;font-size:12px;cursor:pointer;}
.village-chronicle-more:hover{background:#eedcf3;}
.village-visits-chart-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 11px;}
.village-visits-chart-heading h4{font-size:17px!important;color:#543b50!important;margin:0!important;}
.village-visits-chart-heading span{font-size:11px;color:#7f6c58;font-weight:800;}
.village-visits-method{margin-top:15px;padding:11px 14px;background:#fff7e6;border:1px solid #ddc5a0;border-radius:11px;}
.village-visits-method summary{font-size:12px;font-weight:850;color:#6c5077;cursor:pointer;}
.village-visits-method p{font-size:11px;line-height:1.6;color:#705c4e;margin:10px 0 0;}

/* VillageRealm interface polish — isolated from the original layouts to make future revisions safer. */
:root{--vr-focus:#347ca2;--vr-shadow:rgba(31,45,41,.22);--vr-gold:#c79b5e;--vr-parchment:#fff8e8;}
.realm-app :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--vr-focus);outline-offset:3px;}
.realm-app button:disabled{filter:saturate(.78);opacity:.62;}
.realm-app .realm-button,.admin-app .admin-main .realm-button,.biome-browse-button{position:relative;touch-action:manipulation;transition:background-color .2s,transform .18s,box-shadow .18s,filter .18s;}
.realm-app .realm-button:not(:disabled):active,.realm-app .biome-browse-button:not(:disabled):active{transform:translateY(2px);}
.vr-chip,.vr-table-badge,.profile-menu-state{letter-spacing:.01em;}
.village-review{border-radius:17px;background:linear-gradient(145deg,#fff9e8,#f4ead0);}
.review-village-details{width:100%;min-width:0;}
.review-village-details h3{font-size:clamp(24px,3vw,36px);}
.review-village-details .review-biome-name{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;background:#ebdfef;color:#634878;border:1px solid #ad89c2;padding:5px 10px;}
.review-save-note{font-size:12px!important;color:#735943;margin:5px 0 0!important;}
.village-biome{min-width:0;}
.village-biome input:checked~.biome-card-title{color:#603485;}
.village-biome input:focus-visible~.biome-card-scenery{outline:3px solid #1b759b;outline-offset:-4px;}
.biome-browser-guide{position:relative;}
.biome-browser-range{font-variant-numeric:tabular-nums;}
.biome-browse-button:disabled{box-shadow:none;}
.realm-polish-kpi{position:relative;overflow:hidden;padding-left:60px!important;}
.realm-polish-kpi .kpi-glyph{position:absolute;left:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:35px;height:35px;background:#f5e9d2;border:1px solid #c9ab76;color:#795888;font-size:20px;border-radius:11px;}
.realm-polish-kpi strong{font-variant-numeric:tabular-nums;}
@media(prefers-reduced-motion:reduce){.realm-app .realm-button,.admin-app .realm-button,.wizard-sheet .village-biome,.biome-browse-button{transition:none!important;animation:none!important;}}.vr-history-more{border:1px solid #a58ab5;border-radius:9px;background:#f4eafb;color:#61467a;padding:8px 12px;margin-top:10px;cursor:pointer;font-weight:800;}
.vr-dock-icon{font-size:20px;line-height:1;}
@media(max-width:700px){.vr-dock-icon{font-size:18px;}}

/* Keep the opened account dropdown above the wooden navbar and the resource strip. */
.site-header .site-nav{position:relative;z-index:120;overflow:visible;}
.site-header .nav-links{overflow:visible;}
.site-header .profile-menu[open]{position:relative;z-index:130;}
.site-header .profile-menu[open] .profile-menu-items{z-index:140;box-shadow:0 18px 38px #1f130e99;}
.site-header .vr-resource-strip{z-index:2;}

/* VillageRealm UI improvements. Extends the original wood-and-parchment theme. */
:root{--vr-ux-ink:#4b352b;--vr-ux-violet:#6a4382;--vr-ux-parchment:#fff5d9;--vr-ux-edge:#ba9360;}
/* Primary navigation and accessible profile menu. */
.site-header{position:relative;z-index:300;}
.site-header .site-nav,.site-header .nav-links{overflow:visible;}
.profile-menu[open]{z-index:320!important;}
.profile-menu[open] .profile-menu-items{z-index:340!important;isolation:isolate;width:min(290px,calc(100vw - 24px));max-height:min(72dvh,600px);overflow:auto;overscroll-behavior:contain;box-shadow:0 16px 40px #1e160fd6;}
.profile-menu .profile-menu-group a,.profile-menu .profile-menu-group button{width:100%;min-height:43px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;text-decoration:none;color:#fff1d7!important;transition:background .12s,border-color .12s;}
.profile-menu .profile-menu-group a:is(:hover,:focus-visible),.profile-menu .profile-menu-group button:is(:hover,:focus-visible){background:#946039!important;border-color:#dcb787;color:#fff!important;outline-offset:1px;}
.profile-menu .profile-menu-group a:active,.profile-menu .profile-menu-group button:active{background:#a87648!important;}
.profile-menu .profile-menu-label{font-size:10px;letter-spacing:.1em;}
.profile-menu .profile-menu-head{padding-block:12px;}
.site-header .comm-notifications[open]{z-index:310;}
.site-header .comm-notifications[open] .comm-panel{z-index:330;box-shadow:0 16px 35px #201d1b87;}
.comm-panel [data-notification-status]:not(:empty){display:block;margin:12px 0 0;padding:10px 12px;border:1px solid #b8a07b;border-radius:9px;background:#fff9e8;font-weight:700;font-size:13px;line-height:1.4;color:#503b4a;}
.comm-panel [data-notification-list]:not(:empty){min-height:40px;}
@media(max-width:1150px){.profile-menu[open] .profile-menu-items{position:static!important;max-height:none;max-width:100%;width:100%;overflow:visible;}.profile-menu .profile-menu-group{padding:6px 10px;}}
/* Account: one workspace with clearly separated sections. */
.realm-main .vr-account-hub{width:min(1060px,calc(100% - 24px));max-width:1060px;margin:18px auto 44px;min-width:0;}
.vr-account-hub>[role=tablist]{display:flex;gap:8px;flex-wrap:wrap;padding:9px;border:2px solid #bd9766;border-radius:17px;background:linear-gradient(#fff5d9,#efd9b2);box-shadow:0 4px 0 #946b3d66;margin-bottom:16px;}
.vr-account-hub>.vr-account-nav button{flex:1 1 190px;min-width:150px;min-height:48px;border:1px solid #bd9669;border-radius:12px;background:linear-gradient(#fffbee,#ead7b3);color:#594037;font:800 clamp(12px,1.05vw,15px)/1.3 var(--body);box-shadow:0 2px 0 #ad8961;}
.vr-account-hub>.vr-account-nav button[aria-selected=true]{background:linear-gradient(#9862b3,#684286);color:#fff9e8;border-color:#bf9bc9;box-shadow:0 3px 0 #432754;}
.vr-account-hub>.vr-account-nav button:focus-visible{outline:3px solid #34638c;outline-offset:2px;}
.vr-account-hub>[data-panel-content][hidden]{display:none!important;}
.vr-account-hub .account-workspace{max-width:none;width:100%;margin:0;padding:clamp(16px,2.5vw,28px);}
.vr-account-hub .account-tab-content{max-width:800px;margin:10px auto 0;}
.vr-account-hub .account-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));}
.vr-account-hub .account-workspace .realm-section-tabs{max-width:800px;margin:0 auto 15px;}
.vr-account-hub #account-hub-overview{max-width:none;display:grid;gap:12px;}
.vr-account-hub #account-hub-overview>.realm-eyebrow{color:#86623d;}
.vr-account-hub .vr-account-overview>.realm-button{width:max-content;max-width:100%;}
.vr-account-hub .vr-account-overview .comm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px;}
.vr-account-hub [data-account-tools]{max-width:none;margin:0;}



.vr-account-hub [data-account-tools] :is(input,select,textarea){max-width:100%;}
@media(max-width:650px){.vr-account-hub .account-profile-fields{grid-template-columns:1fr;}.vr-account-hub>.vr-account-nav{gap:4px;}.vr-account-hub>.vr-account-nav button{min-width:0;flex:1 1 45%;font-size:12px;padding:8px 5px;}.vr-account-hub .account-workspace{padding:14px;}.vr-account-hub .account-tab-content{margin:6px 0;}}
@media(max-width:360px){.vr-account-hub>.vr-account-nav button{flex-basis:100%;min-height:39px;}}
/* Village discovery in the established fantasy visual language. */
.realm-main .vr-discover{width:min(1200px,calc(100% - 24px));max-width:1200px;margin:22px auto 45px;padding:clamp(14px,2.2vw,30px);}
.vr-discover-hero{padding:clamp(23px,4vw,46px);margin-bottom:18px;border:2px solid #c6a369;border-radius:19px;background:linear-gradient(100deg,#fff8e9ed,#f6e6caec),url('/assets/img/wood.svg') center/auto;box-shadow:0 4px 0 #ba9a64;}
.vr-discover-hero h1{font:850 clamp(29px,3vw,49px)/1.1 var(--display);color:#563e64;margin:7px 0 12px;}
.vr-discover-hero p{font-size:clamp(14px,1.15vw,17px);max-width:650px;color:#61483c;margin:0;}
.vr-discover-filters{display:grid;grid-template-columns:minmax(160px,1.4fr) repeat(2,minmax(140px,1fr)) auto auto;align-items:end;gap:12px;margin:18px 0 22px;padding:16px;border:1px solid #d0ae7f;border-radius:14px;background:#fff9ebd6;}
.vr-discover-filters label{display:grid;gap:6px;font:750 12px var(--body);color:#664831;min-width:0;}
.vr-discover-filters :is(input,select){width:100%;max-width:100%;min-height:44px;padding:9px 12px;border:2px solid #bea075;border-radius:9px;background:#fffdf8;color:#412f32;font:600 14px var(--body);}
.vr-discover-filters .realm-button{min-height:44px;white-space:nowrap;}
.vr-discover-clear{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 12px;color:#674483!important;font-weight:800;font-size:13px;}
.vr-discover-results{align-items:baseline;gap:8px;margin:24px 0 15px;padding-bottom:9px;border-bottom:2px solid #d6b68b;}
.vr-discover-results h2{font:800 clamp(19px,2vw,27px) var(--display);margin:0;color:#59395e;}
.vr-discover-results p{margin:0;color:#66584a;font-size:13px;}
.vr-discover-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:15px;}
.vr-discover-grid .discovery-card{align-items:flex-start;min-height:125px;background:linear-gradient(135deg,#fffdf0,#f2e3c5);}
.vr-discover-grid .discovery-card h2{font-size:clamp(20px,1.7vw,26px);}
.vr-discover-grid .discovery-card small{display:inline-block;margin-top:5px;color:#624486;font-weight:800;}
.vr-discover .empty-state{padding:36px 20px;border:1px dashed #a88c68;border-radius:15px;background:#fffbf2;}
@media(max-width:980px){.vr-discover-filters{grid-template-columns:repeat(2,minmax(0,1fr));}.vr-discover-filters .realm-button,.vr-discover-clear{justify-self:stretch;}}
@media(max-width:530px){.vr-discover-filters{grid-template-columns:1fr;}.vr-discover-grid .discovery-card{padding:15px;}.vr-discover-hero{padding:22px 17px;}}
/* Supplies: Wood and Stone have storage; Gold is a balance, not a meter. */
.vr-resource-strip .vr-resource-strip-inner{justify-content:center;gap:clamp(7px,1.5vw,18px);}
.vr-resource-strip .vr-resource-token{min-width:min(160px,28vw);min-height:39px;border:1px solid #e0be7f;border-radius:13px;background:linear-gradient(#fff9e8,#ecd2a7);box-shadow:0 2px 0 #67472c66,inset 0 1px #fff;}
.vr-resource-strip .vr-resource-token[data-resource=gold]{background:linear-gradient(#fff5ca,#e9c583);border-color:#e5bb59;}
.vr-resource-strip .vr-resource-name{font-size:12px;}
.vr-resource-strip .vr-resource-amount strong{font-size:15px;}
.vr-resource-strip .vr-resource-token[data-resource=gold] .vr-resource-amount strong{color:#82521e;}
@media(max-width:700px){.vr-resource-strip .vr-resource-token{min-width:0;min-height:35px;}.vr-resource-strip .vr-resource-name{font-size:10px;}.vr-resource-strip .vr-resource-amount strong{font-size:12px;}}
.vr-community-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.vr-community-heading h2{margin:6px 0;color:#5b3d6d;font:800 clamp(22px,2.2vw,31px) var(--display);}
.vr-community-heading p{font-size:13px;color:#715c4a;line-height:1.5;}
.vr-reaction-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0;}
.vr-reaction-row button{min-height:40px;padding:8px 14px;border:1px solid #b99662;border-radius:999px;background:linear-gradient(#fff8e5,#eddbb9);color:#543b50;font-weight:750;}
.vr-reaction-row button[aria-pressed=true]{background:#ecdaf2;color:#593a7d;border-color:#a078b5;}
@media(prefers-reduced-motion:reduce){.vr-discover-grid .discovery-card,.realm-village-page .village-map-controls :is(button,a),.vr-codex-v3 .vr-detail-card{transition:none;}}

/* Shared parchment components for ADMIN32 and the complete admin UX rework. */
.realm-tool{min-width:0;margin-block:16px;scroll-margin-top:18px;}
.realm-tool .realm-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:15px;}
.realm-tool .realm-field{display:grid;gap:6px;min-width:0;color:var(--vr-ux-ink,#4b352b);}
.realm-tool :is(input,select,textarea){min-width:0;max-width:100%;width:100%;min-height:44px;padding:9px 11px;border:1px solid var(--vr-ux-edge,#ba9360);border-radius:8px;background:#fffcf3;color:#4b352b;font:inherit;}
.realm-tool :is([data-realm-diff],.form-status){grid-column:1/-1;}
.realm-tool .table-responsive{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;}
.realm-tool .realm-table{font-size:13px;}.realm-tool td{max-width:400px;overflow-wrap:anywhere;vertical-align:top;}
.realm-record{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:6px 12px;margin:6px 0;min-width:0;}
.realm-record dd{margin:0;}.realm-record dt{font-weight:750;}
.realm-mini-chart{display:grid;gap:8px;padding:16px;margin-block:14px;border:1px solid #d8bb8e;border-radius:12px;background:#fff6e2;}
.realm-mini-chart>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(60px,3fr) 60px;gap:10px;align-items:center;font-size:12px;}.realm-mini-chart meter{width:100%;accent-color:#815599;}
.realm-tool .comm-actions{align-items:end;gap:12px;}.realm-tool .comm-actions label{flex:1 1 140px;}
.realm-tool summary{cursor:pointer;min-height:36px;display:flex;align-items:center;color:#674483;}
.realm-player-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}.realm-player-heading h2{margin-block:5px;}.realm-player-heading [data-player-state]{padding:8px 12px;border:1px solid #d8bb8e;border-radius:9px;background:#fff6e2;font-weight:700;font-size:13px;}.realm-player-actions{display:flex;gap:10px;flex-wrap:wrap;}.realm-player-editor .network-info{grid-template-columns:minmax(110px,1fr) minmax(0,2fr);}.realm-player-editor .network-info dd{overflow-wrap:anywhere;}
.realm-ambience{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#8dc2a4;contain:strict;}.realm-ambience canvas{width:100%;height:100%;display:block;}
body:has(>.realm-ambience){position:relative;isolation:isolate;background:#8dc2a4;}
.realm-ambience~.realm-main{position:relative;z-index:0;}.realm-main.realm-content-workspace{min-height:0;width:min(1120px,calc(100% - 32px));margin:24px auto 32px;}.realm-content-workspace .realm-card{padding:clamp(16px,2vw,24px);border-radius:18px;}.realm-content-workspace>.realm-heading{padding:20px 24px;margin-bottom:20px;}.realm-content-workspace>.realm-heading h1{font-size:clamp(25px,2.7vw,36px);}.realm-content-workspace>.realm-heading p{margin:5px 0 0;max-width:65ch;}
/* Recent Visits: results and preferences share a compact workspace. */
.collection-journal>.realm-heading{padding:18px 22px;background:var(--vr-paper);border:2px solid var(--vr-border);border-radius:18px;margin:0 0 20px;}.collection-journal h1{font-size:clamp(26px,2.6vw,36px);}.recent-visits-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:20px;align-items:start;}.recent-visits-layout>.realm-card{margin:0;min-width:0;}.recent-visits-layout h2{font-size:22px;}.recent-visits-preferences .vr-section-head{gap:10px;margin-bottom:10px;align-items:center;}.recent-visits-preferences .vr-section-head h2{margin:0;}.recent-visits-preferences p{font-size:13px;margin:0 0 12px;}.recent-visits-preferences .realm-form{gap:13px;}.recent-visits-preferences .realm-form p{margin:0;}.recent-visits-preferences .realm-button{min-height:42px;font-size:14px;}.collection-journal .collection-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--vr-border);}.collection-toolbar form{flex:1 1 210px;min-width:0;}.collection-toolbar label{display:grid;gap:6px;font-weight:750;font-size:13px;}.collection-toolbar input{width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid var(--vr-border);border-radius:9px;background:var(--vr-paper);color:var(--vr-ink);}.collection-toolbar [data-collection-summary]{font-size:12px;margin:0;color:var(--vr-muted);}.collection-journal [data-collection-items]{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;}.collection-journal .discovery-card{padding:16px;gap:12px;}.collection-journal .discovery-card h2{font-size:21px;}.collection-village{align-items:flex-start;}.collection-unavailable{display:grid;gap:8px;align-content:start;}.collection-journal .empty-state{padding:18px;text-align:left;}.collection-journal .empty-state::before{display:none;}.collection-journal .empty-state h3{font-size:22px;margin:0 0 6px;}.collection-journal .empty-state p{margin:0 0 12px;}.collection-journal .empty-state .realm-button{font-size:14px;min-height:40px;padding:8px 12px;}.vr-status-pill[data-enabled=false]{background:#f0e4d1;color:#68523f;border-color:#c8ae87;}@media(max-width:800px){.recent-visits-layout{grid-template-columns:1fr;gap:16px;}.recent-visits-preferences .realm-form{max-width:600px;}}
.collection-switch{display:flex;align-items:center;gap:12px;}.realm-form .collection-switch input{flex:none;appearance:auto;min-height:26px;width:26px;height:26px;padding:0;accent-color:#815599;}.collection-switch [data-visit-state]{font-weight:800;}
.personalization-preview .personalization-art{width:100px;height:100px;max-width:100%;font-size:70px;}
.realm-calendar-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-block:12px;flex-wrap:wrap;}
.economy-calendar .economy-month{width:min(100%,470px);margin-inline:auto;}.economy-calendar .economy-days button{min-height:44px;font-size:13px;}.calendar-weekday{font-size:11px;text-align:center;color:var(--vr-muted);}.economy-days button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #245e50;font-weight:850;}.economy-days button[aria-current=date]{border:2px solid #705189;}.calendar-legend{font-size:12px;text-align:center;color:var(--vr-muted);margin:16px 0 0;}.realm-calendar-nav :is(button,input){min-height:44px;max-width:100%;padding:7px 10px;border:1px solid var(--vr-border);border-radius:9px;background:var(--vr-paper);color:var(--vr-ink);}.realm-calendar-nav label{display:grid;gap:5px;min-width:0;}.realm-calendar-nav button:disabled{opacity:.65;}
.realm-map-tooltip{position:fixed;inset:auto;margin:0;line-height:1.4;width:max-content;z-index:1000;pointer-events:none;background:#fff3d7;color:#4b352b;border:1px solid #b28c58;border-radius:8px;padding:7px 10px;max-width:min(260px,calc(100vw - 16px));box-shadow:0 4px 12px #38271844;font-size:12px;font-weight:750;}
@media(max-width:520px){.realm-record{grid-template-columns:1fr;}.realm-record dd{padding-inline-start:8px;}.realm-mini-chart>div{grid-template-columns:minmax(70px,1fr) minmax(50px,2fr) 38px;}.realm-tool .comm-actions{flex-direction:column;align-items:stretch;}.realm-tool .comm-actions label{flex-basis:auto;}}
@media(prefers-reduced-motion:reduce){.realm-tool *,.realm-map-tooltip{scroll-behavior:auto;transition:none!important;}}

/* Parchment hierarchy, shared across user pages, editors and diagnostic workspaces. */
.realm-heading .section-intro{max-width:74ch;margin:8px 0 0;line-height:1.6;}
.realm-heading :is(h1,h2) svg,.realm-card>h2 svg{width:30px;height:30px;vertical-align:middle;flex-shrink:0;}
.realm-tool{background:linear-gradient(125deg,#fff8e7,#fff0ce);border-color:#b58c54;}
.realm-tool>h2,.account-data-section>h3{display:flex;gap:10px;align-items:center;margin-bottom:12px;}
.realm-tool>h2::before{content:'';display:block;width:7px;height:24px;flex:none;border-radius:5px;background:linear-gradient(#9979ae,#624178);}
.realm-tool>p{max-width:95ch;font-size:14px;line-height:1.65;}
.realm-tool .realm-form>label:has(textarea),.realm-tool .realm-form>.table-responsive{grid-column:1/-1;}
.realm-tool .realm-form>button[type=submit]{justify-self:start;align-self:end;}
.realm-tool .comm-actions{padding:13px;border:1px solid #d6b98a;border-radius:12px;background:#fffaf0;}
.realm-tool .comm-actions .realm-field{margin:0;}
.realm-tool .realm-table th{white-space:nowrap;background:#efe0bd;border-bottom:2px solid #ae8d58;}
.realm-tool .realm-table tr:nth-child(even) td{background:#f3e6c54d;}
.realm-tool .realm-table tr:hover td{background:#eae0f459;}
.realm-tool .realm-table td:has(.realm-record){min-width:160px;}
.realm-tool .realm-table td>span:only-child{line-height:1.5;}
.realm-tool .realm-table caption{caption-side:top;padding:8px;text-align:start;font-size:12px;}
.realm-record{padding:10px 0;line-height:1.5;}.realm-record dt{color:#71523a;}.realm-record dd{color:#332c27;}
.realm-record :is(dl,details){margin:0;min-width:0;}
.realm-pagination{justify-content:flex-start;padding-top:14px;border-top:1px solid #c7a571;gap:10px;}
.realm-pagination>span[role=status]{flex:1 1 220px;order:-1;font-size:12px;color:#594837;}
.realm-pagination label{display:inline-flex;font-size:12px;margin:0;}
.realm-pagination select{width:auto;min-height:38px;border:1px solid #b89b6d;border-radius:8px;padding:5px 8px;background:#fff9ec;color:#50392d;}
.page-numbers{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}.page-numbers button{min-width:36px;padding-inline:8px;}
.page-numbers button[aria-current=page]{opacity:1;background:#eadff3;color:#4e2868;box-shadow:none;}
.vr-table-badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 9px;border:1px solid #c3b18b;border-radius:999px;background:#f2ebd9;color:#554b36;font:700 11px/1.4 var(--body);text-transform:none;white-space:normal;overflow-wrap:anywhere;}
.vr-badge-success{background:#e2efcf;border-color:#92aa6c;color:#304b20;}.vr-badge-warning{background:#fff0c4;border-color:#c3a356;color:#674609;}.vr-badge-danger{background:#f8dcd5;border-color:#c48d7c;color:#7e3126;}.vr-badge-violet{background:#ebddf5;border-color:#af8bc5;color:#593879;}.vr-badge-neutral{background:#eee6d5;border-color:#bcb098;color:#534c40;}
.movement-credit{color:#35612d;}.movement-debit{color:#963c2a;}.comm-news.movement-credit{border-left:4px solid #819d5b;}.comm-news.movement-debit{border-left:4px solid #ba735e;}
.realm-callout{border-left:7px solid #8b6ba0;background:linear-gradient(120deg,#fbf1dc,#efdfef);}
.guide-heading{padding:clamp(18px,3vw,30px);border:2px solid var(--vr-border);border-radius:22px;background:linear-gradient(120deg,#fff7df,#e5eacb);box-shadow:var(--vr-shadow);}.guide-index{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px;}.guide-index a{padding:8px 14px;border:1px solid var(--vr-border);border-radius:12px;background:var(--vr-paper);font-weight:750;}.guide-card{scroll-margin-top:24px;}.guide-card>h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;}.guide-card p{max-width:65ch;}.guide-commands{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;}.guide-commands dt>span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:40px;padding:6px 10px;border:1px solid var(--vr-border);border-radius:10px;background:var(--vr-wash);color:var(--vr-plum);font-weight:800;}.guide-commands dd{margin:0;}.guide-steps li>strong,.guide-steps li>span{display:block;}.guide-steps li>span{margin-top:4px;}kbd{background:#493c50;color:#fff8e6;border-radius:5px;padding:2px 5px;white-space:nowrap;}
.guide-grid,.gift-layout,.dashboard-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;}.guide-column{display:grid;gap:18px;align-content:start;min-width:0;}.guide-column>.realm-card{margin:0;}.guide-card>h2{font-size:24px;}.guide-card>h3{font-size:19px;margin:18px 0 10px;}.guide-card .realm-record{font-size:13px;grid-template-columns:90px minmax(0,1fr);}.guide-card :is(p,dd,li){font-size:13px;line-height:1.55;}.guide-card .guide-commands{gap:9px 12px;}.guide-card .comm-actions{margin-bottom:10px;}.guide-card .realm-button{font-size:13px;min-height:40px;padding:8px 12px;}.coupon-workspace{display:grid;gap:18px;}.coupon-workspace>.realm-heading{padding:18px 22px;background:var(--vr-paper);border:2px solid var(--vr-border);border-radius:18px;margin:0;}.coupon-workspace h1{font-size:clamp(26px,2.6vw,36px);}.coupon-workspace>.realm-card,.coupon-workspace>.gift-layout{margin:0;}.coupon-workspace .gift-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);}.coupon-workspace .realm-card h2{font-size:24px;}.coupon-workspace .guide-steps{font-size:13px;gap:10px;}.coupon-workspace .realm-card>p{font-size:13px;margin-bottom:14px;}.coupon-workspace [data-gift-history] .empty-state{padding:16px;text-align:left;}.coupon-workspace [data-gift-history] .empty-state::before{display:none;}.coupon-workspace [data-gift-history] .empty-state h3{font-size:21px;margin:0 0 6px;}.coupon-workspace [data-gift-history] .empty-state p{font-size:13px;margin:0;}
.guide-grid>.realm-card,.gift-layout>.realm-card{margin:0;}.guide-grid,.gift-layout{margin-bottom:26px;}
.guide-steps{display:grid;gap:12px;padding-left:24px;}.guide-steps li{padding-left:6px;}
.gift-receipt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px 14px;padding:16px 4px;border-bottom:1px solid #cbb082;}.gift-receipt>.resource-icon{width:32px;height:32px;}.gift-receipt h3{font-size:19px;margin:0;color:#6c4930;}.gift-receipt p{grid-column:1/-1;margin:0;}.gift-receipt time{font-size:12px;align-self:center;}.gift-receipt small{grid-column:1/-1;color:#685640;}
[data-gift-status]{padding-block:16px;max-width:60ch;}[data-gift-status]:empty{padding:0;}
.session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px;}
.account-data-section{margin-block:22px;padding:18px;border:1px solid #c6a470;border-radius:15px;background:#fff7e4;}
.account-data-workspace{display:grid;gap:20px;}.account-data-workspace>.account-data-section{margin:0;}.account-data-workspace>h2{margin-bottom:0;}.account-data-workspace>p{margin-top:-10px;}.account-data-section>summary{cursor:pointer;font:700 20px/1.5 var(--display);padding:4px;min-height:44px;color:#654577;}
.account-data-section[open]>summary{margin-bottom:12px;}
.session-card{padding:18px;background:#fffbf1;border:1px solid #ccb17e;border-radius:14px;min-width:0;}
.session-card.is-current{border:2px solid #8d9e62;background:linear-gradient(130deg,#fcf9e9,#edf2dd);}
.session-card header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}.session-card h3{font-size:18px;margin:0;flex:1 1 160px;}.session-card small{display:block;margin-bottom:12px;line-height:1.5;}
.account-danger{border:2px solid #bd8171;background:#fff1e7;}.account-danger>summary{color:#843d30;}.realm-button.danger-button{border-color:#783e32;background:linear-gradient(#ad5e4c,#874434);box-shadow:0 3px 0 #5e3026;}
.ticket-card{padding:17px;border:1px solid #c8ab7b;border-radius:14px;background:#fff8e9;margin-block:12px;gap:8px;}.ticket-card h3{font-size:20px;flex:1 1 220px;}.ticket-card p{margin:0;}.ticket-card button{min-height:40px;border:1px solid #9b7caf;border-radius:9px;background:#f0e5f5;color:#58376b;padding:7px 12px;font-weight:700;}
.ticket-message{margin-left:10px;border-left:4px solid #b69b6b;}.ticket-message.is-staff{border-left-color:#9271a5;background:#f5eaf5;}.ticket-message time{font-size:12px;color:#6e5d49;}
.chronicle-event{position:relative;border-left:3px solid #af8d5e;margin-left:8px;padding-left:22px;}.chronicle-event::before{content:'';position:absolute;left:-7px;top:24px;width:11px;height:11px;border-radius:50%;background:#8b619e;border:2px solid #fff1d2;}.chronicle-event time{display:inline-block;margin-left:12px;font-size:12px;}.chronicle-event h3{margin-block:10px 6px;}.chronicle-event p{white-space:pre-wrap;}
.collection-unavailable{opacity:.8;border-style:dashed;background:#e8e2d6;}.collection-unavailable h2{font-size:20px;}.collection-unavailable p{font-size:13px;}
.kpi-card.realm-polish-kpi svg{width:30px;height:30px;color:#7f5993;}.kpi-card.realm-polish-kpi span{font-size:12px;color:#674e35;}.kpi-card.realm-polish-kpi:hover{border-color:#8d659f;filter:brightness(1.02);}
.dashboard-work-grid{margin-block:18px;}.dashboard-work-grid>section,.health-card{padding:15px;border:1px solid #c4a672;border-radius:12px;background:#fff7e6;min-width:0;}.dashboard-work-grid p{font-size:13px;line-height:1.6;}.dashboard-event{display:block;padding:10px 0;border-bottom:1px solid #d5bd91;font-size:13px;overflow-wrap:anywhere;}
.realm-tool [data-realm-status]{min-height:22px;margin:12px 0;font-size:13px;}.realm-tool[aria-busy=true] [data-realm-results]{opacity:.6;}.realm-tool .form-status{line-height:1.6;border-radius:9px;}.realm-tool .form-status:not(:empty){padding:10px 12px;background:#eee4f2;border-left:3px solid #926da8;}
.realm-pagination button:focus-visible,.ticket-card button:focus-visible{outline:3px solid #714891;outline-offset:3px;}
@media(max-width:900px){.guide-grid,.gift-layout,.dashboard-work-grid,.coupon-workspace .gift-layout{grid-template-columns:1fr;}.gift-layout>.realm-card{height:auto;}}
@media(max-width:600px){.economy-movement{grid-template-columns:1fr;gap:5px;}.economy-movement>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;}.economy-movement dd{font-size:18px;margin:0;}.realm-pagination{gap:8px;}.realm-pagination>span[role=status]{flex-basis:100%;}.realm-pagination label{margin-left:auto;}.realm-pagination button{min-height:44px;}.gift-receipt{grid-template-columns:auto minmax(0,1fr);}.gift-receipt time{grid-column:1/-1;}.session-card,.account-data-section{padding:13px;}.chronicle-event time{display:block;margin:7px 0;}.guide-grid,.gift-layout{gap:15px;}}

.session-device{display:inline-flex;align-items:center;gap:6px;color:#76563c;font-size:11px;font-weight:700;}.session-device::before{content:"";display:block;width:15px;height:11px;border:2px solid currentColor;border-radius:3px;box-shadow:0 3px 0 -1px currentColor;}.session-card .session-device{flex-basis:100%;}
.vr-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:17px;}.vr-section-head h2,.vr-section-head h3{margin:3px 0 5px;line-height:1.25;}.vr-section-head p{margin:0;line-height:1.5;max-width:65ch;}.vr-status-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid #b9ccae;background:#e8f0dd;color:#28553e;font-weight:750;font-size:12px;line-height:1.3;}
.vr-message-counts{display:flex!important;gap:8px;flex-wrap:wrap;margin:8px 0 13px!important;}.vr-message-count{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;flex:1 1 115px;padding:10px 13px;border:1px solid #d5b78f;border-radius:12px;background:#fff5dd;color:#4f372a;}.vr-message-count strong{font-size:20px;}.vr-message-count small{grid-column:2;font-size:11px;color:#765e4a;}.vr-message-count-icon{grid-row:1/3;font-size:22px;color:#75578e;}.comm-panel [data-notification-list] .empty-state{padding:22px 12px;text-align:center;background:#fff8eb;border:1px dashed #c7a97b;border-radius:12px;}.comm-panel [data-notification-list] .empty-state h3{margin:2px 0 7px;}
.vr-account-overview{min-width:0;}.vr-account-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}.vr-feature-panel{background:linear-gradient(148deg,#fffaef,#f5e5c9);border:1px solid #cbaa7d;border-radius:17px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:22px;min-width:0;box-shadow:0 3px 0 #b89b74;}.vr-feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e1d5eb;color:#68427e;font-size:22px;}.vr-feature-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#836246;}.vr-feature-panel h3{margin:0;font-size:clamp(20px,2.3vw,28px);overflow-wrap:anywhere;}.vr-feature-panel>p{margin:0 0 6px;}.vr-feature-panel>.realm-button{margin-top:auto;}.vr-compact-facts{display:grid;gap:8px;width:100%;margin:0 0 9px;}.vr-compact-facts>div{display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid #dbc7a8;padding-bottom:5px;}.vr-compact-facts dt{color:#755a45;}.vr-compact-facts dd{margin:0;font-weight:750;text-align:right;}.vr-wallet-panel{margin-top:20px;padding:18px;border:1px solid #d4b991;background:#fff9ed;border-radius:15px;}.vr-wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.vr-wallet-tile{display:grid;gap:7px;justify-items:start;padding:15px;background:#f6e8cb;border:1px solid #ddc094;border-radius:13px;min-width:0;}.vr-wallet-tile .resource-icon{width:29px;height:29px;}.vr-wallet-tile span{color:#74553c;font-size:12px;}.vr-wallet-tile strong{font-size:clamp(19px,2.5vw,28px);overflow-wrap:anywhere;}
.account-data-workspace .vr-session-workspace{padding:15px;border-radius:15px;}.vr-session-workspace .session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px;}.vr-session-workspace .session-card{padding:14px;border:1px solid #cfb18a;border-radius:13px;background:#fff8e9;min-width:0;display:grid;gap:8px;}.vr-session-workspace .session-card header{gap:6px;align-items:center;}.vr-session-workspace .session-card h3{font-size:15px;line-height:1.3;overflow-wrap:anywhere;margin:0;}.vr-session-workspace .session-card .realm-record{font-size:12px;gap:4px 8px;}.vr-session-workspace .session-card>button{justify-self:start;}.vr-session-extra{border-top:1px solid #ddc39c;padding:7px 0;}.vr-session-extra summary{font-size:12px;cursor:pointer;font-weight:700;color:#674e70;}.vr-activity-workspace>summary{font-size:18px;font-weight:800;}.vr-activity-timeline{display:grid;gap:10px;margin:13px 0;}.vr-activity-item{display:flex;align-items:flex-start;gap:14px;padding:13px 15px;border-radius:12px;border:1px solid #d5b890;background:linear-gradient(90deg,#fff9eb,#f6e9d3);}.vr-activity-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#e9d9f2;color:#6d4c80;border-radius:10px;}.vr-activity-item>div{display:grid;gap:4px;min-width:0;}.vr-activity-item strong{font-size:13px;line-height:1.4;}.vr-activity-item time{font-size:12px;color:#725a48;}
.vr-discover-hero{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-bottom:18px;}.vr-discover-hero>div:first-child{flex:1 1 310px;}.vr-discover-highlight{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;max-width:280px;padding:12px 16px;border:1px solid #cbb081;border-radius:13px;background:#fff3d8;}.vr-discover-highlight>span{grid-row:1/3;align-self:center;font-size:28px;color:#7a4a90;}.vr-discover-highlight strong{font-size:13px;}.vr-discover-highlight small{line-height:1.4;color:#70543e;}.vr-discover-results{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px solid #dfc397;padding-bottom:13px;margin-bottom:13px;}.vr-results-pill{padding:8px 11px;border-radius:999px;background:#eee0c5;border:1px solid #d5b68b;font-size:12px;font-weight:750;}.vr-discover-grid .discovery-card{display:flex;gap:14px;padding:18px;border:1px solid #c9a777;border-radius:15px;background:linear-gradient(145deg,#fffaf0,#f1e1c7);transition:transform .16s,box-shadow .16s;}.vr-discover-grid .discovery-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #44301a24;}.vr-discover-grid .discovery-card>div{min-width:0;}.vr-discover-grid .discovery-card h2{line-height:1.2;overflow-wrap:anywhere;}.vr-discover-world{font-weight:700;}.vr-discover-meta{display:grid;gap:5px;margin:10px 0 12px;font-size:12px;color:#614a3a;}.vr-discover-visit{display:inline-block;color:#285f56;font-weight:850;}
.vr-economy-hub{display:grid;gap:24px;min-width:0;}.vr-economy-hero{align-items:center;}.vr-economy-hub>.realm-card{margin:0;}.vr-economy-section{min-width:0;}.economy-resource-label{display:flex;align-items:center;gap:8px;font-size:17px;margin:16px 0 6px;}.economy-resource-label .resource-icon{width:26px;height:26px;}.economy-balance[data-resource=wood]{border-top:4px solid #789351;}.economy-balance[data-resource=stone]{border-top:4px solid #7f899b;}.economy-balance[data-resource=gold]{border-top:4px solid #bb8733;}.vr-economy-section .economy-balances{margin-top:5px;}.vr-economy-section .economy-balance{border-radius:14px;border:1px solid #d2b286;min-width:0;}.vr-economy-section .economy-totals{padding:12px 15px;background:#e9efdc;border:1px solid #b8c79c;border-radius:12px;font-weight:750;}.vr-economy-filters{padding:12px;border-radius:12px;background:#f7ead3;border:1px solid #dec498;}.vr-economy-hub .comm-news{border:1px solid #d8b98d;border-radius:13px;padding:17px;background:#fffaee;margin:10px 0;}.vr-economy-notes summary{font-weight:750;cursor:pointer;}
.vr-legal-terms{max-width:1050px;margin-inline:auto;}.vr-legal-heading{padding-bottom:16px;border-bottom:2px solid #d5b68a;}.vr-legal-terms section{scroll-margin-top:95px;padding:15px 0;border-bottom:1px solid #ead6b4;}.vr-legal-terms section h2{margin-top:0;color:#59405a;}.vr-legal-terms section p{line-height:1.8;}.vr-terms-index{display:flex;flex-wrap:wrap;gap:9px;padding:14px 0;}.vr-terms-index a{padding:7px 11px;border-radius:999px;background:#f0dfbd;border:1px solid #caa577;font-size:12px;font-weight:750;}.vr-section-description{color:#6e5541;line-height:1.5;margin-top:0;}
@media(max-width:800px){.vr-account-overview-grid,.vr-dashboard-detail-grid{grid-template-columns:1fr;}.vr-discover-highlight{max-width:100%;}}
@media(max-width:570px){.vr-wallet-grid{grid-template-columns:1fr 1fr;}.vr-feature-panel{padding:15px;}.vr-section-head{gap:10px;}.vr-discover-grid .discovery-card{padding:13px;}}
@media(prefers-reduced-motion:reduce){.vr-discover-grid .discovery-card,.realm-village-page .village-map-controls :is(button,a){transition:none;}}

/* Common accessible controls and feedback */
.realm-app :focus-visible{outline:3px solid var(--vr-forest);outline-offset:3px;}
.realm-app :is(button,a,input,select,textarea){-webkit-tap-highlight-color:#245e5033;}
.realm-app button:disabled{cursor:not-allowed;}
.realm-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-block:14px;color:var(--vr-ink);}
.realm-pagination :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:44px;padding:8px 12px;border:1px solid var(--vr-border);border-radius:9px;background:var(--vr-paper);color:var(--vr-ink);text-decoration:none;box-shadow:none;}
.realm-pagination :is(button,a):is(:hover,:focus-visible):not(:disabled){background:var(--vr-wash);color:var(--vr-forest);}
.realm-pagination button:disabled{opacity:1;filter:none;background:var(--vr-wash);color:var(--vr-muted);border-style:dashed;cursor:not-allowed;}
.realm-pagination [aria-current=page]{border:2px solid var(--vr-forest);font-weight:850;opacity:1;}
.realm-pagination .page-numbers{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.realm-pagination label{display:flex;gap:6px;align-items:center;}.realm-pagination select{min-height:44px;color:var(--vr-ink);background:var(--vr-paper);}
.realm-app .form-status{overflow-wrap:anywhere;}.realm-app .form-status.is-error{color:var(--vr-danger);}
.realm-app :is(.realm-table,.comm-review) :is(td,th){overflow-wrap:anywhere;vertical-align:top;}.table-responsive{max-width:100%;overflow:auto;overscroll-behavior-x:contain;}
.realm-record dd{min-width:0;overflow-wrap:anywhere;}.realm-app .empty-state{color:var(--vr-ink);background:var(--vr-paper);border:1px dashed var(--vr-border);border-radius:var(--vr-radius);padding:20px;}
.realm-app [aria-busy=true]>.comm-skeleton{min-height:60px;}
.realm-app .realm-ambience[data-village-page-backdrop]{background:linear-gradient(#204f5740,#38634c50),image-set(url('/assets/img/pure-village-1280.webp') 1x,url('/assets/img/pure-village-2172.webp') 2x) center/cover;contain:strict;pointer-events:none;}
.realm-app .realm-ambience[data-biome=mist],.realm-app .realm-ambience[data-biome=willow]{background-image:linear-gradient(#37575350,#365c4b60),url('/assets/img/pure-world-strip-1983.webp');}
.realm-app .realm-ambience[data-biome=sunlit],.realm-app .realm-ambience[data-biome=honey],.realm-app .realm-ambience[data-biome=autumn]{background-image:linear-gradient(#69744830,#45573e60),url('/assets/img/pure-meadow-1280.webp');}
.realm-app .realm-ambience:is([data-biome=moonlit],[data-biome=starlight],[data-biome=dusk],[data-biome=aurora]){background-color:#283957;background-blend-mode:multiply;}
.discovery-card.has-preview{display:grid;grid-template-columns:1fr;gap:0;padding:0;overflow:hidden;}.discovery-preview{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:240px;object-fit:contain;padding:12px;background:radial-gradient(ellipse at center,#fff8df,#dce8ca);border-bottom:1px solid var(--vr-border);}
.discovery-card.has-preview .discovery-copy{display:flex;gap:12px;padding:16px;}.discovery-copy>div{min-width:0;}.discovery-copy .discovery-emblem{flex:none;width:54px;height:54px;}
.discovery-copy h2{margin:0 0 7px;}.discovery-card time{display:block;font-size:12px;color:var(--vr-muted);margin-block:6px;}
.session-card.is-current{border:2px solid var(--vr-forest);box-shadow:inset 4px 0 var(--vr-forest);}
.ticket-message{max-width:90%;margin-block:10px;margin-right:auto;border-left:4px solid var(--vr-plum);white-space:normal;}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere;}.ticket-message.is-staff{margin-left:auto;margin-right:0;border-color:var(--vr-forest);background:#edf3e4;}
.ticket-card{display:grid;gap:9px;padding:16px;border:1px solid var(--vr-border);border-radius:var(--vr-radius);background:var(--vr-paper);margin-block:10px;}.ticket-card header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}.ticket-card h3{flex:1 1 200px;overflow-wrap:anywhere;margin:0;}.ticket-card button{justify-self:start;min-height:44px;}
.comm-notification-item{border-left:3px solid #bcab90;}.comm-notification-item.comm-unread{border-left-color:var(--vr-plum);background:#fff5db;}.comm-notification-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}.comm-notification-heading>a{flex:1;}.comm-notification-item time{display:block;color:var(--vr-muted);font-size:12px;}
@media(max-width:570px){.realm-pagination>span[role=status]{flex-basis:100%;text-align:center;}.realm-pagination .page-numbers{justify-content:center;}.ticket-message{max-width:100%;}}
@media(prefers-reduced-motion:reduce){.realm-app *, .realm-app *::before,.realm-app *::after{scroll-behavior:auto;transition-duration:0s;animation-duration:.001ms;animation-iteration-count:1;}}

.vr-map-guide{max-height:86dvh;overflow:auto;width:min(740px,calc(100vw - 24px));padding:1rem;border-radius:18px;background:#faf4e8;color:#29463e}.vr-map-guide header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.vr-map-guide header button{font-size:1.4rem}.vr-map-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.vr-map-guide article{padding:1rem;background:#fffaf0;border:1px solid #c8c4a8;border-radius:12px}.vr-map-guide h3{margin:.4rem 0}.vr-map-guide p{font-size:.9rem;margin:.4rem 0}.vr-map-guide .resource-icon{width:2rem;height:2rem}.vr-map-guide::backdrop{background:#203c3970}.vr-map-guide :focus-visible{outline:3px solid #8472a0;outline-offset:3px}.resource-icon{flex:none;vertical-align:middle}@media(max-width:540px){.vr-map-guide-grid{grid-template-columns:1fr}}

/* Coupon page: balanced redemption and guidance cards (desktop only). */
@media (min-width:901px) {
 .coupon-workspace .gift-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
 .coupon-workspace .gift-layout > .realm-card{height:100%;min-width:0;margin:0;}
}
.coupon-workspace .gift-layout > .realm-card{display:flex;flex-direction:column;}
.coupon-workspace .gift-layout > .realm-card .guide-steps{margin-bottom:0;}
.coupon-workspace .gift-layout .realm-form{min-width:0;}


/* VillageRealm message dropdown polish */
.comm-panel{width:min(31rem,calc(100vw - 1.25rem));padding:16px 16px 14px}
.comm-panel h2{margin:0 0 4px}
.comm-panel [data-message-totals]{margin:8px 0 0;color:#6f5642;font-size:13px;line-height:1.45}
.comm-panel .comm-actions{display:flex;gap:10px;align-items:stretch;margin:14px 0 0}
.comm-panel .comm-actions button{flex:1 1 0;min-width:0}
.comm-panel [data-notification-list]{display:grid;gap:12px;margin-top:14px}
.comm-panel .comm-notification-item{display:grid;gap:10px;margin:0;padding:14px;border:1px solid #d9bf98;border-radius:15px;background:#fffaf0;box-shadow:0 2px 0 #e6d6b74d}
.comm-panel .comm-notification-item.comm-unread{padding:14px;border-left:4px solid var(--vr-plum);background:#fff7e8}
.comm-panel .comm-notification-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start}
.comm-panel .comm-notification-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d0b083;border-radius:11px;background:#f7ebd2;color:#6e4d2f;font-size:18px;line-height:1}
.comm-panel .comm-notification-title{display:grid;gap:6px;min-width:0}
.comm-panel .comm-notification-heading>a{min-width:0;color:#4c3128;text-decoration:none;font:800 15px/1.35 var(--body);overflow-wrap:anywhere}
.comm-panel .comm-notification-heading>a:hover,.comm-panel .comm-notification-heading>a:focus-visible{color:#6a4382;text-decoration:underline}
.comm-panel .comm-notification-kind{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 9px;border:1px solid #dcc6a2;border-radius:999px;background:#f4ead6;color:#7a5b43;font:700 11px/1.1 var(--body);text-transform:capitalize}
.comm-panel .comm-notification-body{margin:0;color:#4b372e;font:500 14px/1.55 var(--body);overflow-wrap:anywhere}
.comm-panel .comm-notification-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.comm-panel .comm-notification-footer time{display:block;margin-right:auto;color:#7a604a;font-size:12px}
.comm-panel .comm-notification-footer button{margin-left:auto}
.comm-panel .comm-notification-item .vr-table-badge{align-self:start;white-space:nowrap}
.comm-panel [data-notification-more]{width:100%}
.vr-message-counts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 0!important}
.vr-message-count{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center;min-height:86px;padding:12px 14px;border:1px solid #d6b88f;border-radius:14px;background:#fff7e2;color:#50382b;box-shadow:0 2px 0 #ead9bc6b}
.vr-message-count strong{font-size:26px;line-height:1}
.vr-message-count small{grid-column:2;font-size:13px;color:#705844}
.vr-message-count-icon{grid-row:1/span 2;font-size:23px;color:#75578e}
@media(max-width:600px){
 .comm-panel{width:min(100vw - 1rem,31rem);top:5rem;right:.5rem;padding:14px}
 .vr-message-counts{grid-template-columns:1fr 1fr}
 .vr-message-count{min-height:74px;padding:10px 12px}
 .vr-message-count strong{font-size:22px}
 .comm-panel .comm-actions{flex-direction:row}
 .comm-panel .comm-notification-heading{grid-template-columns:auto minmax(0,1fr)}
 .comm-panel .comm-notification-item .vr-table-badge{justify-self:start}
}
@media(max-width:430px){
 .comm-panel .comm-actions{flex-direction:column}
 .comm-panel .comm-actions button{width:100%}
 .vr-message-counts{grid-template-columns:1fr}
 .comm-panel .comm-notification-footer button{margin-left:0;width:100%}
}