/* VillageRealm V2: compact parchment, forest ink and restrained amethyst. */
.vr-map-titlebar{position:absolute;top:18px;left:18px;z-index:10;display:flex;align-items:center;gap:10px;max-width:calc(100% - 100px);color:#fff7dc;text-shadow:0 1px 3px #153e35}.vr-map-titlebar .wizard-crest-frame{width:38px;height:38px;flex:0 0 38px}.vr-map-titlebar .wizard-crest-frame svg{width:100%;height:100%}.vr-map-titlebar .realm-eyebrow{display:none}.vr-map-titlebar h1{font-size:22px;margin:0;overflow-wrap:anywhere}.vr-map-titlebar p{font-size:12px;margin:3px 0 0}.vr-townhall .building-suggestion{margin:14px 0 0;box-shadow:none;padding:12px}.vr-weather[hidden]{display:none!important}
:root{--vr-ink:#283f39;--vr-paper:#fff9eb;--vr-border:#d8c59c;--vr-accent:#655084}
.realm-app{color:var(--vr-ink)}.site-nav{min-height:66px;gap:12px}.site-nav .brand{flex:0 0 64px}.site-nav .brand img{width:62px;height:62px}.nav-links{gap:8px}.nav-links .nav-item{font-size:.82rem;min-height:44px;gap:5px}.nav-links .ui-icon{width:22px;height:22px}.nav-item.is-current{background:#f7dfad24;border-radius:12px}
.profile-menu-items{width:min(290px,calc(100vw - 32px));max-height:min(560px,75dvh);overflow:auto}.profile-menu-group{padding:8px 12px}.profile-menu-group a,.profile-menu-group button{min-height:40px}.profile-menu-head{padding:12px}
.vr-token-menu{position:relative;font-size:.76rem;color:#fff0ce}.vr-token-menu>summary{display:flex;flex-wrap:wrap;gap:7px;cursor:pointer;list-style:none;min-height:44px;align-items:center}.vr-token-menu>summary span{padding:5px 8px;border:1px solid #d6b97788;border-radius:20px;background:#241f32a8;white-space:nowrap}.vr-token-menu>div{position:absolute;right:0;top:100%;z-index:300;width:250px;padding:16px;border-radius:14px;background:var(--vr-paper);border:1px solid var(--vr-border);box-shadow:0 12px 28px #161f2940;color:var(--vr-ink);font-size:.85rem}.vr-token-menu p{margin:8px 0}.vr-token-menu a{color:#65417f}
.realm-player-content .pc-page-heading,.realm-player-content>.realm-main>.realm-heading{padding:20px 24px}.wallet-balance{padding:22px!important;min-height:0!important}.wallet-balance .wallet-art{width:72px;height:72px}.wallet-history>li{padding:12px 0}.wallet-history time{font-size:.78rem}.achievement-grid{gap:14px}.achievement-card{padding:16px}.admin-main .realm-card{border-radius:16px}.admin-sidebar .sidebar-group summary{min-height:44px}.sidebar-submenu a[aria-current=page]{box-shadow:inset 3px 0 #b99558;background:#e2d5ed}
button,a,input,summary,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9471ba;outline-offset:3px}dialog{max-height:calc(100dvh - 24px);overscroll-behavior:contain}dialog::backdrop{background:#122b2a99;backdrop-filter:blur(3px)}
@media(max-width:1150px){.site-nav{min-height:58px}.site-nav .brand img{width:52px;height:52px}.nav-links.open{max-height:calc(100dvh - 80px);overflow:auto}.nav-links .vr-token-menu>div{position:static;width:100%;margin:6px 0}.vr-token-menu>summary{justify-content:flex-start}.site-header .profile-menu-items{max-height:none}.profile-menu-items{width:100%}.profile-menu-group{padding:6px 12px}}
@media(max-width:430px){.wallet-balance{padding:16px!important}.wallet-history>li{gap:6px}.wallet-history .wallet-movement{align-items:flex-start}.realm-card{min-width:0}.realm-heading h1{font-size:1.85rem}input,select,textarea{max-width:100%;font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.vr-avatar{border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #d9bc7d;background:#655084}.vr-avatar-editor{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.vr-avatar-editor form{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;align-items:end}.vr-avatar-editor form p{flex-basis:100%}.vr-avatar-view{padding:0;border:0;border-radius:50%;background:none}.vr-avatar-view img{max-width:100%}.vr-discover-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.vr-discover .discovery-card{min-width:0;max-width:100%;border-radius:16px!important;overflow:hidden}.vr-discover .discovery-preview{height:145px!important;object-fit:cover;background:linear-gradient(135deg,#bed3c3,#a28fae)}.vr-discover .discovery-copy{padding:14px!important}.vr-discover .discovery-copy h2{font-size:1.1rem!important}.vr-discover .vr-discover-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.74rem}.vr-discover-meta span{display:inline-flex;align-items:center;gap:4px}.vr-discover-hero{padding:0 0 12px!important}.vr-discover-highlight{max-width:240px}.vr-discover-filters{gap:12px}.vr-discover-filters label{min-width:0}.vr-reaction-row{display:flex;flex-wrap:wrap;gap:10px}.vr-reaction-row button{min-height:44px;padding:9px 13px;border-radius:24px}.chronicle-event{border-left:3px solid #947ba3;padding:10px 16px!important;margin:12px 0!important}.chronicle-event h3{font-size:1rem}.chronicle-event p{margin-bottom:0}.building-card:not(.gallery-card) img{height:112px!important}.building-card:not(.gallery-card){padding:14px!important}.building-shop-grid{gap:14px!important}.village-map-shell{contain:layout paint;isolation:isolate}.village-map-canvas{display:block;backface-visibility:hidden}.vr-map-guide .vr-map-guide-grid{gap:14px}.vr-map-guide article{padding:14px!important}.vr-map-guide{width:min(740px,calc(100vw - 24px))!important}.vr-codex-detail-grid{gap:12px}.vr-detail-card{padding:14px!important}.vr-codex-panel{padding:18px!important}.vr-village-hero{padding:20px!important}.vr-village-numbers{gap:12px}.vr-village-chronicle li{border-left:2px solid #aa8ab5;padding:8px 14px!important;margin:10px 0!important}
@media(max-width:767px){.vr-discover .discovery-emblem{display:none}.village-map-shell{min-height:65svh!important;height:72svh!important}.village-map-info{max-width:calc(100% - 78px)}.vr-village-hero-icons{display:none!important}}@media(max-width:430px){.vr-discover .discovery-card{display:flex;flex-direction:column}.vr-discover .discovery-preview{height:100%!important;min-height:145px}.vr-discover .discovery-copy{padding:12px!important}.vr-discover-meta{font-size:.72rem!important}.vr-village-hero-actions{flex-wrap:wrap}.vr-map-guide .vr-map-guide-grid{grid-template-columns:1fr!important}.vr-codex-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vr-detail-card strong{font-size:.85rem}.vr-detail-card{padding:10px!important}}

.vr-crest-options{display:flex;flex-wrap:wrap;gap:16px;padding:14px;background:#eee4f3;border:1px solid #bda9c9;border-radius:12px;margin:12px 0}.vr-crest-options label{flex:1;min-width:130px}.vr-crest-options select{width:100%;padding:10px;border-radius:8px}.wizard-welcome h1{font-size:clamp(1.6rem,3vw,2.5rem)!important}.wizard-journey{gap:12px}.wizard-theme-card{border-radius:14px!important}.wizard-world-preview{border-radius:20px}.wizard-theme-card:has(input:checked){box-shadow:0 0 0 3px #a888bc!important}.wizard-preview-facts article{padding:12px!important}

.vr-weather{position:absolute;inset:0;pointer-events:none;z-index:3;transition:background 5s;opacity:1}.vr-weather.is-night{background:linear-gradient(#28315535,#192d5042)}.vr-weather.is-night:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#ffe2a62b,transparent 18%);mix-blend-mode:screen}.vr-weather[data-weather=cloudy]{box-shadow:inset 0 50px 150px #526a7330}.vr-weather[data-weather=fog]:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#dcebd5aa,transparent);opacity:var(--weather-strength)}.vr-weather[data-weather=rain]:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 35px,#d9f0f777 36px,transparent 37px 80px);opacity:var(--weather-strength);animation:vr-rain 1.3s linear infinite}@keyframes vr-rain{to{background-position:80px 100px}}.vr-townhall{width:min(720px,calc(100vw - 24px));background:#fff6e3;border:1px solid #b99c6a;border-radius:20px;padding:24px;color:#29453c}.vr-townhall-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.vr-townhall-tabs button{flex:1;min-height:44px;border:1px solid #c6b697;border-radius:12px;padding:9px;background:#efe5d4}.vr-townhall-tabs [aria-pressed=true]{background:#655084;color:#fff4db}.vr-hall-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vr-hall-stats article{padding:16px;background:#edf0df;border-radius:12px;display:flex;flex-direction:column}.vr-hall-stats strong{font-size:1.5rem}.vr-hall-stats span{font-size:.8rem}.vr-hall-actions{display:flex;gap:12px;margin-bottom:14px}[data-hall-buildings]>div{display:flex;gap:14px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dbc8a4}[data-hall-buildings] button{min-width:100px}.vr-townhall blockquote{background:#e4eada;border-left:4px solid #a58aaf;padding:18px;border-radius:8px}.vr-townhall textarea{display:block;width:100%;padding:12px}.vr-commerce{padding:18px;margin:16px 0;background:#e6ebdd;border:1px solid #b7c7b4;border-radius:16px}.vr-commerce article{padding:14px;margin-top:10px;background:#fff9eb;border-radius:12px}.vr-commerce p{margin:8px 0}.vr-commerce input{width:100px;padding:7px}.vr-commerce label{display:inline-flex;gap:8px;align-items:center;margin-right:12px}.vr-commerce-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.vr-commerce-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.vr-commerce-fields input{width:100%;padding:8px}.vr-avatar-editor .realm-button{min-height:44px}
@media(max-width:430px){.vr-townhall{padding:16px}.vr-townhall-tabs{gap:6px}.vr-townhall-tabs button{font-size:.8rem}.vr-hall-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-weather:after{animation:none!important}.vr-commerce{padding:12px}.vr-commerce article{padding:12px}.vr-commerce-admin-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.vr-weather:after{animation:none!important}.vr-weather{transition:none}}

@media(max-width:767px){.building-rate{gap:3px!important}}
@media(max-width:767px){.vr-resource-token .resource-icon{width:19px;height:19px}.vr-avatar-editor{grid-template-columns:minmax(0,1fr) auto}.vr-avatar-editor form,.vr-avatar-editor label{min-width:0;max-width:100%}.vr-avatar-editor input[type=file]{width:100%;min-width:0;font-size:12px!important}.vr-codex-tablist{max-width:100%;min-width:0;overflow-x:auto!important}.vr-codex-tablist button{flex:0 0 auto}}
.vr-reaction-icon{width:24px;height:24px;flex:0 0 24px}.vr-reaction-row button{display:inline-flex;gap:7px;align-items:center}
