/* Shared finishing rules: parchment surfaces, readable states and compact tools. */
body.realm-app .site-header .profile-menu .profile-menu-items :is(a,button):is(:hover,:focus-visible){background:#e9dcf2!important;color:#503363!important;border-color:#c2a4d2!important;text-shadow:none!important}
body.realm-app .site-header .profile-menu .profile-menu-items :is(a,button):is(:hover,:focus-visible) :is(span,strong,small,svg){color:inherit!important;text-shadow:none!important}
body.realm-app .site-header .profile-menu .profile-menu-items :is(a,button):is(:hover,:focus-visible) small{color:#66516d!important}
/*
 * Shared tab appearance for the site and admin. Use role="tablist" and
 * role="tab" for panels, or data-realm-tabs and aria-current for section links.
 * The layer gives these visual properties priority over legacy page styles.
 */
@layer realm-tabs {
  :where(
    [role="tablist"], [data-realm-tabs], .realm-section-tabs, .wallet-tabs,
    .wallet-balance-overview, .vr-auth-tabs, .vhome-auth-tabs, .legal-tabs,
    .vr-codex-tablist, .vr-townhall-tabs, .building-detail-tabs,
    .building-dialog-tabs, .map-guide-tabs, .map-guide-chips,
    .admin-settings-tabs, .admin-log-tabs, .audit-categories, .studio-collections,
    .an-tabs, .an-settings-nav, .ops-subnav, .admin-v2-economy-nav,
    .building-admin-nav, .bv2-steps, .bv2-level-table
  ) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    gap: 6px !important;
    padding: 7px !important;
    background: #f5e6cc !important;
    border: 1px solid #cdb084 !important;
    border-radius: 11px !important;
    box-sizing: border-box;
  }

  :where(
    [role="tab"],
    :is(
      [role="tablist"], [data-realm-tabs], .realm-section-tabs, .wallet-tabs,
      .wallet-balance-overview, .vr-auth-tabs, .vhome-auth-tabs, .legal-tabs,
      .vr-codex-tablist, .vr-townhall-tabs, .building-detail-tabs,
      .building-dialog-tabs, .map-guide-tabs, .map-guide-chips,
      .admin-settings-tabs, .admin-log-tabs, .audit-categories, .studio-collections,
      .an-tabs, .an-settings-nav, .ops-subnav, .admin-v2-economy-nav,
      .building-admin-nav, .bv2-steps, .bv2-level-table
    ) > :is(a, button)
  ) {
    --realm-tab-fill: linear-gradient(#fff8e7, #eadac2);
    --realm-tab-ink: #563f3b;
    --realm-tab-edge: #c9af87;
    --realm-tab-shadow: inset 0 1px #fff8e7, inset 0 -1px #fff8e7;

    appearance: none !important;
    box-sizing: border-box;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 39px !important;
    max-width: 100% !important;
    padding: 7px 12px !important;
    font: 650 .875rem/1.35 system-ui, sans-serif !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    background: var(--realm-tab-fill) !important;
    color: var(--realm-tab-ink) !important;
    border: 1px solid var(--realm-tab-edge) !important;
    border-radius: 9px !important;
    box-shadow: var(--realm-tab-shadow) !important;
    outline: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    opacity: 1 !important;
    cursor: pointer !important;

    &:not([hidden]) {
      display: inline-flex !important;
    }

    & :is(span, small, strong, svg) {
      color: inherit !important;
      text-shadow: none !important;
    }

    & > :is(.vr-symbol, .ui-icon) {
      width: 16px;
      height: 16px;
      flex: none;
    }

    @media (pointer: coarse) {
      min-height: 44px !important;
    }

    &:is(:hover, :focus-visible):not(:disabled, [aria-disabled="true"]) {
      --realm-tab-fill: linear-gradient(#f4e8fa, #e8d7f1);
      --realm-tab-ink: #56386a;
      --realm-tab-edge: #b996ca;
    }

    &:is([aria-selected="true"], [aria-pressed="true"], [aria-current]:not([aria-current="false"]), .is-active) {
      --realm-tab-fill: linear-gradient(#9666af, #644180);
      --realm-tab-ink: #fff8eb;
      --realm-tab-edge: #c5a4d7;
      --realm-tab-shadow: inset 0 1px #9666af, inset 0 -1px #9666af, 0 3px #3c2556;

      &:is(:hover, :focus-visible):not(:disabled, [aria-disabled="true"]) {
        --realm-tab-fill: linear-gradient(#a173ba, #694485);
      }
    }

    &:focus-visible {
      outline: 2px solid #80559b !important;
      outline-offset: 2px !important;
    }

    &:is(:disabled, [aria-disabled="true"]) {
      opacity: .55 !important;
      cursor: default !important;
    }
  }

  .wallet-balance-overview > a {
    justify-content: flex-start !important;
    text-align: start !important;
  }

  /* The illustrated building gallery retains its existing tab surfaces and badges. */
  .gallery-main-tabs {
    gap: 6px !important;
  }
  .gallery-main-tabs > button {
    min-height: 39px !important;
    padding: 7px 12px !important;
    font-size: .875rem !important;
    line-height: 1.35 !important;

    @media (pointer: coarse) {
      min-height: 44px !important;
    }
  }
}
body.realm-app .admin-main .realm-card .vr-table-scroll thead :is(tr,th){background:#eee2f3!important;color:#58386e!important;border-color:#cfb4de!important}
.vhome-earning-methods{padding-left:17px;margin:8px 0 0;color:#5f4b3b;font-size:13px;line-height:1.7}.vr-earning-methods{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.vr-earning-methods li{padding:8px 12px;background:#eee3f3;color:#634177;border:1px solid #d5bedf;border-radius:11px;font-size:13px}
.wallet-heading-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;max-width:440px}.wallet-heading-actions>.wallet-badge{flex-basis:100%;margin-left:auto}.wallet-heading-actions :is(a.realm-button,button.realm-button){margin:0;min-height:42px;box-sizing:border-box;font-size:14px;font-weight:600}.wallet-heading-actions [role=status]{flex-basis:100%;font-size:12px;text-align:right}.wallet-history-card>.vr-card-title{margin-bottom:8px}.wallet-history-card>.vr-filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));padding:16px;margin:18px 0 22px;border:1px solid #d8c0a1;background:#faf1df;border-radius:14px}.wallet-history-card>.vr-filter-bar>button{grid-column:1/-1;justify-self:start;min-width:170px;white-space:nowrap}.wallet-history-card .wallet-history{display:grid;gap:10px}.wallet-history-card .wallet-entry{padding:15px;border:1px solid #dcc5a5;border-radius:13px;background:#fffaf0}

.realm-app .vr-map-tools{position:absolute;top:12px;left:12px;bottom:auto;z-index:15;display:block;width:min(405px,calc(100% - 90px));max-width:none;padding:0;border:1px solid #bca077;border-radius:15px;background:#fff8e9f5;box-shadow:0 3px #a78b6755,0 8px 22px #31244320;backdrop-filter:blur(8px)}
.vr-map-tools>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:10px 12px;color:#654478;font:600 13px system-ui}.vr-map-tools>summary::-webkit-details-marker{display:none}.vr-map-tools>summary::after{content:'⌄';margin-left:auto;font-size:17px}.vr-map-tools[open]>summary::after{transform:rotate(180deg)}.vr-map-tools>summary small{margin-left:auto;font:11px system-ui;color:#806b54}.vr-map-tool-fields{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(105px,1fr);gap:8px;padding:0 10px 10px}.realm-app .vr-map-tools :is(input,select){width:100%;max-width:none;min-width:0;min-height:39px;padding:8px;font-size:13px;border-radius:9px}.vr-map-tool-fields label{display:grid;gap:5px;font:600 11px system-ui;color:#7d654c}.vr-map-tools .vr-map-find{position:static}.vr-map-tools .vr-map-search-results{position:static;width:auto;max-height:260px;overflow:auto;display:grid;gap:6px;margin:0 10px 10px;padding:0;background:transparent;border-radius:0;box-shadow:none}.vr-map-tools .vr-map-search-results:empty{display:none}.vr-map-search-results button{display:flex;align-items:center;gap:10px;min-height:47px;border:1px solid #ddc9ac;background:#fffdf5;color:#604075;border-radius:10px;padding:9px 10px;cursor:pointer;text-align:left}.vr-map-search-results button:hover,.vr-map-search-results button:focus-visible{background:#ede1f3;border-color:#c8a6d9}.vr-map-search-results button>span{flex:1}.vr-map-search-results strong{display:block;font:600 13px system-ui}.vr-map-search-results small{display:block;margin-top:4px;color:#7d6851;font:11px system-ui}.vr-map-search-results img{width:39px;height:39px;object-fit:contain}.vr-map-search-empty{display:grid;justify-items:start;gap:9px;padding:12px;border:1px dashed #cbb28d;border-radius:10px;color:#75604e;font:12px/1.5 system-ui}.vr-map-search-empty strong{color:#654478;font-size:13px}.vr-map-search-empty p{margin:0}.vr-map-tool-hint{margin:0 12px 10px;color:#806b54;font-size:11px}
body.vr-photo-active{overflow:hidden!important}body.realm-app.realm-village-page.vr-photo-active .village-map-shell{position:fixed!important;inset:0!important;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0!important;z-index:300!important;background:#bdcdb7!important}.vr-photo-active .village-map-shell>canvas{width:100%!important;height:100%!important}.vr-photo-active .village-map-shell .village-map-info{visibility:hidden}body.realm-app.realm-village-page.vr-photo-active .vr-photo-exit{position:fixed!important;z-index:350!important;left:12px;right:12px;bottom:12px;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px;max-width:580px;margin-inline:auto;border:1px solid #c8a676;border-radius:16px;background:#fff8e9f5;box-shadow:0 5px 25px #31244344}.vr-photo-exit [role=status]{flex-basis:100%;font:12px/1.4 system-ui;text-align:center;color:#684d78}.vr-photo-exit [role=status]:empty{display:none}
body.realm-app .vr-resource-strip{padding:4px 10px;min-height:0}.realm-app .vr-resource-strip-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 10px;max-width:none;padding:0;min-height:0}.realm-app .vr-resource-strip .vr-resource-token{position:relative;display:grid;grid-template-columns:28px auto auto;gap:2px 6px;align-items:center;min-height:40px;padding:4px 9px;border-radius:11px;min-width:0;max-width:none;width:auto;flex:0 1 auto}.realm-app .vr-resource-strip .vr-resource-symbol{grid-column:1;grid-row:1/3;width:28px;height:28px;min-width:0;padding:0;background:none;border:0;box-shadow:none}.realm-app .vr-resource-strip .resource-icon{width:28px;height:28px}.realm-app .vr-resource-strip .vr-resource-name{grid-column:2;grid-row:1;font-size:11px;line-height:1.1}.realm-app .vr-resource-strip .vr-resource-amount{grid-column:3;grid-row:1;display:flex;align-items:baseline;gap:3px}.realm-app .vr-resource-strip .vr-resource-amount strong{font-size:14px;line-height:1.1}.realm-app .vr-resource-strip .vr-resource-cap{font-size:10px;line-height:1}.realm-app .vr-resource-strip .vr-resource-progress{grid-column:2/4;grid-row:2;height:3px;margin:2px 0 0;width:100%}.realm-app .vr-resource-strip .vr-resource-room{display:none}.realm-app .vr-resource-status-row{display:flex;align-items:center;gap:7px;flex:0 1 auto;margin:0;padding:0;min-width:0}.realm-app .vr-resource-status-row [data-resource-message]:empty{display:none}.realm-app .vr-resource-strip [data-building-production]:not(:empty){margin:0;padding:0;flex:0 1 auto;max-width:100%;text-align:left}.realm-app .vr-resource-strip .building-production-card summary{gap:5px;justify-content:center;min-height:36px}.realm-app .vr-resource-strip .building-rate{min-height:31px;padding:4px 6px;font-size:10px;border-radius:8px}.realm-app .vr-resource-strip .building-rate strong{font-size:12px}.realm-app .vr-resource-strip .building-rate .resource-icon{width:18px;height:18px}.realm-app .vr-resource-strip .building-rates{display:flex;gap:4px}.realm-app .vr-resource-strip .building-production-symbol{width:18px;height:18px;background:transparent}.realm-app .vr-resource-strip .building-production-detail{z-index:180}
.vr-map-guide{width:min(820px,calc(100vw - 24px));padding:24px;max-height:calc(100dvh - 30px);overflow:auto;border:1px solid #c9a476;border-radius:22px;background:linear-gradient(145deg,#fffaf0,#f3e7cd);color:#604b3b}.vr-map-guide>header{display:flex;align-items:start;justify-content:space-between;gap:14px}.vr-map-guide h2{margin:5px 0;font-size:31px;color:#604174}.vr-map-guide .map-guide-kicker{color:#8b659c;font:700 11px system-ui;letter-spacing:.1em}.vr-map-guide .map-guide-intro{font-size:14px;color:#79634d;line-height:1.6}.vr-map-guide .map-guide-chips{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.vr-map-guide .map-guide-chips .vr-symbol{width:18px;height:18px}.vr-map-guide .vr-map-guide-grid{display:block}.vr-map-guide .vr-map-guide-grid article{padding:20px;border:1px solid #dac2a0;border-radius:16px;background:#fffaf0;min-height:0}.vr-map-guide .vr-map-guide-grid article>.vr-symbol,.vr-map-guide .vr-map-guide-grid article>.resource-icon{width:37px;height:37px;margin-bottom:10px;color:#80579a}.vr-map-guide .vr-map-guide-grid h3{font-size:23px;color:#614174}.vr-map-guide .vr-map-guide-grid p,.vr-map-guide .vr-map-guide-grid li{font-size:14px;line-height:1.7;color:#705c49}.vr-map-guide .map-guide-status{margin:14px 0;padding:14px;border:1px solid #d4bb96;border-radius:13px;background:#eee3f3;color:#634477}.vr-map-guide .map-guide-status>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.vr-map-guide .map-guide-status span{font-size:11px;padding:5px 8px;border:1px solid #cbb2d8;border-radius:8px;background:#faf4fd}.vr-map-guide .map-guide-status p{font-size:12px;margin:10px 0 0}.vr-map-guide .map-guide-callout{padding:14px;margin-bottom:15px;border-left:3px solid #ad81bf;background:#fff3d9;border-radius:0 10px 10px 0}.vr-map-guide .map-guide-callout p{font-size:13px;line-height:1.6;margin:5px 0 0}
.vr-reading{max-width:1180px;margin:auto;display:grid;gap:18px;color:#604b3b}.vr-reading-hero{display:flex;align-items:center;justify-content:space-between;gap:22px}.vr-reading-hero h1{font-size:clamp(28px,4vw,45px);margin:8px 0 12px}.vr-reading-hero p{max-width:65ch;line-height:1.7;margin:0}.vr-reading-hero>.vr-symbol{width:66px;height:66px;color:#9b73ad;flex:none}.vr-reading-search{display:flex;align-items:end;gap:10px;margin-top:18px}.vr-reading-search label{display:grid;gap:5px;font-size:12px;flex:1}.vr-reading-search input{min-height:43px;width:100%;padding:10px;border-radius:10px;border:1px solid #bfa27a}.vr-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vr-reading-grid>.realm-card{margin:0!important}.vr-reading .field-lead{font-size:17px;line-height:1.8}.vr-reading .field-grid{gap:14px}.vr-reading :is(p,li){line-height:1.75}.vr-reading h2{font-size:25px}.vr-reading h3{font-size:19px}.vr-reading .field-grid>section{border:1px solid #dcc4a0;border-radius:15px;padding:19px;background:#fffaf0}.vr-reading .field-grid h2{font-size:21px}.vr-reading .field-example{background:#eee3f3;border:1px solid #d2b8de;border-radius:14px;padding:18px;margin:20px 0}.vr-reading-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vr-reading-paths article{padding:21px;border:1px solid #cfb28a;border-radius:16px;background:#fff9eb}.vr-reading-paths .vr-tag-row{margin-bottom:12px}.vr-reading-paths ol{padding-left:21px;font-size:14px}.vr-reading-paths li+li{margin-top:9px}.vr-reading .vr-topic-links{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.vr-topic-links a{font-size:12px;text-decoration:none;padding:7px 10px;border:1px solid #cfb38c;border-radius:9px;background:#fff8e9}.vr-guide-chapters{display:grid;gap:16px}.vr-guide-chapters>section{scroll-margin-top:130px}.vr-guide-chapters>section>header{display:flex;gap:11px;align-items:center;margin-bottom:13px}.vr-guide-chapters>section>header h2{margin:0}.vr-guide-chapters>section>header .vr-symbol{color:#8a60a0}.vr-reading .field-more{padding-top:18px;border-top:1px solid #d5bd99}.vr-reading .content-policy-page{margin:0!important}.vr-reading .content-policy-body{font-size:15px;line-height:1.8}.vr-reading .content-policy-body>h2{margin-top:25px}.vr-faq-list{display:grid;gap:10px}.vr-faq-list details,.vr-help-results details{padding:0;border:1px solid #d8bc97;border-radius:13px;background:#fffaf0;overflow:hidden}.vr-faq-list summary,.vr-help-results summary{position:relative;display:flex;align-items:center;gap:10px;padding:16px 42px 16px 16px;color:#664578;cursor:pointer;list-style:none;font-size:15px;font-weight:650;line-height:1.5}.vr-faq-list summary::-webkit-details-marker,.vr-help-results summary::-webkit-details-marker{display:none}.vr-faq-list summary::after,.vr-help-results summary::after{content:'+';position:absolute;right:16px;font-size:20px;color:#9970ac}.vr-faq-list details[open]>summary::after,.vr-help-results details[open]>summary::after{content:'−'}.vr-faq-list details[open]>summary,.vr-help-results details[open]>summary{background:#eee2f3;border-bottom:1px solid #d8c1e1}.vr-faq-list details> :not(summary),.vr-help-results details> :not(summary){margin:12px 17px;font-size:14px;line-height:1.8}.vr-help-results{display:grid;gap:10px;margin-top:20px}.vr-help-results details>.realm-button{margin-bottom:16px}.vr-reading .public-faq-filters{margin-bottom:18px;background:#f6ecd8;border-color:#d3b88e}.vr-reading .public-faq-filters input,.vr-reading .public-faq-filters select{min-height:42px;padding:9px;border:1px solid #c5a77d;border-radius:9px}.vr-faq-empty{padding:25px;text-align:center;background:#f8f0df;border-radius:13px;font-size:14px;color:#775e49}
.realm-app .legal-copy{width:100%;max-width:1100px;box-sizing:border-box;margin-inline:auto!important}.legal-copy>.vr-legal-heading{padding-bottom:15px;border-bottom:1px solid #d8bf9d}.legal-copy .vr-legal-heading h1{margin:8px 0 10px;font-size:clamp(28px,4vw,42px)}.legal-copy .vr-legal-heading p{max-width:75ch;font-size:14px;line-height:1.8}.legal-copy .legal-tabs{padding:12px 0 18px;gap:7px;position:relative}.legal-copy [data-legal-panel]>section{padding:19px 0!important}.legal-copy [data-legal-panel] h2{font-size:22px!important}.legal-copy [data-legal-panel] p{font-size:14px;line-height:1.85}.vr-project-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.vr-project-steps span{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d2b7df;background:#f1e5f6;border-radius:9px;font-size:12px;color:#69477f}.vr-project-preview{display:flex;align-items:center;gap:14px;padding:15px;border-radius:13px;background:#f3e7f6;border:1px solid #d5bce1;margin:15px 0}.vr-project-preview img{width:64px;height:64px;object-fit:contain}.vr-project-preview strong{display:block}.vr-project-preview p{font-size:12px;margin:5px 0}.vr-project-form .realm-field{display:grid;gap:6px;margin-bottom:15px}.vr-project-form .realm-field :is(select,input){width:100%;padding:10px;min-height:44px;border:1px solid #bfa278;border-radius:10px}.vr-help-entry{display:flex;align-items:center;gap:9px;font-size:13px;padding:12px 14px;border:1px solid #d3b995;background:#fff8e9;border-radius:12px;margin-top:15px}
@media(max-width:850px){.vr-reading-grid{grid-template-columns:1fr 1fr}.vr-reading-paths{grid-template-columns:1fr}.realm-app .vr-resource-status-row{flex-basis:100%;justify-content:center}.realm-app .vr-resource-strip .vr-resource-token{flex:1 1 0;max-width:220px}.realm-app .vr-resource-strip .vr-resource-amount{gap:2px}.realm-app .vr-resource-strip .vr-resource-name{grid-column:2/4}.realm-app .vr-resource-strip .vr-resource-amount{grid-column:2/4;grid-row:2}.realm-app .vr-resource-strip .vr-resource-progress{grid-row:3;grid-column:1/4}.realm-app .vr-resource-strip .vr-resource-symbol{grid-row:1/3}.realm-app .vr-resource-strip .building-rate{min-height:27px}.realm-app .vr-resource-strip .building-production-card summary{min-height:28px}}
@media(max-width:550px){.wallet-heading-actions{justify-content:flex-start;max-width:none;width:100%}.wallet-heading-actions>.wallet-badge{margin-left:0}.wallet-heading-actions :is(a.realm-button,button.realm-button){flex:1 1 140px;white-space:nowrap}.wallet-heading-actions [role=status]{text-align:left}.wallet-history-card>.vr-filter-bar{padding:12px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-history-card>.vr-filter-bar>label{min-width:0;grid-template-columns:minmax(0,1fr)}.wallet-history-card>.vr-filter-bar>label:nth-of-type(-n+2),.wallet-history-card>.vr-filter-bar>button{grid-column:1/-1}.wallet-history-card>.vr-filter-bar :is(input,select){min-width:0;max-width:100%}.wallet-history-card>.vr-filter-bar>button{justify-self:stretch}.vr-reading-grid{grid-template-columns:1fr}.vr-reading-hero{align-items:flex-start}.vr-reading-hero>.vr-symbol{width:38px;height:38px}.vr-reading-search{flex-wrap:wrap}.vr-reading-search button{flex:1}.vr-reading-search label{flex-basis:100%}.realm-app .vr-map-tools{left:7px;top:8px;width:calc(100% - 64px)}.vr-map-tools>summary{padding:9px;font-size:12px}.vr-map-tools>summary small{font-size:10px}.vr-map-tool-fields{grid-template-columns:1fr;gap:6px}.vr-map-tool-fields label{gap:3px}.realm-app .vr-map-tools :is(input,select){min-height:36px;font-size:12px}.vr-map-tools .vr-map-search-results{max-height:180px}.vr-map-guide{padding:16px}.vr-map-guide .map-guide-chips{gap:5px}.vr-map-guide .vr-map-guide-grid article{padding:15px}.vr-map-guide h2{font-size:27px}.realm-app .vr-resource-strip{padding:4px 6px}.realm-app .vr-resource-strip-inner{gap:4px}.realm-app .vr-resource-strip .vr-resource-token{padding:4px;grid-template-columns:24px 1fr;gap:1px 3px}.realm-app .vr-resource-strip .vr-resource-symbol,.realm-app .vr-resource-strip .resource-icon{width:24px;height:24px}.realm-app .vr-resource-strip .vr-resource-amount strong{font-size:12px}.realm-app .vr-resource-strip .vr-resource-name,.realm-app .vr-resource-strip .vr-resource-cap{font-size:9px}.vr-discover-pages{justify-content:center;text-align:center}.vr-photo-exit .realm-button{font-size:13px;min-height:40px}}

.vr-reading .content-policy-page>h1{display:none}.vr-reading .content-policy-page{box-shadow:none!important;border:0!important;padding:0!important;background:none!important}.vr-map-guide [hidden],.vr-faq-list [hidden]{display:none!important}.vr-reading .field-breadcrumb{font-size:12px;margin:0}.vr-reading .vr-reading-grid article{min-width:0}.vr-reading .vr-reading-grid article p{font-size:14px}.vr-reading .vr-reading-grid article a{font-size:13px;font-weight:650}

/* Keep the whole supply bar visible above the map, including on narrow screens. */
body.realm-app.realm-village-page .vr-resource-strip-inner{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;padding:0!important;gap:5px 10px!important;overflow:visible!important}
body.realm-app.realm-village-page .vr-resource-token{display:grid!important;grid-template-columns:28px max-content max-content!important;grid-auto-rows:min-content;gap:2px 6px!important;flex:0 1 auto!important;width:auto!important;height:auto!important;min-height:40px!important;padding:4px 9px!important;overflow:visible!important}
body.realm-app.realm-village-page .vr-resource-token .vr-resource-name{grid-column:2!important;grid-row:1!important;font-size:11px!important;line-height:1.2}
body.realm-app.realm-village-page .vr-resource-token .vr-resource-amount{grid-column:3!important;grid-row:1!important;font-size:14px!important}
body.realm-app.realm-village-page .vr-resource-token .vr-resource-amount strong{font-size:14px!important;min-width:0!important}
body.realm-app.realm-village-page .vr-resource-token .vr-resource-cap{font-size:10px!important}
body.realm-app.realm-village-page .vr-resource-token .vr-resource-progress{display:block!important;grid-column:2/4!important;grid-row:2!important;height:3px!important;margin:2px 0 0!important}
body.realm-app.realm-village-page .vr-resource-token .vr-resource-room{display:none!important}
body.realm-app.realm-village-page .vr-resource-status-row{position:static!important;flex-wrap:wrap!important;flex:0 1 auto!important;justify-content:center;width:auto!important;max-width:100%;gap:5px!important}
body.realm-app.realm-village-page .vr-resource-status-row>.vr-resource-strip-note{position:static!important;inset:auto!important;transform:none!important;max-width:100%;min-height:0;margin:0!important}
body.realm-app.realm-village-page .vr-resource-strip .building-rate{min-height:27px!important;padding:4px 6px!important}
body.realm-app.realm-village-page .vr-resource-strip .building-production-card summary{min-height:31px!important;padding:0!important}
@media(max-width:850px){
 body.realm-app.realm-village-page .vr-resource-strip-inner{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 body.realm-app.realm-village-page .vr-resource-token{width:100%!important;grid-template-columns:24px minmax(0,1fr)!important;min-height:43px!important;padding:4px 6px!important;gap:1px 4px!important}
 body.realm-app.realm-village-page .vr-resource-token .vr-resource-name{grid-column:2!important;grid-row:1!important;font-size:10px!important}
 body.realm-app.realm-village-page .vr-resource-token .vr-resource-amount{grid-column:2!important;grid-row:2!important;justify-content:flex-start!important;font-size:12px!important}
 body.realm-app.realm-village-page .vr-resource-token .vr-resource-amount strong{font-size:12px!important}
 body.realm-app.realm-village-page .vr-resource-token .vr-resource-cap{font-size:9px!important}
 body.realm-app.realm-village-page .vr-resource-token .vr-resource-symbol{grid-column:1!important;grid-row:1/3!important;width:24px;height:24px}
 body.realm-app.realm-village-page .vr-resource-token .resource-icon{width:24px;height:24px}
 body.realm-app.realm-village-page .vr-resource-token .vr-resource-progress{grid-column:1/3!important;grid-row:3!important}
 body.realm-app.realm-village-page .vr-resource-status-row{grid-column:1/-1;width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important;justify-content:center}
 body.realm-app.realm-village-page .vr-resource-status-row .vr-realm-clock{font-size:10px!important;min-height:24px;padding:4px 8px;max-width:100%;white-space:normal}
}

body.realm-app.realm-village-page .vr-resource-strip .vr-realm-clock{min-height:31px;padding:4px 8px;font-size:10px!important}
body.realm-app.realm-village-page .vr-resource-strip .building-production-card>summary{height:auto!important;min-height:29px!important;padding:3px 7px!important}
body.realm-app.realm-village-page .vr-resource-strip .building-rate{height:23px!important;min-height:23px!important;padding:2px 4px!important;box-sizing:border-box;line-height:1.1}
body.realm-app.realm-village-page .vr-resource-strip .building-rate .resource-icon{width:17px;height:17px}
@media(max-width:850px){body.realm-app.realm-village-page .vr-resource-strip .vr-realm-clock{min-height:22px;padding:3px 7px}}