/* MasterCSS — the only runtime stylesheet. Generated by consolidate_css.py. Section order preserves the recovered cascade. Page scopes prevent cross-page leakage. */ @import url("https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,600;1,400&family=Cinzel:wght@400;500;600&family=Cinzel+Decorative:wght@400&family=Marcellus+SC&display=swap"); /* HAVEN_NATIVE_THEME_BRIDGE_20261028: native root is outside generated scopes. */ :root[data-haven-style]{ --page:var(--theme-page-bg,#070D1C); --panel:var(--theme-panel-bg,#101A30); --edge:var(--theme-border-color,#354663); --gold:var(--theme-accent-color,#D4B674); --text:var(--theme-text-color,#C4D8EF); --muted:var(--theme-muted-text-color,#B3CBE6); --reading-size:18px; color-scheme:dark; } /* VARIANT 1: account */ @scope (:root[data-haven-style="account"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid{gap:12px;align-items:start} #discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:auto;min-height:0} #discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:130px;width:100%;object-fit:cover} #discover-review .portal .destination-image{display:block;max-width:100%} #discover-review .portal .destination-name{color:var(--gold);text-decoration:none} #discover-review .portal .destination-name:hover{text-decoration:underline} #discover-review .portal a:focus-visible,#discover-review .simple-item a:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} #discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{padding:10px;gap:6px} #discover-review .portal .portal-heading h3{margin:0;font-size:18px} #discover-review .portal .tagline{font-size:16px;margin:0;display:block;overflow:visible} #discover-review .portal .portal-footer{display:block;margin-top:6px;padding-top:0;text-align:left} #discover-review .portal .portal-footer .tags,#discover-review .portal .card-meta{margin:3px 0;font-size:14px;text-align:left} #discover-review .rows .portal{display:flex;min-height:0;height:auto;padding:10px;gap:12px;align-items:flex-start} #discover-review .rows .portal-visual{width:72px;min-width:72px;flex:0 0 72px;display:block} #discover-review .rows .portal-art{width:72px;height:90px;object-fit:cover} #discover-review .rows .portal-copy{padding:0;min-height:0;flex:1} #discover-review .portal-art.default-art{object-fit:contain;padding:4px} #discover-review .simple-item{display:block;padding:10px 0} #discover-review .simple-item h3{margin:0 0 4px} #discover-review .simple-item p{margin:3px 0;font-size:15px} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} .messages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.messages-heading p{margin:0}.account-context{margin-bottom:22px}.message-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:14px;margin-bottom:22px}.message-tab[aria-pressed=true]{border-color:var(--gold);background:#17233C}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.list-heading h2{margin:0}.filter-label{display:flex;align-items:center;gap:8px;font-size:16px}select,input,textarea{font:18px 'Alegreya',Alegreya,serif;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 12px;max-width:100%}.mail-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.mail-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--edge);background:var(--panel)}.mail-row:last-child{border-bottom:0}.mail-direction{font:14px 'Marcellus SC',serif;color:var(--muted);width:75px;flex-shrink:0}.mail-copy{flex:1;min-width:0}.mail-copy p{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.mail-subject{font:20px 'Alegreya',Alegreya,serif;text-decoration:none}.read-link{font:16px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.snapshot-count{margin-top:12px}.mail-empty{padding:40px 20px;text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel{padding:24px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel h2{margin-top:20px}.compose-panel label{display:block;margin:18px 0 6px}.compose-panel input,.compose-panel textarea,.compose-panel select{width:100%;background:var(--page)}.compose-panel textarea{resize:vertical;min-height:160px}.compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.back-link{padding:0;background:transparent;border:0;min-height:30px}.whisper-help{border-top:1px solid var(--edge);padding-top:8px}.whisper-help p{font-size:16px;max-width:720px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:600px){.messages-heading{flex-wrap:wrap;align-items:flex-start}.list-heading{flex-wrap:wrap}.mail-row{gap:10px;padding:16px;flex-wrap:wrap}.mail-direction{width:100%;font-size:13px}.mail-subject{font-size:19px}.read-link{font-size:14px}.compose-panel{padding:18px}} .selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:16px}.selection-heading label{display:flex;align-items:center;gap:8px}.mail-select,#select-visible{width:18px;height:18px;flex:0 0 18px;accent-color:var(--gold)}.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:12px;margin-bottom:12px}.bulk-actions button{font-size:14px;padding:8px 10px}.bulk-actions button:disabled{opacity:.5;cursor:default}.trash-preview-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--panel);border-bottom:1px solid var(--edge)} #discover-review .portal-grid.columns-3 .portal,#discover-review .portal-grid.columns-4 .portal{height:auto;min-height:0;align-self:start} #discover-review .portal-grid .portal .portal-copy{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;justify-content:flex-start;padding:10px 12px;gap:6px} #discover-review .portal-grid .portal .portal-copy .portal-footer{display:block;flex:0 0 auto;margin:0;padding:0;text-align:left} #discover-review .portal-grid .portal .portal-footer .tags{margin:0 0 5px;text-align:left} #discover-review .portal-grid .portal .portal-counts{margin:0} #discover-review .portal-grid .portal .card-meta{margin:0 0 3px;text-align:left} #discover-review .portal-grid .portal .tagline{margin:0;flex:0 0 auto} #discover-review .portal-grid.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #discover-review .portal-grid.rows .portal{display:flex;flex-direction:row;height:auto!important;min-height:0!important;padding:10px;gap:10px;align-items:flex-start} #discover-review .portal-grid.rows .portal .portal-visual{display:block;width:64px!important;min-width:64px;flex:0 0 64px!important} #discover-review .portal-grid.rows .portal .portal-art{width:64px!important;height:82px!important;min-height:0;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid.rows .portal .portal-copy{padding:0;flex:1 1 0;min-width:0;gap:5px;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-footer{margin-top:0!important;padding-top:0;text-align:left} #discover-review .portal-grid.rows .portal .portal-heading h3{font-size:16px} #discover-review .portal-grid.rows .portal .tagline{font-size:15px} #discover-review .portal-grid.rows .portal .tags,#discover-review .portal-grid.rows .portal .card-meta{font-size:13px;overflow-wrap:anywhere} @media(min-width:1200px){ #discover-review .world-results .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(5,minmax(0,1fr))} #discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%;height:130px!important} } @media(max-width:1000px){#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#discover-review .portal-grid.rows{grid-template-columns:1fr}} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:130px!important;width:100%!important;object-fit:cover} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important;min-height:0!important;align-self:stretch;box-sizing:border-box} #discover-review .portal-grid .portal .portal-copy{flex:0 0 auto;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-copy{flex:1 1 0} #discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;min-width:150px;flex:0 0 150px!important} #discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:150px!important;min-height:150px;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:150px!important;min-height:150px} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important} #discover-review .portal-grid:not(.rows):not(.list) .portal{min-height:300px!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{height:166px;display:flex;justify-content:center;align-items:center;padding:8px} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{width:150px;max-width:100%} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{display:block;width:150px!important;max-width:100%;height:150px!important;min-height:150px;object-fit:contain!important;padding:0} #discover-review .portal-grid .portal .tagline{display:block!important;-webkit-line-clamp:unset;overflow:visible!important} #discover-review .portal-grid.rows .portal .portal-copy{min-height:150px!important;gap:5px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{display:flex!important;flex-direction:column;flex:1 0 auto;gap:0;margin:0!important;padding:0} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer .tags{margin:8px 0 6px!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts{margin-top:auto!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts .card-meta:last-child{margin-bottom:0} #discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(150px,auto) auto;gap:8px 12px;align-content:start} #discover-review .portal-grid.rows .portal .portal-copy{display:flex;min-height:150px!important;height:100%;padding:0;gap:6px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{margin-top:auto!important;flex:0 0 auto} #discover-review .portal-grid.rows .portal>.row-bottom-tags{grid-column:1/-1;grid-row:2;margin:0;padding-top:7px;border-top:1px solid var(--edge);font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:left} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{display:block;width:100%;height:150px;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{display:block;width:100%;max-width:none} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%!important;max-width:none;height:150px!important;min-height:150px;object-fit:cover!important;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain!important;padding:5px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-copy{padding:12px;gap:10px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-footer .tags{margin:10px 0!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-counts{padding-top:4px} #discover-review .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(auto-fit,200px)!important;justify-content:start} #discover-review .portal-grid:not(.rows):not(.list) .portal{width:200px!important;height:350px!important;min-height:350px!important;max-height:350px;box-sizing:border-box} #discover-review .portal-grid:not(.list){display:grid!important;grid-template-columns:repeat(3,minmax(0,320px))!important;gap:65px 32px!important;justify-content:start;padding-top:30px;align-items:start} #discover-review .portal-grid:not(.list) .portal{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;overflow:visible!important} #discover-review .portal-grid .portal:before{content:'';position:absolute;inset:12px 12px;background:#0c1525;border-radius:12px;z-index:-1} #discover-review .portal-grid .portal:after{content:'';position:absolute;inset:0;background:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png") center/100% 100% no-repeat;pointer-events:none;z-index:4} #discover-review .portal-grid:not(.list) .portal .portal-visual{width:calc(100% - 24px)!important;min-width:0!important;height:195px!important;flex:0 0 195px!important;margin:12px 12px 0!important;padding:0!important;position:relative;overflow:hidden;border-radius:14px 14px 0 0} #discover-review .portal-grid:not(.list) .portal .destination-image{display:block;width:100%!important;max-width:none;height:195px} #discover-review .portal-grid:not(.list) .portal .portal-art{display:block;width:100%!important;height:195px!important;min-height:0!important;object-fit:cover!important;padding:0!important} #discover-review .portal-grid .portal .portal-art.default-art{object-fit:contain!important;padding:18px!important} #discover-review .portal-grid .portal .portal-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 30%,#0c152520 50%,#0c1525aa 76%,#0c1525)} #discover-review .portal-grid:not(.list) .portal .portal-copy{display:flex!important;flex-direction:column!important;padding:14px 27px 40px!important;gap:10px!important;height:273px!important;min-height:0!important;flex:0 0 273px!important} #discover-review .portal-grid .portal .portal-heading h3{font-size:24px!important;line-height:1.2;margin:0} #discover-review .portal-grid .portal .tagline{font-size:18px!important;line-height:1.35!important;margin:0!important} #discover-review .portal-grid .portal .portal-footer{display:flex!important;flex-direction:column!important;gap:8px;margin-top:auto!important;padding:0!important;text-align:center} #discover-review .portal-grid .portal .tags{font-size:16px!important;line-height:1.4;margin:8px 0!important;text-align:center} #discover-review .portal-grid .portal .portal-counts{border-top:1px solid #b68c48;padding-top:10px!important;width:100%;text-align:center} #discover-review .portal-grid .portal .card-meta{font-size:18px!important;line-height:1.3!important;text-align:center!important} #discover-review .portal .category-medallion{position:absolute;top:-23px;left:calc(50% - 44px);width:88px;height:88px;object-fit:contain;z-index:5;pointer-events:none} #discover-review section{margin-bottom:55px} @media(max-width:1000px){#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,320px))!important}} @media(max-width:600px){#discover-review .portal-grid:not(.list){display:block!important;padding-top:0}#discover-review .portal-grid:not(.list) .portal{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:22px;border-bottom:1px solid #615239!important;padding-bottom:18px!important}#discover-review .portal-grid .portal:before,#discover-review .portal-grid .portal:after,#discover-review .portal-grid .portal .portal-visual,#discover-review .portal .category-medallion{display:none!important}#discover-review .portal-grid:not(.list) .portal .portal-copy{height:auto!important;padding:0!important;display:block!important}#discover-review .portal-grid .portal .portal-footer,#discover-review .portal-grid .portal .tags,#discover-review .portal-grid .portal .card-meta{text-align:left!important}#discover-review .portal-grid .portal .portal-counts{border:0}#discover-review .portal-grid .portal .tagline{margin:8px 0!important}} @media(min-width:601px){ #discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;padding-top:15px} #discover-review .portal-grid:not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review .portal-grid:not(.list) .portal .portal-visual{height:180px!important;flex-basis:180px!important} #discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review .portal-grid:not(.list) .portal .portal-art{height:180px!important} #discover-review .portal-grid:not(.list) .portal .portal-copy{height:228px!important;flex-basis:228px!important;padding:10px 27px 26px!important;gap:7px!important} #discover-review .portal-grid .portal .portal-footer{margin-top:12px!important;gap:5px} #discover-review section{margin-bottom:30px} #discover-review .portal .category-medallion{width:72px;height:72px;left:calc(50% - 36px);top:-18px} } #discover-review .portal-grid .portal .portal-visual:has(.default-art) .default-art{visibility:hidden!important} #discover-review .portal-grid .portal .portal-visual:has(.default-art){background:radial-gradient(ellipse at 50% 20%,#1d3150 0%,#0c1525 75%)} @media(min-width:601px){ #discover-review .portal .category-medallion{top:-29px} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:100%!important;height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .portal-grid .portal .portal-art.default-art{display:none!important} } #discover-review .measurement-bar,#discover-review .measurement-label{display:none!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,380px))!important;justify-content:center} #discover-review#discover-review .portal-grid .tags{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px} #discover-review#discover-review .portal-grid .tags span{position:relative;isolation:isolate;display:inline-block;padding:5px 9px;background:#ac4235;color:#efdbac;font:16px/1.25 'Alegreya',Alegreya,serif;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #discover-review#discover-review .portal-grid .tags span:before{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(#29100e,#100a0c);clip-path:polygon(5.5px 0,calc(100% - 5.5px) 0,100% 5.5px,100% calc(100% - 5.5px),calc(100% - 5.5px) 100%,5.5px 100%,0 calc(100% - 5.5px),0 5.5px)} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(auto-fit,320px)!important;justify-content:center;gap:40px 28px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:320px!important;height:480px!important;min-height:480px!important;max-height:480px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:195px!important;flex-basis:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:273px!important;flex-basis:273px!important;padding:14px 30px 36px!important;gap:10px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{margin-top:auto!important;gap:8px} #discover-review#discover-review .portal .category-medallion{width:88px;height:88px;left:calc(50% - 44px);top:-23px} } #discover-review#discover-review .portal-grid .portal .portal-visual:after{background:linear-gradient(transparent 20%,#0c152530 45%,#0c1525bd 72%,#0c1525 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts{position:relative;border-top:0;padding-top:16px!important} #discover-review#discover-review .portal-grid .portal .portal-counts:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5a160,transparent)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{content:'◇';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#0c1525;color:#e5bf70;padding:0 6px;font-size:17px;line-height:1} #discover-review#discover-review .portal-grid .portal .card-meta{margin:0 0 4px!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:170px!important;flex-basis:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:298px!important;flex-basis:298px!important;padding:12px 25px 32px!important;gap:8px!important} #discover-review#discover-review .portal-grid .portal .tags{margin:6px 0!important;gap:5px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{gap:10px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal .portal-counts:before,#discover-review#discover-review .portal-grid .portal .portal-counts:after{display:none}} @media(min-width:601px){ #discover-review#discover-review .portal-grid .portal .portal-footer>.tags{width:100%!important;max-width:100%;align-self:stretch!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin-left:0!important;margin-right:0!important} } @media(max-width:600px){ #discover-review#discover-review .portal-grid{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid .portal,#discover-review#discover-review .simple-item{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #6b593b!important;background:none!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal:before,#discover-review#discover-review .portal-grid .portal:after,#discover-review#discover-review .portal-visual,#discover-review#discover-review .category-medallion{display:none!important} #discover-review#discover-review .portal-copy,#discover-review#discover-review .portal-heading,#discover-review#discover-review .portal-footer,#discover-review#discover-review .portal-counts{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;flex:none!important;text-align:left!important} #discover-review#discover-review .portal-heading h3,#discover-review#discover-review .simple-item h3{display:block!important;width:100%!important;margin:0 0 8px!important;font-size:23px!important;line-height:1.3!important} #discover-review#discover-review .simple-item>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important} #discover-review#discover-review .tagline{display:block!important;font-size:18px!important;line-height:1.4!important;margin:0 0 10px!important} #discover-review#discover-review .portal-grid .tags,#discover-review#discover-review .simple-item .tags,#discover-review#discover-review .row-bottom-tags{display:block!important;width:100%!important;margin:8px 0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important} #discover-review#discover-review .tags span{display:inline!important;background:none!important;clip-path:none!important;padding:0!important;border:0!important;color:#c4d8ef!important;font-size:16px!important} #discover-review#discover-review .tags span:before{display:none!important} #discover-review#discover-review .tags span:not(:last-child):after{content:' · '} #discover-review#discover-review .portal-counts:before,#discover-review#discover-review .portal-counts:after{display:none!important} #discover-review#discover-review .card-meta{display:block!important;font-size:18px!important;line-height:1.4!important;margin:6px 0 0!important;text-align:left!important} #discover-review#discover-review .simple-item a{white-space:normal!important} #discover-review#discover-review .simple-item .tags{order:initial!important} } @media(max-width:600px){ #discover-review .views,#discover-review .card-density{display:none!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 24px!important} #discover-review#discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:1fr!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;padding:24px 22px!important;gap:14px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;height:200px!important;min-width:150px!important;margin:0!important;flex:none!important;align-self:start} #discover-review#discover-review .portal-grid.rows .portal .destination-image,#discover-review#discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:200px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-copy{display:flex!important;width:auto!important;height:252px!important;min-height:0!important;max-height:252px!important;padding:0 0 12px!important;gap:7px!important;flex:none!important} #discover-review#discover-review .portal-grid.rows .portal .portal-heading h3{font-size:21px!important} #discover-review#discover-review .portal-grid.rows .portal .tagline{font-size:17px!important;line-height:1.3!important} #discover-review#discover-review .portal-grid.rows .portal .portal-footer{margin-top:auto!important;gap:6px!important} #discover-review#discover-review .portal-grid.rows .portal .tags span{font-size:14px!important;padding:4px 7px!important} #discover-review#discover-review .portal-grid.rows .portal .card-meta{font-size:16px!important} } @media(min-width:601px) and (max-width:1000px){#discover-review#discover-review .portal-grid.rows{grid-template-columns:1fr!important}} #discover-review#discover-review .portal-grid.list{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid.list .simple-item{display:block!important;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #354663} #discover-review#discover-review .portal-grid.list .simple-item>*{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:6px 0!important} #discover-review#discover-review .portal-grid.list .simple-item h3{margin:0 0 7px!important;font-size:23px;line-height:1.3} #discover-review#discover-review .portal-grid.list .simple-item .tagline{font-size:18px;line-height:1.4} #discover-review#discover-review .portal-grid.list .simple-item .tags{font-size:16px;line-height:1.5} #discover-review#discover-review .portal-grid.list .simple-item .card-meta{font-size:18px;line-height:1.4} @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows .portal:after{background:none!important;border:22px solid transparent;box-sizing:border-box;border-image-source:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png");border-image-slice:110;border-image-width:22px;border-image-repeat:stretch} #discover-review#discover-review .portal-grid.rows .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid.rows .portal .category-medallion{left:61px;top:-23px} } .discovery-masthead{position:relative;margin:0 0 20px}.discovery-masthead>img{display:block;width:100%;height:auto}.discovery-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.discovery-masthead-copy h1{font-size:clamp(22px,2.6vw,34px);text-shadow:0 2px 8px #000}.discovery-masthead-copy p{margin:8px 0 0}@media(max-width:600px){.discovery-masthead-copy{position:static;padding:12px 0}.discovery-masthead-copy h1{font-size:24px}} .discovery-masthead{background:#070d1c} .discovery-masthead>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } .community-heading{margin-bottom:26px}.community-heading p{margin-bottom:0;max-width:760px}.community-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;align-items:start}.community-board{min-width:0}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.board-heading h2{margin-bottom:8px}.board-heading p{font-size:16px;max-width:470px;margin:0}.board-heading .button{flex-shrink:0}.thread-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--edge)}.thread-row:last-child{border-bottom:0}.thread-row>div{min-width:0}.thread-row h3{font:20px/1.35 'Alegreya',Alegreya,serif;margin:0}.thread-row h3 a{text-decoration:none}.thread-row p{font-size:15px;margin:8px 0 0}.thread-open{font:15px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.more-discussions{margin:14px 0 18px}.browse-board{margin-top:0}.community-links{list-style:none;margin:0;padding:0}.community-links li{border-top:1px solid var(--edge);padding:14px 0}.community-links li:last-child{padding-bottom:0}.community-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font:17px 'Marcellus SC',serif;text-decoration:none}.community-links p{font-size:15px;margin:7px 0 0}.community-guides .side-panel{margin-bottom:18px}.community-guides h2{font-size:20px}.community-board a:hover,.community-links a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:800px){.community-layout{grid-template-columns:1fr}.community-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-heading{flex-wrap:wrap}}@media(max-width:480px){.community-guides{grid-template-columns:1fr}.thread-row{gap:12px;padding:16px;align-items:flex-start}.thread-row h3{font-size:19px}.thread-open{font-size:14px}.board-heading .button{min-height:44px}} .account-overview-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}#account-review section{border-bottom:1px solid #354663;padding:18px 0} body .page-scroll{background-color:#070d1c;background-image:linear-gradient(rgba(3,11,22,.72),rgba(3,11,22,.55)),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} body .discovery-masthead,body .home-scenic-masthead{background:transparent} body .site-header,body .site-footer{background-color:#070d1c} @media(max-width:600px){body .page-scroll{background-attachment:scroll;background-position:center top}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} #account-review .account-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} #account-review .account-dashboard section{margin:0;padding:20px;border:1px solid rgba(212,182,116,.6);border-radius:8px;background:rgba(5,13,27,.38)} #account-review .account-dashboard h2{font:400 24px/1.3 'Cinzel',serif;color:#e4c581;margin:0 0 12px} #account-review .account-dashboard p{font-size:18px;line-height:1.45;margin-bottom:16px} #account-review .account-panel-actions{display:flex;gap:10px;flex-wrap:wrap} #account-review #account-preview-status{margin-top:18px;padding:12px;border-left:2px solid #d4b674;background:#071320bb} @media(max-width:700px){#account-review .account-dashboard{grid-template-columns:1fr}} @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 2: admin */ @scope (:root[data-haven-style="admin"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid{gap:12px;align-items:start} #discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:auto;min-height:0} #discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:130px;width:100%;object-fit:cover} #discover-review .portal .destination-image{display:block;max-width:100%} #discover-review .portal .destination-name{color:var(--gold);text-decoration:none} #discover-review .portal .destination-name:hover{text-decoration:underline} #discover-review .portal a:focus-visible,#discover-review .simple-item a:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} #discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{padding:10px;gap:6px} #discover-review .portal .portal-heading h3{margin:0;font-size:18px} #discover-review .portal .tagline{font-size:16px;margin:0;display:block;overflow:visible} #discover-review .portal .portal-footer{display:block;margin-top:6px;padding-top:0;text-align:left} #discover-review .portal .portal-footer .tags,#discover-review .portal .card-meta{margin:3px 0;font-size:14px;text-align:left} #discover-review .rows .portal{display:flex;min-height:0;height:auto;padding:10px;gap:12px;align-items:flex-start} #discover-review .rows .portal-visual{width:72px;min-width:72px;flex:0 0 72px;display:block} #discover-review .rows .portal-art{width:72px;height:90px;object-fit:cover} #discover-review .rows .portal-copy{padding:0;min-height:0;flex:1} #discover-review .portal-art.default-art{object-fit:contain;padding:4px} #discover-review .simple-item{display:block;padding:10px 0} #discover-review .simple-item h3{margin:0 0 4px} #discover-review .simple-item p{margin:3px 0;font-size:15px} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} .messages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.messages-heading p{margin:0}.account-context{margin-bottom:22px}.message-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:14px;margin-bottom:22px}.message-tab[aria-pressed=true]{border-color:var(--gold);background:#17233C}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.list-heading h2{margin:0}.filter-label{display:flex;align-items:center;gap:8px;font-size:16px}select,input,textarea{font:18px 'Alegreya',Alegreya,serif;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 12px;max-width:100%}.mail-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.mail-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--edge);background:var(--panel)}.mail-row:last-child{border-bottom:0}.mail-direction{font:14px 'Marcellus SC',serif;color:var(--muted);width:75px;flex-shrink:0}.mail-copy{flex:1;min-width:0}.mail-copy p{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.mail-subject{font:20px 'Alegreya',Alegreya,serif;text-decoration:none}.read-link{font:16px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.snapshot-count{margin-top:12px}.mail-empty{padding:40px 20px;text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel{padding:24px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel h2{margin-top:20px}.compose-panel label{display:block;margin:18px 0 6px}.compose-panel input,.compose-panel textarea,.compose-panel select{width:100%;background:var(--page)}.compose-panel textarea{resize:vertical;min-height:160px}.compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.back-link{padding:0;background:transparent;border:0;min-height:30px}.whisper-help{border-top:1px solid var(--edge);padding-top:8px}.whisper-help p{font-size:16px;max-width:720px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:600px){.messages-heading{flex-wrap:wrap;align-items:flex-start}.list-heading{flex-wrap:wrap}.mail-row{gap:10px;padding:16px;flex-wrap:wrap}.mail-direction{width:100%;font-size:13px}.mail-subject{font-size:19px}.read-link{font-size:14px}.compose-panel{padding:18px}} .selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:16px}.selection-heading label{display:flex;align-items:center;gap:8px}.mail-select,#select-visible{width:18px;height:18px;flex:0 0 18px;accent-color:var(--gold)}.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:12px;margin-bottom:12px}.bulk-actions button{font-size:14px;padding:8px 10px}.bulk-actions button:disabled{opacity:.5;cursor:default}.trash-preview-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--panel);border-bottom:1px solid var(--edge)} #discover-review .portal-grid.columns-3 .portal,#discover-review .portal-grid.columns-4 .portal{height:auto;min-height:0;align-self:start} #discover-review .portal-grid .portal .portal-copy{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;justify-content:flex-start;padding:10px 12px;gap:6px} #discover-review .portal-grid .portal .portal-copy .portal-footer{display:block;flex:0 0 auto;margin:0;padding:0;text-align:left} #discover-review .portal-grid .portal .portal-footer .tags{margin:0 0 5px;text-align:left} #discover-review .portal-grid .portal .portal-counts{margin:0} #discover-review .portal-grid .portal .card-meta{margin:0 0 3px;text-align:left} #discover-review .portal-grid .portal .tagline{margin:0;flex:0 0 auto} #discover-review .portal-grid.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #discover-review .portal-grid.rows .portal{display:flex;flex-direction:row;height:auto!important;min-height:0!important;padding:10px;gap:10px;align-items:flex-start} #discover-review .portal-grid.rows .portal .portal-visual{display:block;width:64px!important;min-width:64px;flex:0 0 64px!important} #discover-review .portal-grid.rows .portal .portal-art{width:64px!important;height:82px!important;min-height:0;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid.rows .portal .portal-copy{padding:0;flex:1 1 0;min-width:0;gap:5px;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-footer{margin-top:0!important;padding-top:0;text-align:left} #discover-review .portal-grid.rows .portal .portal-heading h3{font-size:16px} #discover-review .portal-grid.rows .portal .tagline{font-size:15px} #discover-review .portal-grid.rows .portal .tags,#discover-review .portal-grid.rows .portal .card-meta{font-size:13px;overflow-wrap:anywhere} @media(min-width:1200px){ #discover-review .world-results .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(5,minmax(0,1fr))} #discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%;height:130px!important} } @media(max-width:1000px){#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#discover-review .portal-grid.rows{grid-template-columns:1fr}} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:130px!important;width:100%!important;object-fit:cover} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important;min-height:0!important;align-self:stretch;box-sizing:border-box} #discover-review .portal-grid .portal .portal-copy{flex:0 0 auto;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-copy{flex:1 1 0} #discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;min-width:150px;flex:0 0 150px!important} #discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:150px!important;min-height:150px;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:150px!important;min-height:150px} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important} #discover-review .portal-grid:not(.rows):not(.list) .portal{min-height:300px!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{height:166px;display:flex;justify-content:center;align-items:center;padding:8px} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{width:150px;max-width:100%} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{display:block;width:150px!important;max-width:100%;height:150px!important;min-height:150px;object-fit:contain!important;padding:0} #discover-review .portal-grid .portal .tagline{display:block!important;-webkit-line-clamp:unset;overflow:visible!important} #discover-review .portal-grid.rows .portal .portal-copy{min-height:150px!important;gap:5px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{display:flex!important;flex-direction:column;flex:1 0 auto;gap:0;margin:0!important;padding:0} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer .tags{margin:8px 0 6px!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts{margin-top:auto!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts .card-meta:last-child{margin-bottom:0} #discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(150px,auto) auto;gap:8px 12px;align-content:start} #discover-review .portal-grid.rows .portal .portal-copy{display:flex;min-height:150px!important;height:100%;padding:0;gap:6px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{margin-top:auto!important;flex:0 0 auto} #discover-review .portal-grid.rows .portal>.row-bottom-tags{grid-column:1/-1;grid-row:2;margin:0;padding-top:7px;border-top:1px solid var(--edge);font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:left} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{display:block;width:100%;height:150px;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{display:block;width:100%;max-width:none} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%!important;max-width:none;height:150px!important;min-height:150px;object-fit:cover!important;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain!important;padding:5px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-copy{padding:12px;gap:10px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-footer .tags{margin:10px 0!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-counts{padding-top:4px} #discover-review .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(auto-fit,200px)!important;justify-content:start} #discover-review .portal-grid:not(.rows):not(.list) .portal{width:200px!important;height:350px!important;min-height:350px!important;max-height:350px;box-sizing:border-box} #discover-review .portal-grid:not(.list){display:grid!important;grid-template-columns:repeat(3,minmax(0,320px))!important;gap:65px 32px!important;justify-content:start;padding-top:30px;align-items:start} #discover-review .portal-grid:not(.list) .portal{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;overflow:visible!important} #discover-review .portal-grid .portal:before{content:'';position:absolute;inset:12px 12px;background:#0c1525;border-radius:12px;z-index:-1} #discover-review .portal-grid .portal:after{content:'';position:absolute;inset:0;background:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png") center/100% 100% no-repeat;pointer-events:none;z-index:4} #discover-review .portal-grid:not(.list) .portal .portal-visual{width:calc(100% - 24px)!important;min-width:0!important;height:195px!important;flex:0 0 195px!important;margin:12px 12px 0!important;padding:0!important;position:relative;overflow:hidden;border-radius:14px 14px 0 0} #discover-review .portal-grid:not(.list) .portal .destination-image{display:block;width:100%!important;max-width:none;height:195px} #discover-review .portal-grid:not(.list) .portal .portal-art{display:block;width:100%!important;height:195px!important;min-height:0!important;object-fit:cover!important;padding:0!important} #discover-review .portal-grid .portal .portal-art.default-art{object-fit:contain!important;padding:18px!important} #discover-review .portal-grid .portal .portal-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 30%,#0c152520 50%,#0c1525aa 76%,#0c1525)} #discover-review .portal-grid:not(.list) .portal .portal-copy{display:flex!important;flex-direction:column!important;padding:14px 27px 40px!important;gap:10px!important;height:273px!important;min-height:0!important;flex:0 0 273px!important} #discover-review .portal-grid .portal .portal-heading h3{font-size:24px!important;line-height:1.2;margin:0} #discover-review .portal-grid .portal .tagline{font-size:18px!important;line-height:1.35!important;margin:0!important} #discover-review .portal-grid .portal .portal-footer{display:flex!important;flex-direction:column!important;gap:8px;margin-top:auto!important;padding:0!important;text-align:center} #discover-review .portal-grid .portal .tags{font-size:16px!important;line-height:1.4;margin:8px 0!important;text-align:center} #discover-review .portal-grid .portal .portal-counts{border-top:1px solid #b68c48;padding-top:10px!important;width:100%;text-align:center} #discover-review .portal-grid .portal .card-meta{font-size:18px!important;line-height:1.3!important;text-align:center!important} #discover-review .portal .category-medallion{position:absolute;top:-23px;left:calc(50% - 44px);width:88px;height:88px;object-fit:contain;z-index:5;pointer-events:none} #discover-review section{margin-bottom:55px} @media(max-width:1000px){#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,320px))!important}} @media(max-width:600px){#discover-review .portal-grid:not(.list){display:block!important;padding-top:0}#discover-review .portal-grid:not(.list) .portal{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:22px;border-bottom:1px solid #615239!important;padding-bottom:18px!important}#discover-review .portal-grid .portal:before,#discover-review .portal-grid .portal:after,#discover-review .portal-grid .portal .portal-visual,#discover-review .portal .category-medallion{display:none!important}#discover-review .portal-grid:not(.list) .portal .portal-copy{height:auto!important;padding:0!important;display:block!important}#discover-review .portal-grid .portal .portal-footer,#discover-review .portal-grid .portal .tags,#discover-review .portal-grid .portal .card-meta{text-align:left!important}#discover-review .portal-grid .portal .portal-counts{border:0}#discover-review .portal-grid .portal .tagline{margin:8px 0!important}} @media(min-width:601px){ #discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;padding-top:15px} #discover-review .portal-grid:not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review .portal-grid:not(.list) .portal .portal-visual{height:180px!important;flex-basis:180px!important} #discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review .portal-grid:not(.list) .portal .portal-art{height:180px!important} #discover-review .portal-grid:not(.list) .portal .portal-copy{height:228px!important;flex-basis:228px!important;padding:10px 27px 26px!important;gap:7px!important} #discover-review .portal-grid .portal .portal-footer{margin-top:12px!important;gap:5px} #discover-review section{margin-bottom:30px} #discover-review .portal .category-medallion{width:72px;height:72px;left:calc(50% - 36px);top:-18px} } #discover-review .portal-grid .portal .portal-visual:has(.default-art) .default-art{visibility:hidden!important} #discover-review .portal-grid .portal .portal-visual:has(.default-art){background:radial-gradient(ellipse at 50% 20%,#1d3150 0%,#0c1525 75%)} @media(min-width:601px){ #discover-review .portal .category-medallion{top:-29px} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:100%!important;height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .portal-grid .portal .portal-art.default-art{display:none!important} } #discover-review .measurement-bar,#discover-review .measurement-label{display:none!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,380px))!important;justify-content:center} #discover-review#discover-review .portal-grid .tags{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px} #discover-review#discover-review .portal-grid .tags span{position:relative;isolation:isolate;display:inline-block;padding:5px 9px;background:#ac4235;color:#efdbac;font:16px/1.25 'Alegreya',Alegreya,serif;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #discover-review#discover-review .portal-grid .tags span:before{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(#29100e,#100a0c);clip-path:polygon(5.5px 0,calc(100% - 5.5px) 0,100% 5.5px,100% calc(100% - 5.5px),calc(100% - 5.5px) 100%,5.5px 100%,0 calc(100% - 5.5px),0 5.5px)} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(auto-fit,320px)!important;justify-content:center;gap:40px 28px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:320px!important;height:480px!important;min-height:480px!important;max-height:480px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:195px!important;flex-basis:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:273px!important;flex-basis:273px!important;padding:14px 30px 36px!important;gap:10px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{margin-top:auto!important;gap:8px} #discover-review#discover-review .portal .category-medallion{width:88px;height:88px;left:calc(50% - 44px);top:-23px} } #discover-review#discover-review .portal-grid .portal .portal-visual:after{background:linear-gradient(transparent 20%,#0c152530 45%,#0c1525bd 72%,#0c1525 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts{position:relative;border-top:0;padding-top:16px!important} #discover-review#discover-review .portal-grid .portal .portal-counts:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5a160,transparent)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{content:'◇';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#0c1525;color:#e5bf70;padding:0 6px;font-size:17px;line-height:1} #discover-review#discover-review .portal-grid .portal .card-meta{margin:0 0 4px!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:170px!important;flex-basis:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:298px!important;flex-basis:298px!important;padding:12px 25px 32px!important;gap:8px!important} #discover-review#discover-review .portal-grid .portal .tags{margin:6px 0!important;gap:5px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{gap:10px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal .portal-counts:before,#discover-review#discover-review .portal-grid .portal .portal-counts:after{display:none}} @media(min-width:601px){ #discover-review#discover-review .portal-grid .portal .portal-footer>.tags{width:100%!important;max-width:100%;align-self:stretch!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin-left:0!important;margin-right:0!important} } @media(max-width:600px){ #discover-review#discover-review .portal-grid{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid .portal,#discover-review#discover-review .simple-item{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #6b593b!important;background:none!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal:before,#discover-review#discover-review .portal-grid .portal:after,#discover-review#discover-review .portal-visual,#discover-review#discover-review .category-medallion{display:none!important} #discover-review#discover-review .portal-copy,#discover-review#discover-review .portal-heading,#discover-review#discover-review .portal-footer,#discover-review#discover-review .portal-counts{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;flex:none!important;text-align:left!important} #discover-review#discover-review .portal-heading h3,#discover-review#discover-review .simple-item h3{display:block!important;width:100%!important;margin:0 0 8px!important;font-size:23px!important;line-height:1.3!important} #discover-review#discover-review .simple-item>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important} #discover-review#discover-review .tagline{display:block!important;font-size:18px!important;line-height:1.4!important;margin:0 0 10px!important} #discover-review#discover-review .portal-grid .tags,#discover-review#discover-review .simple-item .tags,#discover-review#discover-review .row-bottom-tags{display:block!important;width:100%!important;margin:8px 0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important} #discover-review#discover-review .tags span{display:inline!important;background:none!important;clip-path:none!important;padding:0!important;border:0!important;color:#c4d8ef!important;font-size:16px!important} #discover-review#discover-review .tags span:before{display:none!important} #discover-review#discover-review .tags span:not(:last-child):after{content:' · '} #discover-review#discover-review .portal-counts:before,#discover-review#discover-review .portal-counts:after{display:none!important} #discover-review#discover-review .card-meta{display:block!important;font-size:18px!important;line-height:1.4!important;margin:6px 0 0!important;text-align:left!important} #discover-review#discover-review .simple-item a{white-space:normal!important} #discover-review#discover-review .simple-item .tags{order:initial!important} } @media(max-width:600px){ #discover-review .views,#discover-review .card-density{display:none!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 24px!important} #discover-review#discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:1fr!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;padding:24px 22px!important;gap:14px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;height:200px!important;min-width:150px!important;margin:0!important;flex:none!important;align-self:start} #discover-review#discover-review .portal-grid.rows .portal .destination-image,#discover-review#discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:200px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-copy{display:flex!important;width:auto!important;height:252px!important;min-height:0!important;max-height:252px!important;padding:0 0 12px!important;gap:7px!important;flex:none!important} #discover-review#discover-review .portal-grid.rows .portal .portal-heading h3{font-size:21px!important} #discover-review#discover-review .portal-grid.rows .portal .tagline{font-size:17px!important;line-height:1.3!important} #discover-review#discover-review .portal-grid.rows .portal .portal-footer{margin-top:auto!important;gap:6px!important} #discover-review#discover-review .portal-grid.rows .portal .tags span{font-size:14px!important;padding:4px 7px!important} #discover-review#discover-review .portal-grid.rows .portal .card-meta{font-size:16px!important} } @media(min-width:601px) and (max-width:1000px){#discover-review#discover-review .portal-grid.rows{grid-template-columns:1fr!important}} #discover-review#discover-review .portal-grid.list{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid.list .simple-item{display:block!important;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #354663} #discover-review#discover-review .portal-grid.list .simple-item>*{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:6px 0!important} #discover-review#discover-review .portal-grid.list .simple-item h3{margin:0 0 7px!important;font-size:23px;line-height:1.3} #discover-review#discover-review .portal-grid.list .simple-item .tagline{font-size:18px;line-height:1.4} #discover-review#discover-review .portal-grid.list .simple-item .tags{font-size:16px;line-height:1.5} #discover-review#discover-review .portal-grid.list .simple-item .card-meta{font-size:18px;line-height:1.4} @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows .portal:after{background:none!important;border:22px solid transparent;box-sizing:border-box;border-image-source:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png");border-image-slice:110;border-image-width:22px;border-image-repeat:stretch} #discover-review#discover-review .portal-grid.rows .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid.rows .portal .category-medallion{left:61px;top:-23px} } .discovery-masthead{position:relative;margin:0 0 20px}.discovery-masthead>img{display:block;width:100%;height:auto}.discovery-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.discovery-masthead-copy h1{font-size:clamp(22px,2.6vw,34px);text-shadow:0 2px 8px #000}.discovery-masthead-copy p{margin:8px 0 0}@media(max-width:600px){.discovery-masthead-copy{position:static;padding:12px 0}.discovery-masthead-copy h1{font-size:24px}} .discovery-masthead{background:#070d1c} .discovery-masthead>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } .community-heading{margin-bottom:26px}.community-heading p{margin-bottom:0;max-width:760px}.community-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;align-items:start}.community-board{min-width:0}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.board-heading h2{margin-bottom:8px}.board-heading p{font-size:16px;max-width:470px;margin:0}.board-heading .button{flex-shrink:0}.thread-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--edge)}.thread-row:last-child{border-bottom:0}.thread-row>div{min-width:0}.thread-row h3{font:20px/1.35 'Alegreya',Alegreya,serif;margin:0}.thread-row h3 a{text-decoration:none}.thread-row p{font-size:15px;margin:8px 0 0}.thread-open{font:15px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.more-discussions{margin:14px 0 18px}.browse-board{margin-top:0}.community-links{list-style:none;margin:0;padding:0}.community-links li{border-top:1px solid var(--edge);padding:14px 0}.community-links li:last-child{padding-bottom:0}.community-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font:17px 'Marcellus SC',serif;text-decoration:none}.community-links p{font-size:15px;margin:7px 0 0}.community-guides .side-panel{margin-bottom:18px}.community-guides h2{font-size:20px}.community-board a:hover,.community-links a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:800px){.community-layout{grid-template-columns:1fr}.community-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-heading{flex-wrap:wrap}}@media(max-width:480px){.community-guides{grid-template-columns:1fr}.thread-row{gap:12px;padding:16px;align-items:flex-start}.thread-row h3{font-size:19px}.thread-open{font-size:14px}.board-heading .button{min-height:44px}} .account-overview-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}#account-review section{border-bottom:1px solid #354663;padding:18px 0} body .page-scroll{background-color:#070d1c;background-image:linear-gradient(rgba(3,11,22,.72),rgba(3,11,22,.55)),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} body .discovery-masthead,body .home-scenic-masthead{background:transparent} body .site-header,body .site-footer{background-color:#070d1c} @media(max-width:600px){body .page-scroll{background-attachment:scroll;background-position:center top}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} #account-review .account-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} #account-review .account-dashboard section{margin:0;padding:20px;border:1px solid rgba(212,182,116,.6);border-radius:8px;background:rgba(5,13,27,.38)} #account-review .account-dashboard h2{font:400 24px/1.3 'Cinzel',serif;color:#e4c581;margin:0 0 12px} #account-review .account-dashboard p{font-size:18px;line-height:1.45;margin-bottom:16px} #account-review .account-panel-actions{display:flex;gap:10px;flex-wrap:wrap} #account-review #account-preview-status{margin-top:18px;padding:12px;border-left:2px solid #d4b674;background:#071320bb} @media(max-width:700px){#account-review .account-dashboard{grid-template-columns:1fr}} .site-nav .admin-link{border:1px solid var(--edge);padding:5px 9px;border-radius:4px}.admin-shortcut{margin-top:18px;padding-top:14px;border-top:1px solid var(--edge)}.admin-shortcut p{font-size:15px;margin-top:8px}.concept-bar{font-size:14px;color:var(--muted);margin-bottom:18px}.personal-locations{background:var(--panel);border:1px solid var(--edge);padding:18px;border-radius:4px}.ownership{font:14px 'Marcellus SC',serif;color:var(--muted);display:block;margin-bottom:8px}.admin-intro{max-width:760px;margin-bottom:24px}.admin-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px}.admin-panel{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:20px}.admin-panel details{padding:12px 0;border-bottom:1px solid var(--edge)}.admin-panel summary{font-size:19px}.admin-panel summary small{font:15px 'Alegreya',serif;color:var(--muted);margin-left:8px}.admin-panel .list{margin-left:16px}.admin-panel .list li{font-size:17px}.admin-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.site-identity{padding:13px 0;border-bottom:1px solid var(--edge)}.site-identity strong{display:block;color:var(--gold);font:18px 'Cinzel',serif}.site-identity small{font-size:15px;color:var(--muted)}.callout{border-left:2px solid var(--gold);padding:10px 14px;margin-top:18px;font-size:16px}.admin-panel h3{margin-top:14px}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}} .admin-tabs{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--edge);padding-bottom:16px;margin-bottom:24px}.view-tab[aria-pressed="true"]{border-color:var(--gold);background:#17233C}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-list{list-style:none;padding:0;margin:0}.tool-list li{padding:14px 0;border-bottom:1px solid var(--edge)}.tool-list a{display:flex;justify-content:space-between;gap:12px;font:18px Marcellus SC,serif;text-decoration:none}.tool-list small{display:block;color:var(--muted);font-size:16px;margin-top:6px}.guide-panel{margin-top:4px}.guide-panel details{border:0;margin:0;padding:0}.hooks dt{color:var(--gold);margin-top:14px}.hooks dd{margin:4px 0;display:flex;gap:6px;flex-wrap:wrap}.hooks code{font:13px monospace;padding:4px;background:var(--page);border-radius:3px}.account-table-wrap{overflow-x:auto}.account-table{width:100%;border-collapse:collapse;text-align:left;font-size:16px}.account-table td,.account-table th{padding:12px 8px;border-bottom:1px solid var(--edge)}.account-table button{font-size:14px;padding:6px 8px;min-height:34px}.admin-view>.admin-panel{margin-bottom:20px}.admin-intro{margin-bottom:20px}@media(max-width:760px){.tools-grid{grid-template-columns:1fr}.admin-tabs{gap:6px}.view-tab{font-size:14px;padding:9px 10px}} #admin-review .admin-panel{background:rgba(5,13,27,.42);border:1px solid #d4b67488;border-radius:8px}#admin-review .admin-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:14px 0 25px}#admin-review .tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#admin-review .admin-panel{padding:18px;margin-bottom:18px}#admin-review .account-table{width:100%;border-collapse:collapse}#admin-review .account-table td,#admin-review .account-table th{padding:8px;text-align:left}#admin-review .account-table-wrap{overflow:auto}@media(max-width:700px){#admin-review .tools-grid{grid-template-columns:1fr}} @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 3: characters */ @scope (:root[data-haven-style="characters"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid{gap:12px;align-items:start} #discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:auto;min-height:0} #discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:130px;width:100%;object-fit:cover} #discover-review .portal .destination-image{display:block;max-width:100%} #discover-review .portal .destination-name{color:var(--gold);text-decoration:none} #discover-review .portal .destination-name:hover{text-decoration:underline} #discover-review .portal a:focus-visible,#discover-review .simple-item a:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} #discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{padding:10px;gap:6px} #discover-review .portal .portal-heading h3{margin:0;font-size:18px} #discover-review .portal .tagline{font-size:16px;margin:0;display:block;overflow:visible} #discover-review .portal .portal-footer{display:block;margin-top:6px;padding-top:0;text-align:left} #discover-review .portal .portal-footer .tags,#discover-review .portal .card-meta{margin:3px 0;font-size:14px;text-align:left} #discover-review .rows .portal{display:flex;min-height:0;height:auto;padding:10px;gap:12px;align-items:flex-start} #discover-review .rows .portal-visual{width:72px;min-width:72px;flex:0 0 72px;display:block} #discover-review .rows .portal-art{width:72px;height:90px;object-fit:cover} #discover-review .rows .portal-copy{padding:0;min-height:0;flex:1} #discover-review .portal-art.default-art{object-fit:contain;padding:4px} #discover-review .simple-item{display:block;padding:10px 0} #discover-review .simple-item h3{margin:0 0 4px} #discover-review .simple-item p{margin:3px 0;font-size:15px} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} .messages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.messages-heading p{margin:0}.account-context{margin-bottom:22px}.message-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:14px;margin-bottom:22px}.message-tab[aria-pressed=true]{border-color:var(--gold);background:#17233C}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.list-heading h2{margin:0}.filter-label{display:flex;align-items:center;gap:8px;font-size:16px}select,input,textarea{font:18px 'Alegreya',Alegreya,serif;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 12px;max-width:100%}.mail-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.mail-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--edge);background:var(--panel)}.mail-row:last-child{border-bottom:0}.mail-direction{font:14px 'Marcellus SC',serif;color:var(--muted);width:75px;flex-shrink:0}.mail-copy{flex:1;min-width:0}.mail-copy p{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.mail-subject{font:20px 'Alegreya',Alegreya,serif;text-decoration:none}.read-link{font:16px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.snapshot-count{margin-top:12px}.mail-empty{padding:40px 20px;text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel{padding:24px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel h2{margin-top:20px}.compose-panel label{display:block;margin:18px 0 6px}.compose-panel input,.compose-panel textarea,.compose-panel select{width:100%;background:var(--page)}.compose-panel textarea{resize:vertical;min-height:160px}.compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.back-link{padding:0;background:transparent;border:0;min-height:30px}.whisper-help{border-top:1px solid var(--edge);padding-top:8px}.whisper-help p{font-size:16px;max-width:720px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:600px){.messages-heading{flex-wrap:wrap;align-items:flex-start}.list-heading{flex-wrap:wrap}.mail-row{gap:10px;padding:16px;flex-wrap:wrap}.mail-direction{width:100%;font-size:13px}.mail-subject{font-size:19px}.read-link{font-size:14px}.compose-panel{padding:18px}} .selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:16px}.selection-heading label{display:flex;align-items:center;gap:8px}.mail-select,#select-visible{width:18px;height:18px;flex:0 0 18px;accent-color:var(--gold)}.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:12px;margin-bottom:12px}.bulk-actions button{font-size:14px;padding:8px 10px}.bulk-actions button:disabled{opacity:.5;cursor:default}.trash-preview-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--panel);border-bottom:1px solid var(--edge)} #discover-review .portal-grid.columns-3 .portal,#discover-review .portal-grid.columns-4 .portal{height:auto;min-height:0;align-self:start} #discover-review .portal-grid .portal .portal-copy{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;justify-content:flex-start;padding:10px 12px;gap:6px} #discover-review .portal-grid .portal .portal-copy .portal-footer{display:block;flex:0 0 auto;margin:0;padding:0;text-align:left} #discover-review .portal-grid .portal .portal-footer .tags{margin:0 0 5px;text-align:left} #discover-review .portal-grid .portal .portal-counts{margin:0} #discover-review .portal-grid .portal .card-meta{margin:0 0 3px;text-align:left} #discover-review .portal-grid .portal .tagline{margin:0;flex:0 0 auto} #discover-review .portal-grid.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #discover-review .portal-grid.rows .portal{display:flex;flex-direction:row;height:auto!important;min-height:0!important;padding:10px;gap:10px;align-items:flex-start} #discover-review .portal-grid.rows .portal .portal-visual{display:block;width:64px!important;min-width:64px;flex:0 0 64px!important} #discover-review .portal-grid.rows .portal .portal-art{width:64px!important;height:82px!important;min-height:0;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid.rows .portal .portal-copy{padding:0;flex:1 1 0;min-width:0;gap:5px;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-footer{margin-top:0!important;padding-top:0;text-align:left} #discover-review .portal-grid.rows .portal .portal-heading h3{font-size:16px} #discover-review .portal-grid.rows .portal .tagline{font-size:15px} #discover-review .portal-grid.rows .portal .tags,#discover-review .portal-grid.rows .portal .card-meta{font-size:13px;overflow-wrap:anywhere} @media(min-width:1200px){ #discover-review .world-results .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(5,minmax(0,1fr))} #discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%;height:130px!important} } @media(max-width:1000px){#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#discover-review .portal-grid.rows{grid-template-columns:1fr}} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:130px!important;width:100%!important;object-fit:cover} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important;min-height:0!important;align-self:stretch;box-sizing:border-box} #discover-review .portal-grid .portal .portal-copy{flex:0 0 auto;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-copy{flex:1 1 0} #discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;min-width:150px;flex:0 0 150px!important} #discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:150px!important;min-height:150px;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:150px!important;min-height:150px} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important} #discover-review .portal-grid:not(.rows):not(.list) .portal{min-height:300px!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{height:166px;display:flex;justify-content:center;align-items:center;padding:8px} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{width:150px;max-width:100%} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{display:block;width:150px!important;max-width:100%;height:150px!important;min-height:150px;object-fit:contain!important;padding:0} #discover-review .portal-grid .portal .tagline{display:block!important;-webkit-line-clamp:unset;overflow:visible!important} #discover-review .portal-grid.rows .portal .portal-copy{min-height:150px!important;gap:5px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{display:flex!important;flex-direction:column;flex:1 0 auto;gap:0;margin:0!important;padding:0} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer .tags{margin:8px 0 6px!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts{margin-top:auto!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts .card-meta:last-child{margin-bottom:0} #discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(150px,auto) auto;gap:8px 12px;align-content:start} #discover-review .portal-grid.rows .portal .portal-copy{display:flex;min-height:150px!important;height:100%;padding:0;gap:6px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{margin-top:auto!important;flex:0 0 auto} #discover-review .portal-grid.rows .portal>.row-bottom-tags{grid-column:1/-1;grid-row:2;margin:0;padding-top:7px;border-top:1px solid var(--edge);font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:left} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{display:block;width:100%;height:150px;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{display:block;width:100%;max-width:none} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%!important;max-width:none;height:150px!important;min-height:150px;object-fit:cover!important;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain!important;padding:5px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-copy{padding:12px;gap:10px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-footer .tags{margin:10px 0!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-counts{padding-top:4px} #discover-review .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(auto-fit,200px)!important;justify-content:start} #discover-review .portal-grid:not(.rows):not(.list) .portal{width:200px!important;height:350px!important;min-height:350px!important;max-height:350px;box-sizing:border-box} #discover-review .portal-grid:not(.list){display:grid!important;grid-template-columns:repeat(3,minmax(0,320px))!important;gap:65px 32px!important;justify-content:start;padding-top:30px;align-items:start} #discover-review .portal-grid:not(.list) .portal{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;overflow:visible!important} #discover-review .portal-grid .portal:before{content:'';position:absolute;inset:12px 12px;background:#0c1525;border-radius:12px;z-index:-1} #discover-review .portal-grid .portal:after{content:'';position:absolute;inset:0;background:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png") center/100% 100% no-repeat;pointer-events:none;z-index:4} #discover-review .portal-grid:not(.list) .portal .portal-visual{width:calc(100% - 24px)!important;min-width:0!important;height:195px!important;flex:0 0 195px!important;margin:12px 12px 0!important;padding:0!important;position:relative;overflow:hidden;border-radius:14px 14px 0 0} #discover-review .portal-grid:not(.list) .portal .destination-image{display:block;width:100%!important;max-width:none;height:195px} #discover-review .portal-grid:not(.list) .portal .portal-art{display:block;width:100%!important;height:195px!important;min-height:0!important;object-fit:cover!important;padding:0!important} #discover-review .portal-grid .portal .portal-art.default-art{object-fit:contain!important;padding:18px!important} #discover-review .portal-grid .portal .portal-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 30%,#0c152520 50%,#0c1525aa 76%,#0c1525)} #discover-review .portal-grid:not(.list) .portal .portal-copy{display:flex!important;flex-direction:column!important;padding:14px 27px 40px!important;gap:10px!important;height:273px!important;min-height:0!important;flex:0 0 273px!important} #discover-review .portal-grid .portal .portal-heading h3{font-size:24px!important;line-height:1.2;margin:0} #discover-review .portal-grid .portal .tagline{font-size:18px!important;line-height:1.35!important;margin:0!important} #discover-review .portal-grid .portal .portal-footer{display:flex!important;flex-direction:column!important;gap:8px;margin-top:auto!important;padding:0!important;text-align:center} #discover-review .portal-grid .portal .tags{font-size:16px!important;line-height:1.4;margin:8px 0!important;text-align:center} #discover-review .portal-grid .portal .portal-counts{border-top:1px solid #b68c48;padding-top:10px!important;width:100%;text-align:center} #discover-review .portal-grid .portal .card-meta{font-size:18px!important;line-height:1.3!important;text-align:center!important} #discover-review .portal .category-medallion{position:absolute;top:-23px;left:calc(50% - 44px);width:88px;height:88px;object-fit:contain;z-index:5;pointer-events:none} #discover-review section{margin-bottom:55px} @media(max-width:1000px){#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,320px))!important}} @media(max-width:600px){#discover-review .portal-grid:not(.list){display:block!important;padding-top:0}#discover-review .portal-grid:not(.list) .portal{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:22px;border-bottom:1px solid #615239!important;padding-bottom:18px!important}#discover-review .portal-grid .portal:before,#discover-review .portal-grid .portal:after,#discover-review .portal-grid .portal .portal-visual,#discover-review .portal .category-medallion{display:none!important}#discover-review .portal-grid:not(.list) .portal .portal-copy{height:auto!important;padding:0!important;display:block!important}#discover-review .portal-grid .portal .portal-footer,#discover-review .portal-grid .portal .tags,#discover-review .portal-grid .portal .card-meta{text-align:left!important}#discover-review .portal-grid .portal .portal-counts{border:0}#discover-review .portal-grid .portal .tagline{margin:8px 0!important}} @media(min-width:601px){ #discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;padding-top:15px} #discover-review .portal-grid:not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review .portal-grid:not(.list) .portal .portal-visual{height:180px!important;flex-basis:180px!important} #discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review .portal-grid:not(.list) .portal .portal-art{height:180px!important} #discover-review .portal-grid:not(.list) .portal .portal-copy{height:228px!important;flex-basis:228px!important;padding:10px 27px 26px!important;gap:7px!important} #discover-review .portal-grid .portal .portal-footer{margin-top:12px!important;gap:5px} #discover-review section{margin-bottom:30px} #discover-review .portal .category-medallion{width:72px;height:72px;left:calc(50% - 36px);top:-18px} } #discover-review .portal-grid .portal .portal-visual:has(.default-art) .default-art{visibility:hidden!important} #discover-review .portal-grid .portal .portal-visual:has(.default-art){background:radial-gradient(ellipse at 50% 20%,#1d3150 0%,#0c1525 75%)} @media(min-width:601px){ #discover-review .portal .category-medallion{top:-29px} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:100%!important;height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .portal-grid .portal .portal-art.default-art{display:none!important} } #discover-review .measurement-bar,#discover-review .measurement-label{display:none!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,380px))!important;justify-content:center} #discover-review#discover-review .portal-grid .tags{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px} #discover-review#discover-review .portal-grid .tags span{position:relative;isolation:isolate;display:inline-block;padding:5px 9px;background:#ac4235;color:#efdbac;font:16px/1.25 'Alegreya',Alegreya,serif;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #discover-review#discover-review .portal-grid .tags span:before{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(#29100e,#100a0c);clip-path:polygon(5.5px 0,calc(100% - 5.5px) 0,100% 5.5px,100% calc(100% - 5.5px),calc(100% - 5.5px) 100%,5.5px 100%,0 calc(100% - 5.5px),0 5.5px)} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(auto-fit,320px)!important;justify-content:center;gap:40px 28px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:320px!important;height:480px!important;min-height:480px!important;max-height:480px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:195px!important;flex-basis:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:273px!important;flex-basis:273px!important;padding:14px 30px 36px!important;gap:10px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{margin-top:auto!important;gap:8px} #discover-review#discover-review .portal .category-medallion{width:88px;height:88px;left:calc(50% - 44px);top:-23px} } #discover-review#discover-review .portal-grid .portal .portal-visual:after{background:linear-gradient(transparent 20%,#0c152530 45%,#0c1525bd 72%,#0c1525 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts{position:relative;border-top:0;padding-top:16px!important} #discover-review#discover-review .portal-grid .portal .portal-counts:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5a160,transparent)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{content:'◇';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#0c1525;color:#e5bf70;padding:0 6px;font-size:17px;line-height:1} #discover-review#discover-review .portal-grid .portal .card-meta{margin:0 0 4px!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:170px!important;flex-basis:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:298px!important;flex-basis:298px!important;padding:12px 25px 32px!important;gap:8px!important} #discover-review#discover-review .portal-grid .portal .tags{margin:6px 0!important;gap:5px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{gap:10px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal .portal-counts:before,#discover-review#discover-review .portal-grid .portal .portal-counts:after{display:none}} @media(min-width:601px){ #discover-review#discover-review .portal-grid .portal .portal-footer>.tags{width:100%!important;max-width:100%;align-self:stretch!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin-left:0!important;margin-right:0!important} } @media(max-width:600px){ #discover-review#discover-review .portal-grid{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid .portal,#discover-review#discover-review .simple-item{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #6b593b!important;background:none!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal:before,#discover-review#discover-review .portal-grid .portal:after,#discover-review#discover-review .portal-visual,#discover-review#discover-review .category-medallion{display:none!important} #discover-review#discover-review .portal-copy,#discover-review#discover-review .portal-heading,#discover-review#discover-review .portal-footer,#discover-review#discover-review .portal-counts{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;flex:none!important;text-align:left!important} #discover-review#discover-review .portal-heading h3,#discover-review#discover-review .simple-item h3{display:block!important;width:100%!important;margin:0 0 8px!important;font-size:23px!important;line-height:1.3!important} #discover-review#discover-review .simple-item>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important} #discover-review#discover-review .tagline{display:block!important;font-size:18px!important;line-height:1.4!important;margin:0 0 10px!important} #discover-review#discover-review .portal-grid .tags,#discover-review#discover-review .simple-item .tags,#discover-review#discover-review .row-bottom-tags{display:block!important;width:100%!important;margin:8px 0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important} #discover-review#discover-review .tags span{display:inline!important;background:none!important;clip-path:none!important;padding:0!important;border:0!important;color:#c4d8ef!important;font-size:16px!important} #discover-review#discover-review .tags span:before{display:none!important} #discover-review#discover-review .tags span:not(:last-child):after{content:' · '} #discover-review#discover-review .portal-counts:before,#discover-review#discover-review .portal-counts:after{display:none!important} #discover-review#discover-review .card-meta{display:block!important;font-size:18px!important;line-height:1.4!important;margin:6px 0 0!important;text-align:left!important} #discover-review#discover-review .simple-item a{white-space:normal!important} #discover-review#discover-review .simple-item .tags{order:initial!important} } @media(max-width:600px){ #discover-review .views,#discover-review .card-density{display:none!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 24px!important} #discover-review#discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:1fr!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;padding:24px 22px!important;gap:14px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;height:200px!important;min-width:150px!important;margin:0!important;flex:none!important;align-self:start} #discover-review#discover-review .portal-grid.rows .portal .destination-image,#discover-review#discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:200px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-copy{display:flex!important;width:auto!important;height:252px!important;min-height:0!important;max-height:252px!important;padding:0 0 12px!important;gap:7px!important;flex:none!important} #discover-review#discover-review .portal-grid.rows .portal .portal-heading h3{font-size:21px!important} #discover-review#discover-review .portal-grid.rows .portal .tagline{font-size:17px!important;line-height:1.3!important} #discover-review#discover-review .portal-grid.rows .portal .portal-footer{margin-top:auto!important;gap:6px!important} #discover-review#discover-review .portal-grid.rows .portal .tags span{font-size:14px!important;padding:4px 7px!important} #discover-review#discover-review .portal-grid.rows .portal .card-meta{font-size:16px!important} } @media(min-width:601px) and (max-width:1000px){#discover-review#discover-review .portal-grid.rows{grid-template-columns:1fr!important}} #discover-review#discover-review .portal-grid.list{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid.list .simple-item{display:block!important;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #354663} #discover-review#discover-review .portal-grid.list .simple-item>*{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:6px 0!important} #discover-review#discover-review .portal-grid.list .simple-item h3{margin:0 0 7px!important;font-size:23px;line-height:1.3} #discover-review#discover-review .portal-grid.list .simple-item .tagline{font-size:18px;line-height:1.4} #discover-review#discover-review .portal-grid.list .simple-item .tags{font-size:16px;line-height:1.5} #discover-review#discover-review .portal-grid.list .simple-item .card-meta{font-size:18px;line-height:1.4} @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows .portal:after{background:none!important;border:22px solid transparent;box-sizing:border-box;border-image-source:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png");border-image-slice:110;border-image-width:22px;border-image-repeat:stretch} #discover-review#discover-review .portal-grid.rows .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid.rows .portal .category-medallion{left:61px;top:-23px} } .discovery-masthead{position:relative;margin:0 0 20px}.discovery-masthead>img{display:block;width:100%;height:auto}.discovery-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.discovery-masthead-copy h1{font-size:clamp(22px,2.6vw,34px);text-shadow:0 2px 8px #000}.discovery-masthead-copy p{margin:8px 0 0}@media(max-width:600px){.discovery-masthead-copy{position:static;padding:12px 0}.discovery-masthead-copy h1{font-size:24px}} .discovery-masthead{background:#070d1c} .discovery-masthead>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } .community-heading{margin-bottom:26px}.community-heading p{margin-bottom:0;max-width:760px}.community-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;align-items:start}.community-board{min-width:0}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.board-heading h2{margin-bottom:8px}.board-heading p{font-size:16px;max-width:470px;margin:0}.board-heading .button{flex-shrink:0}.thread-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--edge)}.thread-row:last-child{border-bottom:0}.thread-row>div{min-width:0}.thread-row h3{font:20px/1.35 'Alegreya',Alegreya,serif;margin:0}.thread-row h3 a{text-decoration:none}.thread-row p{font-size:15px;margin:8px 0 0}.thread-open{font:15px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.more-discussions{margin:14px 0 18px}.browse-board{margin-top:0}.community-links{list-style:none;margin:0;padding:0}.community-links li{border-top:1px solid var(--edge);padding:14px 0}.community-links li:last-child{padding-bottom:0}.community-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font:17px 'Marcellus SC',serif;text-decoration:none}.community-links p{font-size:15px;margin:7px 0 0}.community-guides .side-panel{margin-bottom:18px}.community-guides h2{font-size:20px}.community-board a:hover,.community-links a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:800px){.community-layout{grid-template-columns:1fr}.community-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-heading{flex-wrap:wrap}}@media(max-width:480px){.community-guides{grid-template-columns:1fr}.thread-row{gap:12px;padding:16px;align-items:flex-start}.thread-row h3{font-size:19px}.thread-open{font-size:14px}.board-heading .button{min-height:44px}} .account-overview-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}#account-review section{border-bottom:1px solid #354663;padding:18px 0} .location-columns{display:block!important}#characters-review .portrait{width:150px;height:150px;object-fit:cover} #characters-review .page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:22px 0} #characters-review .heading-identity{display:flex;align-items:center;gap:16px;min-width:0} #characters-review .heading-icon{display:block;width:72px!important;height:72px!important;max-width:72px;object-fit:contain;flex:0 0 72px} #characters-review .heading-identity h1{margin:0 0 5px} #characters-review .heading-identity p{margin:0} @media(max-width:600px){#characters-review .heading-icon{width:56px!important;height:56px!important;max-width:56px;flex-basis:56px}} body .page-scroll{background:linear-gradient(#030b1699,#030b1655),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png") center top/cover fixed} #characters-review{max-width:1120px;padding-top:28px;padding-bottom:60px} #characters-review .account-overview-links{margin-bottom:32px} #characters-review .page-heading{justify-content:center;position:relative;display:block;text-align:center;margin:25px 0 38px} #characters-review .heading-identity{display:block} #characters-review .heading-icon{display:none} #characters-review .heading-identity h1{font:400 clamp(32px,4.5vw,58px)/1.2 'Cinzel Decorative',serif;color:#e9c88a;margin-bottom:14px} #characters-review .heading-identity p{font-size:20px;letter-spacing:1px} #characters-review #create-toggle{margin-top:22px} #characters-review .character-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:30px} #characters-review .character{display:flex;flex-direction:column;gap:0;background:#04101deb;border:1px solid #e0bb74;border-radius:16px;padding:6px;box-shadow:inset 0 0 0 3px #071320,0 0 0 3px #94703d66;overflow:hidden} #characters-review .character .portrait{width:100%!important;height:285px!important;object-fit:cover;border-radius:11px 11px 0 0;border:1px solid #bd9959;display:block} #characters-review .character-info{display:block;padding:18px 17px 10px;text-align:center} #characters-review .character-info h2{font:400 27px/1.25 'Cinzel',serif;color:#e9c88a;margin:0 0 9px} #characters-review .identity p{font-size:18px;color:#b3cbe6;margin:0} #characters-review .manage{margin-top:14px} #characters-review .manage summary{font-size:17px} #characters-review .manage-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:12px} #characters-review .actions{display:flex;flex-direction:column;gap:9px;padding:12px 17px 18px;margin-top:auto} #characters-review .actions button{width:100%;font-size:16px} #characters-review .actions .primary{background:linear-gradient(#65152a,#310b1a);border:1px solid #d9ac65;color:#f0d8a2} #characters-review .note{margin-top:35px;font-size:15px} @media(max-width:600px){#characters-review .character-gallery{grid-template-columns:minmax(0,340px)}body .page-scroll{background-attachment:scroll}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} #characters-review .character-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start} #characters-review .character{position:relative;border-radius:12px;padding:5px;background:rgba(2,12,23,.82);box-shadow:inset 0 0 0 2px #06101c,inset 0 0 0 3px #b38e52,0 0 0 1px #d7b67966} #characters-review .character:after{content:'';position:absolute;inset:9px;border:1px solid #d8b77955;border-radius:8px;pointer-events:none} #characters-review .character .portrait,#characters-review .new-character-art{width:100%!important;height:auto!important;aspect-ratio:1;object-fit:cover;border-radius:9px 9px 20px 20px;border:1px solid #c3a262} #characters-review .character-info{padding:14px 18px 16px} #characters-review .identity h2{font-size:27px;margin:0 0 8px} #characters-review .identity p{font-size:16px;line-height:1.4;font-style:italic;min-height:23px} #characters-review .identity:after{content:'✧';display:block;color:#d7b679;line-height:1;margin:8px auto;width:75%;background:linear-gradient(90deg,transparent,#b28c4f66,transparent)} #characters-review .manage{margin:10px 0 0} #characters-review .manage>summary,#characters-review .new-character-action{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:11px 12px;border:1px solid #d7ad64;border-radius:13px;background:linear-gradient(#68132a,#310b1b);color:#f0d8a2;font:16px 'Marcellus SC',serif;list-style:none;cursor:pointer} #characters-review .manage>summary::-webkit-details-marker{display:none} #characters-review .manage .actions{padding:10px 0 0} #characters-review .manage-tools{padding-top:8px} #characters-review .new-character-art{display:grid;place-items:center;background:linear-gradient(#06101a44,#06101a44),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png") center/cover} #characters-review .new-character-compass{display:grid;place-items:center;width:60%;aspect-ratio:1;border:1px solid #caa45c;border-radius:50%;color:#e5bf76;font-size:100px;text-shadow:0 0 16px #d4b67477;outline:1px solid #b28c4f55;outline-offset:14px} #characters-review .new-character-action{margin-top:10px} @media(max-width:900px){#characters-review .character-gallery{grid-template-columns:repeat(2,minmax(0,340px))}} @media(max-width:600px){#characters-review .character-gallery{grid-template-columns:minmax(0,340px)}} #characters-review .identity:after{display:none} #characters-review .character-divider{position:relative;width:76%;height:1px;margin:11px auto 13px;background:linear-gradient(90deg,transparent,#c3a064,transparent)} #characters-review .character-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 5px;background:#06111e;color:#e0bc78;font:16px/1 Alegreya,serif} #characters-review .manage>summary,#characters-review .new-character-action{appearance:none;background:linear-gradient(#691329,#310a18)!important;background-image:linear-gradient(#691329,#310a18)!important;border:1px solid #d7ad64!important;border-radius:12px!important;box-shadow:inset 0 0 0 2px #350b1b!important;clip-path:none!important;min-height:46px;height:auto;padding:11px 12px!important;margin:12px 0 0!important;color:#f0d8a2!important;font:16px/1.3 'Marcellus SC',serif!important;letter-spacing:1px;text-transform:none} #characters-review .manage>summary:before,#characters-review .manage>summary:after,#characters-review .new-character-action:before,#characters-review .new-character-action:after{display:none!important} #characters-review .manage>summary:hover,#characters-review .new-character-action:hover{filter:brightness(1.15)} #characters-review .new-character-default{display:block;width:70%;max-width:220px;height:auto;aspect-ratio:1;object-fit:contain} #characters-review .new-character .character-info{padding-top:14px} #characters-review .character{overflow:hidden;padding:9px} #characters-review .character .portrait,#characters-review .new-character-art{position:relative;display:block;width:100%!important;border-radius:10px 10px 23px 23px;clip-path:inset(0 round 10px 10px 23px 23px);overflow:hidden} #characters-review .new-character-art{display:grid} #characters-review .character:after{inset:6px;border-radius:9px;z-index:4} #characters-review .card-corner{position:absolute;width:30px;height:30px;z-index:5;pointer-events:none} #characters-review .card-corner svg{display:block;width:100%;height:100%} #characters-review .top-left{left:2px;top:2px} #characters-review .top-right{right:2px;top:2px;transform:scaleX(-1)} #characters-review .bottom-left{left:2px;bottom:2px;transform:scaleY(-1)} #characters-review .bottom-right{right:2px;bottom:2px;transform:scale(-1)} #characters-review .character-info{position:relative} #characters-review .character-info:before{content:'✦';position:absolute;left:0;top:-9px;color:#e6c486;font-size:15px;line-height:1;text-shadow:0 0 4px #06111e} #characters-review .character-info:after{content:'✦';position:absolute;right:0;top:-9px;color:#e6c486;font-size:15px;line-height:1;text-shadow:0 0 4px #06111e;pointer-events:none} #characters-review .manage>summary,#characters-review .new-character-action{isolation:isolate;position:relative;border:0!important;border-radius:0!important;background:#d7ad64!important;box-shadow:none!important;clip-path:polygon(9px 0,calc(100% - 9px) 0,calc(100% - 9px) 5px,100% 9px,100% calc(100% - 9px),calc(100% - 9px) calc(100% - 5px),calc(100% - 9px) 100%,9px 100%,9px calc(100% - 5px),0 calc(100% - 9px),0 9px,9px 5px)!important} #characters-review .manage>summary:before,#characters-review .new-character-action:before{content:'';display:block!important;position:absolute;inset:1px;z-index:-1;background:linear-gradient(#691329,#310a18);clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 5px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 5px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 5px),0 calc(100% - 8px),0 8px,8px 5px)} #characters-review .character-info{padding:13px 16px 14px} #characters-review .character-divider{margin:9px auto 11px} #characters-review .manage{margin-top:8px} #characters-review .manage>summary,#characters-review .new-character-action{margin-top:8px!important;letter-spacing:.8px} #characters-review .card-corner{width:38px;height:38px} #characters-review .character{border-color:#e8c98c;box-shadow:inset 0 0 0 2px #06101c,inset 0 0 0 3px #b38e52,0 0 0 1px #d7b67988} #characters-review .manage>summary:before,#characters-review .new-character-action:before{inset:2px!important} #characters-review .manage>summary,#characters-review .new-character-action{background:linear-gradient(115deg,#9b713a,#f2d69a 35%,#bd8d48 65%,#efcf8b)!important} #characters-review .character-info:before,#characters-review .character-info:after{display:none!important} .character-masthead{margin-bottom:8px}#characters-review .character-masthead h1{font:400 clamp(26px,3vw,38px)/1.2 "Cinzel Decorative",serif;color:#e4c581;margin:0 0 8px}#characters-review .account-overview-links{margin-bottom:24px} #characters-review .character-masthead{background:transparent!important} #characters-review .character-masthead>img{mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%)} @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 4: chronicle, discussion */ @scope (:root[data-haven-style="chronicle"], :root[data-haven-style="discussion"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} .community-heading{margin-bottom:26px}.community-heading p{margin-bottom:0;max-width:760px}.community-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;align-items:start}.community-board{min-width:0}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.board-heading h2{margin-bottom:8px}.board-heading p{font-size:16px;max-width:470px;margin:0}.board-heading .button{flex-shrink:0}.thread-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--edge)}.thread-row:last-child{border-bottom:0}.thread-row>div{min-width:0}.thread-row h3{font:20px/1.35 'Alegreya',Alegreya,serif;margin:0}.thread-row h3 a{text-decoration:none}.thread-row p{font-size:15px;margin:8px 0 0}.thread-open{font:15px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.more-discussions{margin:14px 0 18px}.browse-board{margin-top:0}.community-links{list-style:none;margin:0;padding:0}.community-links li{border-top:1px solid var(--edge);padding:14px 0}.community-links li:last-child{padding-bottom:0}.community-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font:17px 'Marcellus SC',serif;text-decoration:none}.community-links p{font-size:15px;margin:7px 0 0}.community-guides .side-panel{margin-bottom:18px}.community-guides h2{font-size:20px}.community-board a:hover,.community-links a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:800px){.community-layout{grid-template-columns:1fr}.community-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-heading{flex-wrap:wrap}}@media(max-width:480px){.community-guides{grid-template-columns:1fr}.thread-row{gap:12px;padding:16px;align-items:flex-start}.thread-row h3{font-size:19px}.thread-open{font-size:14px}.board-heading .button{min-height:44px}} body{background:#090e19}.chronicle-masthead{display:block;width:100%;height:auto;margin-bottom:22px}.chronicle-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.chronicle-tabs button[aria-pressed=true]{border-color:var(--gold);background:#263047}.edition-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.notice{padding:22px;background:var(--panel);border:1px solid var(--edge);margin:12px 0;border-radius:5px}.notice h2{margin-bottom:8px}.notice p:last-child{margin-bottom:0}.notice small{color:var(--muted)}.reading{max-width:820px;margin:auto}.reading p{line-height:1.65}.reply{border-left:2px solid #766647;padding:16px 20px;margin:16px 0;background:#101a30}.reply p{margin:8px 0 0}.reply-tools{display:flex;gap:8px;flex-wrap:wrap}textarea{display:block;width:100%;min-height:160px;background:#090e19;color:var(--text);font:18px Alegreya,serif;padding:14px;border:1px solid var(--edge);margin:14px 0}.prototype{font-size:15px;border-left:2px solid var(--gold);padding:10px 14px}.site-header{padding-top:8px;padding-bottom:8px}.site-nav{margin:auto}.edition-empty{padding:24px;border:1px dashed var(--edge)}.thread-open{display:inline-block;margin-top:10px} .site-footer nav{display:flex;flex-wrap:wrap;gap:0;justify-content:center}.site-footer nav a,.site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center;transition:color .15s,background .15s,box-shadow .15s}.site-footer nav a:hover,.site-footer nav a:focus-visible,.site-nav a:hover,.site-nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none}.site-footer nav a:focus-visible,.site-nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px}.site-footer nav a+a{border-left:1px solid #8a734b}@media(max-width:650px){.site-footer nav{display:grid;grid-template-columns:1fr 1fr;width:100%}.site-footer nav a{justify-content:center;text-align:center}.site-footer nav a:nth-child(odd){border-left:0}}@media(max-width:380px){.site-footer nav{grid-template-columns:1fr}.site-footer nav a+a{border-left:0}}@media(prefers-reduced-motion:reduce){.site-footer nav a,.site-nav a{transition:none}} .chronicle-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.chronicle-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chronicle-tabs button{white-space:normal;min-width:0}@media(max-width:650px){.chronicle-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.chronicle-tabs{grid-template-columns:1fr}} .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.edition-line:has(.chronicle-actions){justify-content:flex-end;margin-bottom:12px} .chronicle-edition-details{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-14px 2.5% 16px;padding:7px 12px;color:#3a2816;background:linear-gradient(110deg,#d8bd91,#efdcba 48%,#d8bd91);border:1px solid #896638;box-shadow:inset 0 0 0 2px #d6b983;font:600 13px/1.4 'Cinzel',Alegreya,serif;letter-spacing:.5px}.chronicle-edition-details .edition-placeholder{font-weight:400;font-size:11px}@media(max-width:480px){.chronicle-edition-details{font-size:11px;padding:7px 8px;letter-spacing:0}} .chronicle-banner{position:relative;margin-bottom:14px}.chronicle-banner .chronicle-masthead{margin:0}.chronicle-banner nav.masthead-categories{position:absolute;left:2.5%;right:2.5%;top:79.5%;height:12%;display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:0;margin:0}.chronicle-banner .masthead-categories button,.chronicle-banner .masthead-categories a{flex:1 1 0;min-width:0;min-height:0;padding:2px 5px;font:600 clamp(10px,1.15vw,15px)/1.15 'Cinzel',Alegreya,serif;color:#302012;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;text-align:center;display:flex;justify-content:center;align-items:center;text-decoration:none}.chronicle-banner .masthead-categories button+button{border-left:1px solid #826335}.chronicle-banner .masthead-categories button:after{display:none}.chronicle-banner .masthead-categories button:hover,.chronicle-banner .masthead-categories a:hover{background:#9f69252b;color:#140c03}.chronicle-banner .masthead-categories button[aria-pressed=true]{background:#a16d2933;box-shadow:inset 0 -2px #805621}.chronicle-banner .masthead-categories button:focus-visible,.chronicle-banner .masthead-categories a:focus-visible{outline:2px solid #624213;outline-offset:-2px;box-shadow:none}@media(max-width:650px){.chronicle-banner nav.masthead-categories{position:relative;inset:auto;height:auto;display:flex;flex-wrap:wrap;background:#ddc39a;border:1px solid #96703e;padding:4px}.chronicle-banner .masthead-categories button,.chronicle-banner .masthead-categories a{flex:1 1 30%;min-height:44px;font-size:12px}} .chronicle-established{position:absolute;z-index:1;left:19%;top:16%;font:600 clamp(9px,1.1vw,14px)/1.2 'Cinzel',Alegreya,serif;color:#382314;text-shadow:0 1px #f0dcb7}.current-edition{margin:0;color:var(--gold);font:16px/1.4 'Cinzel',Alegreya,serif}.edition-line:has(.chronicle-actions){justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.reading .current-edition{margin-bottom:12px}@media(max-width:480px){.current-edition{font-size:14px}} .chronicle-banner nav.masthead-categories{left:14.5%;right:2.5%}@media(max-width:650px){.chronicle-banner nav.masthead-categories{left:auto;right:auto}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid{gap:12px;align-items:start} #discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:auto;min-height:0} #discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:130px;width:100%;object-fit:cover} #discover-review .portal .destination-image{display:block;max-width:100%} #discover-review .portal .destination-name{color:var(--gold);text-decoration:none} #discover-review .portal .destination-name:hover{text-decoration:underline} #discover-review .portal a:focus-visible,#discover-review .simple-item a:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} #discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{padding:10px;gap:6px} #discover-review .portal .portal-heading h3{margin:0;font-size:18px} #discover-review .portal .tagline{font-size:16px;margin:0;display:block;overflow:visible} #discover-review .portal .portal-footer{display:block;margin-top:6px;padding-top:0;text-align:left} #discover-review .portal .portal-footer .tags,#discover-review .portal .card-meta{margin:3px 0;font-size:14px;text-align:left} #discover-review .rows .portal{display:flex;min-height:0;height:auto;padding:10px;gap:12px;align-items:flex-start} #discover-review .rows .portal-visual{width:72px;min-width:72px;flex:0 0 72px;display:block} #discover-review .rows .portal-art{width:72px;height:90px;object-fit:cover} #discover-review .rows .portal-copy{padding:0;min-height:0;flex:1} #discover-review .portal-art.default-art{object-fit:contain;padding:4px} #discover-review .simple-item{display:block;padding:10px 0} #discover-review .simple-item h3{margin:0 0 4px} #discover-review .simple-item p{margin:3px 0;font-size:15px} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} .messages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.messages-heading p{margin:0}.account-context{margin-bottom:22px}.message-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:14px;margin-bottom:22px}.message-tab[aria-pressed=true]{border-color:var(--gold);background:#17233C}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.list-heading h2{margin:0}.filter-label{display:flex;align-items:center;gap:8px;font-size:16px}select,input,textarea{font:18px 'Alegreya',Alegreya,serif;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 12px;max-width:100%}.mail-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.mail-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--edge);background:var(--panel)}.mail-row:last-child{border-bottom:0}.mail-direction{font:14px 'Marcellus SC',serif;color:var(--muted);width:75px;flex-shrink:0}.mail-copy{flex:1;min-width:0}.mail-copy p{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.mail-subject{font:20px 'Alegreya',Alegreya,serif;text-decoration:none}.read-link{font:16px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.snapshot-count{margin-top:12px}.mail-empty{padding:40px 20px;text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel{padding:24px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel h2{margin-top:20px}.compose-panel label{display:block;margin:18px 0 6px}.compose-panel input,.compose-panel textarea,.compose-panel select{width:100%;background:var(--page)}.compose-panel textarea{resize:vertical;min-height:160px}.compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.back-link{padding:0;background:transparent;border:0;min-height:30px}.whisper-help{border-top:1px solid var(--edge);padding-top:8px}.whisper-help p{font-size:16px;max-width:720px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:600px){.messages-heading{flex-wrap:wrap;align-items:flex-start}.list-heading{flex-wrap:wrap}.mail-row{gap:10px;padding:16px;flex-wrap:wrap}.mail-direction{width:100%;font-size:13px}.mail-subject{font-size:19px}.read-link{font-size:14px}.compose-panel{padding:18px}} .selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:16px}.selection-heading label{display:flex;align-items:center;gap:8px}.mail-select,#select-visible{width:18px;height:18px;flex:0 0 18px;accent-color:var(--gold)}.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:12px;margin-bottom:12px}.bulk-actions button{font-size:14px;padding:8px 10px}.bulk-actions button:disabled{opacity:.5;cursor:default}.trash-preview-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--panel);border-bottom:1px solid var(--edge)} #discover-review .portal-grid.columns-3 .portal,#discover-review .portal-grid.columns-4 .portal{height:auto;min-height:0;align-self:start} #discover-review .portal-grid .portal .portal-copy{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;justify-content:flex-start;padding:10px 12px;gap:6px} #discover-review .portal-grid .portal .portal-copy .portal-footer{display:block;flex:0 0 auto;margin:0;padding:0;text-align:left} #discover-review .portal-grid .portal .portal-footer .tags{margin:0 0 5px;text-align:left} #discover-review .portal-grid .portal .portal-counts{margin:0} #discover-review .portal-grid .portal .card-meta{margin:0 0 3px;text-align:left} #discover-review .portal-grid .portal .tagline{margin:0;flex:0 0 auto} #discover-review .portal-grid.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #discover-review .portal-grid.rows .portal{display:flex;flex-direction:row;height:auto!important;min-height:0!important;padding:10px;gap:10px;align-items:flex-start} #discover-review .portal-grid.rows .portal .portal-visual{display:block;width:64px!important;min-width:64px;flex:0 0 64px!important} #discover-review .portal-grid.rows .portal .portal-art{width:64px!important;height:82px!important;min-height:0;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid.rows .portal .portal-copy{padding:0;flex:1 1 0;min-width:0;gap:5px;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-footer{margin-top:0!important;padding-top:0;text-align:left} #discover-review .portal-grid.rows .portal .portal-heading h3{font-size:16px} #discover-review .portal-grid.rows .portal .tagline{font-size:15px} #discover-review .portal-grid.rows .portal .tags,#discover-review .portal-grid.rows .portal .card-meta{font-size:13px;overflow-wrap:anywhere} @media(min-width:1200px){ #discover-review .world-results .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(5,minmax(0,1fr))} #discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%;height:130px!important} } @media(max-width:1000px){#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#discover-review .portal-grid.rows{grid-template-columns:1fr}} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:130px!important;width:100%!important;object-fit:cover} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important;min-height:0!important;align-self:stretch;box-sizing:border-box} #discover-review .portal-grid .portal .portal-copy{flex:0 0 auto;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-copy{flex:1 1 0} #discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;min-width:150px;flex:0 0 150px!important} #discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:150px!important;min-height:150px;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:150px!important;min-height:150px} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important} #discover-review .portal-grid:not(.rows):not(.list) .portal{min-height:300px!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{height:166px;display:flex;justify-content:center;align-items:center;padding:8px} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{width:150px;max-width:100%} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{display:block;width:150px!important;max-width:100%;height:150px!important;min-height:150px;object-fit:contain!important;padding:0} #discover-review .portal-grid .portal .tagline{display:block!important;-webkit-line-clamp:unset;overflow:visible!important} #discover-review .portal-grid.rows .portal .portal-copy{min-height:150px!important;gap:5px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{display:flex!important;flex-direction:column;flex:1 0 auto;gap:0;margin:0!important;padding:0} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer .tags{margin:8px 0 6px!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts{margin-top:auto!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts .card-meta:last-child{margin-bottom:0} #discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(150px,auto) auto;gap:8px 12px;align-content:start} #discover-review .portal-grid.rows .portal .portal-copy{display:flex;min-height:150px!important;height:100%;padding:0;gap:6px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{margin-top:auto!important;flex:0 0 auto} #discover-review .portal-grid.rows .portal>.row-bottom-tags{grid-column:1/-1;grid-row:2;margin:0;padding-top:7px;border-top:1px solid var(--edge);font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:left} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{display:block;width:100%;height:150px;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{display:block;width:100%;max-width:none} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%!important;max-width:none;height:150px!important;min-height:150px;object-fit:cover!important;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain!important;padding:5px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-copy{padding:12px;gap:10px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-footer .tags{margin:10px 0!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-counts{padding-top:4px} #discover-review .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(auto-fit,200px)!important;justify-content:start} #discover-review .portal-grid:not(.rows):not(.list) .portal{width:200px!important;height:350px!important;min-height:350px!important;max-height:350px;box-sizing:border-box} #discover-review .portal-grid:not(.list){display:grid!important;grid-template-columns:repeat(3,minmax(0,320px))!important;gap:65px 32px!important;justify-content:start;padding-top:30px;align-items:start} #discover-review .portal-grid:not(.list) .portal{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;overflow:visible!important} #discover-review .portal-grid .portal:before{content:'';position:absolute;inset:12px 12px;background:#0c1525;border-radius:12px;z-index:-1} #discover-review .portal-grid .portal:after{content:'';position:absolute;inset:0;background:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png") center/100% 100% no-repeat;pointer-events:none;z-index:4} #discover-review .portal-grid:not(.list) .portal .portal-visual{width:calc(100% - 24px)!important;min-width:0!important;height:195px!important;flex:0 0 195px!important;margin:12px 12px 0!important;padding:0!important;position:relative;overflow:hidden;border-radius:14px 14px 0 0} #discover-review .portal-grid:not(.list) .portal .destination-image{display:block;width:100%!important;max-width:none;height:195px} #discover-review .portal-grid:not(.list) .portal .portal-art{display:block;width:100%!important;height:195px!important;min-height:0!important;object-fit:cover!important;padding:0!important} #discover-review .portal-grid .portal .portal-art.default-art{object-fit:contain!important;padding:18px!important} #discover-review .portal-grid .portal .portal-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 30%,#0c152520 50%,#0c1525aa 76%,#0c1525)} #discover-review .portal-grid:not(.list) .portal .portal-copy{display:flex!important;flex-direction:column!important;padding:14px 27px 40px!important;gap:10px!important;height:273px!important;min-height:0!important;flex:0 0 273px!important} #discover-review .portal-grid .portal .portal-heading h3{font-size:24px!important;line-height:1.2;margin:0} #discover-review .portal-grid .portal .tagline{font-size:18px!important;line-height:1.35!important;margin:0!important} #discover-review .portal-grid .portal .portal-footer{display:flex!important;flex-direction:column!important;gap:8px;margin-top:auto!important;padding:0!important;text-align:center} #discover-review .portal-grid .portal .tags{font-size:16px!important;line-height:1.4;margin:8px 0!important;text-align:center} #discover-review .portal-grid .portal .portal-counts{border-top:1px solid #b68c48;padding-top:10px!important;width:100%;text-align:center} #discover-review .portal-grid .portal .card-meta{font-size:18px!important;line-height:1.3!important;text-align:center!important} #discover-review .portal .category-medallion{position:absolute;top:-23px;left:calc(50% - 44px);width:88px;height:88px;object-fit:contain;z-index:5;pointer-events:none} #discover-review section{margin-bottom:55px} @media(max-width:1000px){#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,320px))!important}} @media(max-width:600px){#discover-review .portal-grid:not(.list){display:block!important;padding-top:0}#discover-review .portal-grid:not(.list) .portal{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:22px;border-bottom:1px solid #615239!important;padding-bottom:18px!important}#discover-review .portal-grid .portal:before,#discover-review .portal-grid .portal:after,#discover-review .portal-grid .portal .portal-visual,#discover-review .portal .category-medallion{display:none!important}#discover-review .portal-grid:not(.list) .portal .portal-copy{height:auto!important;padding:0!important;display:block!important}#discover-review .portal-grid .portal .portal-footer,#discover-review .portal-grid .portal .tags,#discover-review .portal-grid .portal .card-meta{text-align:left!important}#discover-review .portal-grid .portal .portal-counts{border:0}#discover-review .portal-grid .portal .tagline{margin:8px 0!important}} @media(min-width:601px){ #discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;padding-top:15px} #discover-review .portal-grid:not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review .portal-grid:not(.list) .portal .portal-visual{height:180px!important;flex-basis:180px!important} #discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review .portal-grid:not(.list) .portal .portal-art{height:180px!important} #discover-review .portal-grid:not(.list) .portal .portal-copy{height:228px!important;flex-basis:228px!important;padding:10px 27px 26px!important;gap:7px!important} #discover-review .portal-grid .portal .portal-footer{margin-top:12px!important;gap:5px} #discover-review section{margin-bottom:30px} #discover-review .portal .category-medallion{width:72px;height:72px;left:calc(50% - 36px);top:-18px} } #discover-review .portal-grid .portal .portal-visual:has(.default-art) .default-art{visibility:hidden!important} #discover-review .portal-grid .portal .portal-visual:has(.default-art){background:radial-gradient(ellipse at 50% 20%,#1d3150 0%,#0c1525 75%)} @media(min-width:601px){ #discover-review .portal .category-medallion{top:-29px} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:100%!important;height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .portal-grid .portal .portal-art.default-art{display:none!important} } #discover-review .measurement-bar,#discover-review .measurement-label{display:none!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,380px))!important;justify-content:center} #discover-review#discover-review .portal-grid .tags{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px} #discover-review#discover-review .portal-grid .tags span{position:relative;isolation:isolate;display:inline-block;padding:5px 9px;background:#ac4235;color:#efdbac;font:16px/1.25 'Alegreya',Alegreya,serif;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #discover-review#discover-review .portal-grid .tags span:before{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(#29100e,#100a0c);clip-path:polygon(5.5px 0,calc(100% - 5.5px) 0,100% 5.5px,100% calc(100% - 5.5px),calc(100% - 5.5px) 100%,5.5px 100%,0 calc(100% - 5.5px),0 5.5px)} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(auto-fit,320px)!important;justify-content:center;gap:40px 28px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:320px!important;height:480px!important;min-height:480px!important;max-height:480px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:195px!important;flex-basis:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:273px!important;flex-basis:273px!important;padding:14px 30px 36px!important;gap:10px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{margin-top:auto!important;gap:8px} #discover-review#discover-review .portal .category-medallion{width:88px;height:88px;left:calc(50% - 44px);top:-23px} } #discover-review#discover-review .portal-grid .portal .portal-visual:after{background:linear-gradient(transparent 20%,#0c152530 45%,#0c1525bd 72%,#0c1525 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts{position:relative;border-top:0;padding-top:16px!important} #discover-review#discover-review .portal-grid .portal .portal-counts:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5a160,transparent)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{content:'◇';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#0c1525;color:#e5bf70;padding:0 6px;font-size:17px;line-height:1} #discover-review#discover-review .portal-grid .portal .card-meta{margin:0 0 4px!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:170px!important;flex-basis:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:298px!important;flex-basis:298px!important;padding:12px 25px 32px!important;gap:8px!important} #discover-review#discover-review .portal-grid .portal .tags{margin:6px 0!important;gap:5px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{gap:10px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal .portal-counts:before,#discover-review#discover-review .portal-grid .portal .portal-counts:after{display:none}} @media(min-width:601px){ #discover-review#discover-review .portal-grid .portal .portal-footer>.tags{width:100%!important;max-width:100%;align-self:stretch!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin-left:0!important;margin-right:0!important} } @media(max-width:600px){ #discover-review#discover-review .portal-grid{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid .portal,#discover-review#discover-review .simple-item{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #6b593b!important;background:none!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal:before,#discover-review#discover-review .portal-grid .portal:after,#discover-review#discover-review .portal-visual,#discover-review#discover-review .category-medallion{display:none!important} #discover-review#discover-review .portal-copy,#discover-review#discover-review .portal-heading,#discover-review#discover-review .portal-footer,#discover-review#discover-review .portal-counts{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;flex:none!important;text-align:left!important} #discover-review#discover-review .portal-heading h3,#discover-review#discover-review .simple-item h3{display:block!important;width:100%!important;margin:0 0 8px!important;font-size:23px!important;line-height:1.3!important} #discover-review#discover-review .simple-item>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important} #discover-review#discover-review .tagline{display:block!important;font-size:18px!important;line-height:1.4!important;margin:0 0 10px!important} #discover-review#discover-review .portal-grid .tags,#discover-review#discover-review .simple-item .tags,#discover-review#discover-review .row-bottom-tags{display:block!important;width:100%!important;margin:8px 0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important} #discover-review#discover-review .tags span{display:inline!important;background:none!important;clip-path:none!important;padding:0!important;border:0!important;color:#c4d8ef!important;font-size:16px!important} #discover-review#discover-review .tags span:before{display:none!important} #discover-review#discover-review .tags span:not(:last-child):after{content:' · '} #discover-review#discover-review .portal-counts:before,#discover-review#discover-review .portal-counts:after{display:none!important} #discover-review#discover-review .card-meta{display:block!important;font-size:18px!important;line-height:1.4!important;margin:6px 0 0!important;text-align:left!important} #discover-review#discover-review .simple-item a{white-space:normal!important} #discover-review#discover-review .simple-item .tags{order:initial!important} } @media(max-width:600px){ #discover-review .views,#discover-review .card-density{display:none!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 24px!important} #discover-review#discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:1fr!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;padding:24px 22px!important;gap:14px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;height:200px!important;min-width:150px!important;margin:0!important;flex:none!important;align-self:start} #discover-review#discover-review .portal-grid.rows .portal .destination-image,#discover-review#discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:200px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-copy{display:flex!important;width:auto!important;height:252px!important;min-height:0!important;max-height:252px!important;padding:0 0 12px!important;gap:7px!important;flex:none!important} #discover-review#discover-review .portal-grid.rows .portal .portal-heading h3{font-size:21px!important} #discover-review#discover-review .portal-grid.rows .portal .tagline{font-size:17px!important;line-height:1.3!important} #discover-review#discover-review .portal-grid.rows .portal .portal-footer{margin-top:auto!important;gap:6px!important} #discover-review#discover-review .portal-grid.rows .portal .tags span{font-size:14px!important;padding:4px 7px!important} #discover-review#discover-review .portal-grid.rows .portal .card-meta{font-size:16px!important} } @media(min-width:601px) and (max-width:1000px){#discover-review#discover-review .portal-grid.rows{grid-template-columns:1fr!important}} #discover-review#discover-review .portal-grid.list{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid.list .simple-item{display:block!important;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #354663} #discover-review#discover-review .portal-grid.list .simple-item>*{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:6px 0!important} #discover-review#discover-review .portal-grid.list .simple-item h3{margin:0 0 7px!important;font-size:23px;line-height:1.3} #discover-review#discover-review .portal-grid.list .simple-item .tagline{font-size:18px;line-height:1.4} #discover-review#discover-review .portal-grid.list .simple-item .tags{font-size:16px;line-height:1.5} #discover-review#discover-review .portal-grid.list .simple-item .card-meta{font-size:18px;line-height:1.4} @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows .portal:after{background:none!important;border:22px solid transparent;box-sizing:border-box;border-image-source:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png");border-image-slice:110;border-image-width:22px;border-image-repeat:stretch} #discover-review#discover-review .portal-grid.rows .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid.rows .portal .category-medallion{left:61px;top:-23px} } .discovery-masthead{position:relative;margin:0 0 20px}.discovery-masthead>img{display:block;width:100%;height:auto}.discovery-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.discovery-masthead-copy h1{font-size:clamp(22px,2.6vw,34px);text-shadow:0 2px 8px #000}.discovery-masthead-copy p{margin:8px 0 0}@media(max-width:600px){.discovery-masthead-copy{position:static;padding:12px 0}.discovery-masthead-copy h1{font-size:24px}} .discovery-masthead{background:#070d1c} .discovery-masthead>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } .community-heading{margin-bottom:26px}.community-heading p{margin-bottom:0;max-width:760px}.community-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;align-items:start}.community-board{min-width:0}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.board-heading h2{margin-bottom:8px}.board-heading p{font-size:16px;max-width:470px;margin:0}.board-heading .button{flex-shrink:0}.thread-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--edge)}.thread-row:last-child{border-bottom:0}.thread-row>div{min-width:0}.thread-row h3{font:20px/1.35 'Alegreya',Alegreya,serif;margin:0}.thread-row h3 a{text-decoration:none}.thread-row p{font-size:15px;margin:8px 0 0}.thread-open{font:15px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.more-discussions{margin:14px 0 18px}.browse-board{margin-top:0}.community-links{list-style:none;margin:0;padding:0}.community-links li{border-top:1px solid var(--edge);padding:14px 0}.community-links li:last-child{padding-bottom:0}.community-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font:17px 'Marcellus SC',serif;text-decoration:none}.community-links p{font-size:15px;margin:7px 0 0}.community-guides .side-panel{margin-bottom:18px}.community-guides h2{font-size:20px}.community-board a:hover,.community-links a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:800px){.community-layout{grid-template-columns:1fr}.community-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-heading{flex-wrap:wrap}}@media(max-width:480px){.community-guides{grid-template-columns:1fr}.thread-row{gap:12px;padding:16px;align-items:flex-start}.thread-row h3{font-size:19px}.thread-open{font-size:14px}.board-heading .button{min-height:44px}} .chronicle-banner .masthead-categories{align-items:stretch} .chronicle-banner .masthead-categories button{font-family:'Cinzel',Alegreya,serif!important;font-size:clamp(11px,1.05vw,14px)!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;padding:5px 6px!important;min-width:0!important;overflow-wrap:normal;word-break:normal;white-space:normal!important;text-align:center} @media(max-width:760px){.chronicle-banner .masthead-categories button{font-size:14px!important;padding:9px 10px!important}} @media(min-width:761px){ .chronicle-banner .masthead-categories button{font-size:12px!important;padding:5px 10px!important;line-height:1.2!important} } body .page-scroll{background-color:#070d1c;background-image:linear-gradient(rgba(3,11,22,.72),rgba(3,11,22,.55)),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} body .discovery-masthead,body .home-scenic-masthead{background:transparent} body .site-header,body .site-footer{background-color:#070d1c} @media(max-width:600px){body .page-scroll{background-attachment:scroll;background-position:center top}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} .chronicle-banner,.chronicle-masthead{background:transparent!important} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 5: community */ @scope (:root[data-haven-style="community"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid{gap:12px;align-items:start} #discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:auto;min-height:0} #discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:130px;width:100%;object-fit:cover} #discover-review .portal .destination-image{display:block;max-width:100%} #discover-review .portal .destination-name{color:var(--gold);text-decoration:none} #discover-review .portal .destination-name:hover{text-decoration:underline} #discover-review .portal a:focus-visible,#discover-review .simple-item a:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} #discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{padding:10px;gap:6px} #discover-review .portal .portal-heading h3{margin:0;font-size:18px} #discover-review .portal .tagline{font-size:16px;margin:0;display:block;overflow:visible} #discover-review .portal .portal-footer{display:block;margin-top:6px;padding-top:0;text-align:left} #discover-review .portal .portal-footer .tags,#discover-review .portal .card-meta{margin:3px 0;font-size:14px;text-align:left} #discover-review .rows .portal{display:flex;min-height:0;height:auto;padding:10px;gap:12px;align-items:flex-start} #discover-review .rows .portal-visual{width:72px;min-width:72px;flex:0 0 72px;display:block} #discover-review .rows .portal-art{width:72px;height:90px;object-fit:cover} #discover-review .rows .portal-copy{padding:0;min-height:0;flex:1} #discover-review .portal-art.default-art{object-fit:contain;padding:4px} #discover-review .simple-item{display:block;padding:10px 0} #discover-review .simple-item h3{margin:0 0 4px} #discover-review .simple-item p{margin:3px 0;font-size:15px} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} .messages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.messages-heading p{margin:0}.account-context{margin-bottom:22px}.message-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:14px;margin-bottom:22px}.message-tab[aria-pressed=true]{border-color:var(--gold);background:#17233C}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.list-heading h2{margin:0}.filter-label{display:flex;align-items:center;gap:8px;font-size:16px}select,input,textarea{font:18px 'Alegreya',Alegreya,serif;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 12px;max-width:100%}.mail-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.mail-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--edge);background:var(--panel)}.mail-row:last-child{border-bottom:0}.mail-direction{font:14px 'Marcellus SC',serif;color:var(--muted);width:75px;flex-shrink:0}.mail-copy{flex:1;min-width:0}.mail-copy p{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.mail-subject{font:20px 'Alegreya',Alegreya,serif;text-decoration:none}.read-link{font:16px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.snapshot-count{margin-top:12px}.mail-empty{padding:40px 20px;text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel{padding:24px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel h2{margin-top:20px}.compose-panel label{display:block;margin:18px 0 6px}.compose-panel input,.compose-panel textarea,.compose-panel select{width:100%;background:var(--page)}.compose-panel textarea{resize:vertical;min-height:160px}.compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.back-link{padding:0;background:transparent;border:0;min-height:30px}.whisper-help{border-top:1px solid var(--edge);padding-top:8px}.whisper-help p{font-size:16px;max-width:720px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:600px){.messages-heading{flex-wrap:wrap;align-items:flex-start}.list-heading{flex-wrap:wrap}.mail-row{gap:10px;padding:16px;flex-wrap:wrap}.mail-direction{width:100%;font-size:13px}.mail-subject{font-size:19px}.read-link{font-size:14px}.compose-panel{padding:18px}} .selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:16px}.selection-heading label{display:flex;align-items:center;gap:8px}.mail-select,#select-visible{width:18px;height:18px;flex:0 0 18px;accent-color:var(--gold)}.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:12px;margin-bottom:12px}.bulk-actions button{font-size:14px;padding:8px 10px}.bulk-actions button:disabled{opacity:.5;cursor:default}.trash-preview-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--panel);border-bottom:1px solid var(--edge)} #discover-review .portal-grid.columns-3 .portal,#discover-review .portal-grid.columns-4 .portal{height:auto;min-height:0;align-self:start} #discover-review .portal-grid .portal .portal-copy{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;justify-content:flex-start;padding:10px 12px;gap:6px} #discover-review .portal-grid .portal .portal-copy .portal-footer{display:block;flex:0 0 auto;margin:0;padding:0;text-align:left} #discover-review .portal-grid .portal .portal-footer .tags{margin:0 0 5px;text-align:left} #discover-review .portal-grid .portal .portal-counts{margin:0} #discover-review .portal-grid .portal .card-meta{margin:0 0 3px;text-align:left} #discover-review .portal-grid .portal .tagline{margin:0;flex:0 0 auto} #discover-review .portal-grid.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #discover-review .portal-grid.rows .portal{display:flex;flex-direction:row;height:auto!important;min-height:0!important;padding:10px;gap:10px;align-items:flex-start} #discover-review .portal-grid.rows .portal .portal-visual{display:block;width:64px!important;min-width:64px;flex:0 0 64px!important} #discover-review .portal-grid.rows .portal .portal-art{width:64px!important;height:82px!important;min-height:0;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid.rows .portal .portal-copy{padding:0;flex:1 1 0;min-width:0;gap:5px;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-footer{margin-top:0!important;padding-top:0;text-align:left} #discover-review .portal-grid.rows .portal .portal-heading h3{font-size:16px} #discover-review .portal-grid.rows .portal .tagline{font-size:15px} #discover-review .portal-grid.rows .portal .tags,#discover-review .portal-grid.rows .portal .card-meta{font-size:13px;overflow-wrap:anywhere} @media(min-width:1200px){ #discover-review .world-results .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(5,minmax(0,1fr))} #discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%;height:130px!important} } @media(max-width:1000px){#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#discover-review .portal-grid.rows{grid-template-columns:1fr}} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:130px!important;width:100%!important;object-fit:cover} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important;min-height:0!important;align-self:stretch;box-sizing:border-box} #discover-review .portal-grid .portal .portal-copy{flex:0 0 auto;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-copy{flex:1 1 0} #discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;min-width:150px;flex:0 0 150px!important} #discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:150px!important;min-height:150px;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:150px!important;min-height:150px} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important} #discover-review .portal-grid:not(.rows):not(.list) .portal{min-height:300px!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{height:166px;display:flex;justify-content:center;align-items:center;padding:8px} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{width:150px;max-width:100%} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{display:block;width:150px!important;max-width:100%;height:150px!important;min-height:150px;object-fit:contain!important;padding:0} #discover-review .portal-grid .portal .tagline{display:block!important;-webkit-line-clamp:unset;overflow:visible!important} #discover-review .portal-grid.rows .portal .portal-copy{min-height:150px!important;gap:5px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{display:flex!important;flex-direction:column;flex:1 0 auto;gap:0;margin:0!important;padding:0} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer .tags{margin:8px 0 6px!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts{margin-top:auto!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts .card-meta:last-child{margin-bottom:0} #discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(150px,auto) auto;gap:8px 12px;align-content:start} #discover-review .portal-grid.rows .portal .portal-copy{display:flex;min-height:150px!important;height:100%;padding:0;gap:6px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{margin-top:auto!important;flex:0 0 auto} #discover-review .portal-grid.rows .portal>.row-bottom-tags{grid-column:1/-1;grid-row:2;margin:0;padding-top:7px;border-top:1px solid var(--edge);font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:left} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{display:block;width:100%;height:150px;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{display:block;width:100%;max-width:none} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%!important;max-width:none;height:150px!important;min-height:150px;object-fit:cover!important;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain!important;padding:5px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-copy{padding:12px;gap:10px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-footer .tags{margin:10px 0!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-counts{padding-top:4px} #discover-review .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(auto-fit,200px)!important;justify-content:start} #discover-review .portal-grid:not(.rows):not(.list) .portal{width:200px!important;height:350px!important;min-height:350px!important;max-height:350px;box-sizing:border-box} #discover-review .portal-grid:not(.list){display:grid!important;grid-template-columns:repeat(3,minmax(0,320px))!important;gap:65px 32px!important;justify-content:start;padding-top:30px;align-items:start} #discover-review .portal-grid:not(.list) .portal{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;overflow:visible!important} #discover-review .portal-grid .portal:before{content:'';position:absolute;inset:12px 12px;background:#0c1525;border-radius:12px;z-index:-1} #discover-review .portal-grid .portal:after{content:'';position:absolute;inset:0;background:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png") center/100% 100% no-repeat;pointer-events:none;z-index:4} #discover-review .portal-grid:not(.list) .portal .portal-visual{width:calc(100% - 24px)!important;min-width:0!important;height:195px!important;flex:0 0 195px!important;margin:12px 12px 0!important;padding:0!important;position:relative;overflow:hidden;border-radius:14px 14px 0 0} #discover-review .portal-grid:not(.list) .portal .destination-image{display:block;width:100%!important;max-width:none;height:195px} #discover-review .portal-grid:not(.list) .portal .portal-art{display:block;width:100%!important;height:195px!important;min-height:0!important;object-fit:cover!important;padding:0!important} #discover-review .portal-grid .portal .portal-art.default-art{object-fit:contain!important;padding:18px!important} #discover-review .portal-grid .portal .portal-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 30%,#0c152520 50%,#0c1525aa 76%,#0c1525)} #discover-review .portal-grid:not(.list) .portal .portal-copy{display:flex!important;flex-direction:column!important;padding:14px 27px 40px!important;gap:10px!important;height:273px!important;min-height:0!important;flex:0 0 273px!important} #discover-review .portal-grid .portal .portal-heading h3{font-size:24px!important;line-height:1.2;margin:0} #discover-review .portal-grid .portal .tagline{font-size:18px!important;line-height:1.35!important;margin:0!important} #discover-review .portal-grid .portal .portal-footer{display:flex!important;flex-direction:column!important;gap:8px;margin-top:auto!important;padding:0!important;text-align:center} #discover-review .portal-grid .portal .tags{font-size:16px!important;line-height:1.4;margin:8px 0!important;text-align:center} #discover-review .portal-grid .portal .portal-counts{border-top:1px solid #b68c48;padding-top:10px!important;width:100%;text-align:center} #discover-review .portal-grid .portal .card-meta{font-size:18px!important;line-height:1.3!important;text-align:center!important} #discover-review .portal .category-medallion{position:absolute;top:-23px;left:calc(50% - 44px);width:88px;height:88px;object-fit:contain;z-index:5;pointer-events:none} #discover-review section{margin-bottom:55px} @media(max-width:1000px){#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,320px))!important}} @media(max-width:600px){#discover-review .portal-grid:not(.list){display:block!important;padding-top:0}#discover-review .portal-grid:not(.list) .portal{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:22px;border-bottom:1px solid #615239!important;padding-bottom:18px!important}#discover-review .portal-grid .portal:before,#discover-review .portal-grid .portal:after,#discover-review .portal-grid .portal .portal-visual,#discover-review .portal .category-medallion{display:none!important}#discover-review .portal-grid:not(.list) .portal .portal-copy{height:auto!important;padding:0!important;display:block!important}#discover-review .portal-grid .portal .portal-footer,#discover-review .portal-grid .portal .tags,#discover-review .portal-grid .portal .card-meta{text-align:left!important}#discover-review .portal-grid .portal .portal-counts{border:0}#discover-review .portal-grid .portal .tagline{margin:8px 0!important}} @media(min-width:601px){ #discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;padding-top:15px} #discover-review .portal-grid:not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review .portal-grid:not(.list) .portal .portal-visual{height:180px!important;flex-basis:180px!important} #discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review .portal-grid:not(.list) .portal .portal-art{height:180px!important} #discover-review .portal-grid:not(.list) .portal .portal-copy{height:228px!important;flex-basis:228px!important;padding:10px 27px 26px!important;gap:7px!important} #discover-review .portal-grid .portal .portal-footer{margin-top:12px!important;gap:5px} #discover-review section{margin-bottom:30px} #discover-review .portal .category-medallion{width:72px;height:72px;left:calc(50% - 36px);top:-18px} } #discover-review .portal-grid .portal .portal-visual:has(.default-art) .default-art{visibility:hidden!important} #discover-review .portal-grid .portal .portal-visual:has(.default-art){background:radial-gradient(ellipse at 50% 20%,#1d3150 0%,#0c1525 75%)} @media(min-width:601px){ #discover-review .portal .category-medallion{top:-29px} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:100%!important;height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .portal-grid .portal .portal-art.default-art{display:none!important} } #discover-review .measurement-bar,#discover-review .measurement-label{display:none!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,380px))!important;justify-content:center} #discover-review#discover-review .portal-grid .tags{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px} #discover-review#discover-review .portal-grid .tags span{position:relative;isolation:isolate;display:inline-block;padding:5px 9px;background:#ac4235;color:#efdbac;font:16px/1.25 'Alegreya',Alegreya,serif;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #discover-review#discover-review .portal-grid .tags span:before{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(#29100e,#100a0c);clip-path:polygon(5.5px 0,calc(100% - 5.5px) 0,100% 5.5px,100% calc(100% - 5.5px),calc(100% - 5.5px) 100%,5.5px 100%,0 calc(100% - 5.5px),0 5.5px)} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(auto-fit,320px)!important;justify-content:center;gap:40px 28px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:320px!important;height:480px!important;min-height:480px!important;max-height:480px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:195px!important;flex-basis:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:273px!important;flex-basis:273px!important;padding:14px 30px 36px!important;gap:10px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{margin-top:auto!important;gap:8px} #discover-review#discover-review .portal .category-medallion{width:88px;height:88px;left:calc(50% - 44px);top:-23px} } #discover-review#discover-review .portal-grid .portal .portal-visual:after{background:linear-gradient(transparent 20%,#0c152530 45%,#0c1525bd 72%,#0c1525 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts{position:relative;border-top:0;padding-top:16px!important} #discover-review#discover-review .portal-grid .portal .portal-counts:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5a160,transparent)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{content:'◇';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#0c1525;color:#e5bf70;padding:0 6px;font-size:17px;line-height:1} #discover-review#discover-review .portal-grid .portal .card-meta{margin:0 0 4px!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:170px!important;flex-basis:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:298px!important;flex-basis:298px!important;padding:12px 25px 32px!important;gap:8px!important} #discover-review#discover-review .portal-grid .portal .tags{margin:6px 0!important;gap:5px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{gap:10px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal .portal-counts:before,#discover-review#discover-review .portal-grid .portal .portal-counts:after{display:none}} @media(min-width:601px){ #discover-review#discover-review .portal-grid .portal .portal-footer>.tags{width:100%!important;max-width:100%;align-self:stretch!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin-left:0!important;margin-right:0!important} } @media(max-width:600px){ #discover-review#discover-review .portal-grid{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid .portal,#discover-review#discover-review .simple-item{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #6b593b!important;background:none!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal:before,#discover-review#discover-review .portal-grid .portal:after,#discover-review#discover-review .portal-visual,#discover-review#discover-review .category-medallion{display:none!important} #discover-review#discover-review .portal-copy,#discover-review#discover-review .portal-heading,#discover-review#discover-review .portal-footer,#discover-review#discover-review .portal-counts{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;flex:none!important;text-align:left!important} #discover-review#discover-review .portal-heading h3,#discover-review#discover-review .simple-item h3{display:block!important;width:100%!important;margin:0 0 8px!important;font-size:23px!important;line-height:1.3!important} #discover-review#discover-review .simple-item>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important} #discover-review#discover-review .tagline{display:block!important;font-size:18px!important;line-height:1.4!important;margin:0 0 10px!important} #discover-review#discover-review .portal-grid .tags,#discover-review#discover-review .simple-item .tags,#discover-review#discover-review .row-bottom-tags{display:block!important;width:100%!important;margin:8px 0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important} #discover-review#discover-review .tags span{display:inline!important;background:none!important;clip-path:none!important;padding:0!important;border:0!important;color:#c4d8ef!important;font-size:16px!important} #discover-review#discover-review .tags span:before{display:none!important} #discover-review#discover-review .tags span:not(:last-child):after{content:' · '} #discover-review#discover-review .portal-counts:before,#discover-review#discover-review .portal-counts:after{display:none!important} #discover-review#discover-review .card-meta{display:block!important;font-size:18px!important;line-height:1.4!important;margin:6px 0 0!important;text-align:left!important} #discover-review#discover-review .simple-item a{white-space:normal!important} #discover-review#discover-review .simple-item .tags{order:initial!important} } @media(max-width:600px){ #discover-review .views,#discover-review .card-density{display:none!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 24px!important} #discover-review#discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:1fr!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;padding:24px 22px!important;gap:14px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;height:200px!important;min-width:150px!important;margin:0!important;flex:none!important;align-self:start} #discover-review#discover-review .portal-grid.rows .portal .destination-image,#discover-review#discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:200px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-copy{display:flex!important;width:auto!important;height:252px!important;min-height:0!important;max-height:252px!important;padding:0 0 12px!important;gap:7px!important;flex:none!important} #discover-review#discover-review .portal-grid.rows .portal .portal-heading h3{font-size:21px!important} #discover-review#discover-review .portal-grid.rows .portal .tagline{font-size:17px!important;line-height:1.3!important} #discover-review#discover-review .portal-grid.rows .portal .portal-footer{margin-top:auto!important;gap:6px!important} #discover-review#discover-review .portal-grid.rows .portal .tags span{font-size:14px!important;padding:4px 7px!important} #discover-review#discover-review .portal-grid.rows .portal .card-meta{font-size:16px!important} } @media(min-width:601px) and (max-width:1000px){#discover-review#discover-review .portal-grid.rows{grid-template-columns:1fr!important}} #discover-review#discover-review .portal-grid.list{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid.list .simple-item{display:block!important;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #354663} #discover-review#discover-review .portal-grid.list .simple-item>*{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:6px 0!important} #discover-review#discover-review .portal-grid.list .simple-item h3{margin:0 0 7px!important;font-size:23px;line-height:1.3} #discover-review#discover-review .portal-grid.list .simple-item .tagline{font-size:18px;line-height:1.4} #discover-review#discover-review .portal-grid.list .simple-item .tags{font-size:16px;line-height:1.5} #discover-review#discover-review .portal-grid.list .simple-item .card-meta{font-size:18px;line-height:1.4} @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows .portal:after{background:none!important;border:22px solid transparent;box-sizing:border-box;border-image-source:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png");border-image-slice:110;border-image-width:22px;border-image-repeat:stretch} #discover-review#discover-review .portal-grid.rows .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid.rows .portal .category-medallion{left:61px;top:-23px} } .discovery-masthead{position:relative;margin:0 0 20px}.discovery-masthead>img{display:block;width:100%;height:auto}.discovery-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.discovery-masthead-copy h1{font-size:clamp(22px,2.6vw,34px);text-shadow:0 2px 8px #000}.discovery-masthead-copy p{margin:8px 0 0}@media(max-width:600px){.discovery-masthead-copy{position:static;padding:12px 0}.discovery-masthead-copy h1{font-size:24px}} .discovery-masthead{background:#070d1c} .discovery-masthead>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } .community-heading{margin-bottom:26px}.community-heading p{margin-bottom:0;max-width:760px}.community-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;align-items:start}.community-board{min-width:0}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.board-heading h2{margin-bottom:8px}.board-heading p{font-size:16px;max-width:470px;margin:0}.board-heading .button{flex-shrink:0}.thread-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--edge)}.thread-row:last-child{border-bottom:0}.thread-row>div{min-width:0}.thread-row h3{font:20px/1.35 'Alegreya',Alegreya,serif;margin:0}.thread-row h3 a{text-decoration:none}.thread-row p{font-size:15px;margin:8px 0 0}.thread-open{font:15px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.more-discussions{margin:14px 0 18px}.browse-board{margin-top:0}.community-links{list-style:none;margin:0;padding:0}.community-links li{border-top:1px solid var(--edge);padding:14px 0}.community-links li:last-child{padding-bottom:0}.community-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font:17px 'Marcellus SC',serif;text-decoration:none}.community-links p{font-size:15px;margin:7px 0 0}.community-guides .side-panel{margin-bottom:18px}.community-guides h2{font-size:20px}.community-board a:hover,.community-links a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:800px){.community-layout{grid-template-columns:1fr}.community-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-heading{flex-wrap:wrap}}@media(max-width:480px){.community-guides{grid-template-columns:1fr}.thread-row{gap:12px;padding:16px;align-items:flex-start}.thread-row h3{font-size:19px}.thread-open{font-size:14px}.board-heading .button{min-height:44px}} body .page-scroll{background-color:#070d1c;background-image:linear-gradient(rgba(3,11,22,.72),rgba(3,11,22,.55)),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} body .discovery-masthead,body .home-scenic-masthead{background:transparent} body .site-header,body .site-footer{background-color:#070d1c} @media(max-width:600px){body .page-scroll{background-attachment:scroll;background-position:center top}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 6: destination, profile, room-builder, room, settings, sources */ @scope (:root[data-haven-style="destination"], :root[data-haven-style="profile"], :root[data-haven-style="room-builder"], :root[data-haven-style="room"], :root[data-haven-style="settings"], :root[data-haven-style="sources"]) { :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 7: explore */ @scope (:root[data-haven-style="explore"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid{gap:12px;align-items:start} #discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:auto;min-height:0} #discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:130px;width:100%;object-fit:cover} #discover-review .portal .destination-image{display:block;max-width:100%} #discover-review .portal .destination-name{color:var(--gold);text-decoration:none} #discover-review .portal .destination-name:hover{text-decoration:underline} #discover-review .portal a:focus-visible,#discover-review .simple-item a:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} #discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{padding:10px;gap:6px} #discover-review .portal .portal-heading h3{margin:0;font-size:18px} #discover-review .portal .tagline{font-size:16px;margin:0;display:block;overflow:visible} #discover-review .portal .portal-footer{display:block;margin-top:6px;padding-top:0;text-align:left} #discover-review .portal .portal-footer .tags,#discover-review .portal .card-meta{margin:3px 0;font-size:14px;text-align:left} #discover-review .rows .portal{display:flex;min-height:0;height:auto;padding:10px;gap:12px;align-items:flex-start} #discover-review .rows .portal-visual{width:72px;min-width:72px;flex:0 0 72px;display:block} #discover-review .rows .portal-art{width:72px;height:90px;object-fit:cover} #discover-review .rows .portal-copy{padding:0;min-height:0;flex:1} #discover-review .portal-art.default-art{object-fit:contain;padding:4px} #discover-review .simple-item{display:block;padding:10px 0} #discover-review .simple-item h3{margin:0 0 4px} #discover-review .simple-item p{margin:3px 0;font-size:15px} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} #discover-review .intro{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:22px}#discover-review .intro p{margin:0}#discover-review .filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:18px;margin-bottom:22px}#discover-review .filters label{display:flex;flex-direction:column;gap:5px;font-size:16px}#discover-review input,#discover-review select{background:var(--panel);color:var(--text);border:1px solid var(--edge);border-radius:3px;padding:8px;font:18px 'Alegreya',serif;min-height:40px}#discover-review input{width:260px;max-width:100%}#discover-review .views{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}#discover-review .views button[aria-pressed=true]{border-color:var(--gold)}#discover-review .portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,300px));gap:20px;margin-bottom:26px}#discover-review .portal{min-width:0;min-height:420px;background:var(--panel);border:1px solid var(--edge);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}#discover-review .portal-art{width:100%;height:200px;object-fit:cover;flex-shrink:0;background:var(--page)}#discover-review .empty-art{display:grid;place-items:center;background:radial-gradient(ellipse at center,#233555,var(--page));color:var(--gold);font:52px 'Cinzel',serif}#discover-review .portal-copy{padding:13px 14px;display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}#discover-review .kind{font:13px 'Cinzel',serif;color:var(--muted);letter-spacing:1px}#discover-review h3{font:400 21px/1.25 'Cinzel',serif;margin:0;color:var(--gold)}#discover-review .tagline{font-size:18px;font-style:italic;margin:0}#discover-review .description{font-size:16px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#discover-review .description.expanded{display:block}#discover-review .details-toggle{border:0;padding:0;text-align:left;background:transparent;min-height:26px;font:15px 'Alegreya',serif;width:fit-content}#discover-review .card-meta{font-size:14px;margin:0;color:var(--muted)}#discover-review .tags{font-size:14px;margin:0;color:var(--muted)}#discover-review .portal .button{margin-top:auto;width:fit-content;padding:6px 10px;min-height:34px}#discover-review .section-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}#discover-review .section-heading h2{margin:0}#discover-review .section-heading span{font-size:15px;color:var(--muted)}#discover-review .portal-grid.rows{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}#discover-review .rows .portal{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:220px;align-items:start;padding:9px}#discover-review .rows .portal-art{width:150px;height:200px;object-fit:cover;border-radius:3px}#discover-review .rows .portal-copy{padding:6px 10px;min-height:200px}#discover-review .rows .empty-art{font-size:42px}#discover-review .result-count{font-size:16px;color:var(--muted);margin-bottom:18px}#discover-review .review-note{margin-top:24px}@media(max-width:600px){#discover-review .views{margin-left:0}#discover-review .filters label:first-child{width:100%}#discover-review input{width:100%}#discover-review .portal-grid{grid-template-columns:minmax(0,300px)}#discover-review .portal-grid.rows{grid-template-columns:minmax(0,1fr)}#discover-review .rows .portal{grid-template-columns:110px minmax(0,1fr)}#discover-review .rows .portal-art{width:110px;height:147px}#discover-review .rows .portal-copy{min-height:147px}#discover-review h3{font-size:19px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid.columns-3 .portal,#discover-review .portal-grid.columns-4 .portal{height:auto;min-height:0;align-self:start} #discover-review .portal-grid .portal .portal-copy{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;justify-content:flex-start;padding:10px 12px;gap:6px} #discover-review .portal-grid .portal .portal-copy .portal-footer{display:block;flex:0 0 auto;margin:0;padding:0;text-align:left} #discover-review .portal-grid .portal .portal-footer .tags{margin:0 0 5px;text-align:left} #discover-review .portal-grid .portal .portal-counts{margin:0} #discover-review .portal-grid .portal .card-meta{margin:0 0 3px;text-align:left} #discover-review .portal-grid .portal .tagline{margin:0;flex:0 0 auto} #discover-review .portal-grid.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #discover-review .portal-grid.rows .portal{display:flex;flex-direction:row;height:auto!important;min-height:0!important;padding:10px;gap:10px;align-items:flex-start} #discover-review .portal-grid.rows .portal .portal-visual{display:block;width:64px!important;min-width:64px;flex:0 0 64px!important} #discover-review .portal-grid.rows .portal .portal-art{width:64px!important;height:82px!important;min-height:0;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid.rows .portal .portal-copy{padding:0;flex:1 1 0;min-width:0;gap:5px;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-footer{margin-top:0!important;padding-top:0;text-align:left} #discover-review .portal-grid.rows .portal .portal-heading h3{font-size:16px} #discover-review .portal-grid.rows .portal .tagline{font-size:15px} #discover-review .portal-grid.rows .portal .tags,#discover-review .portal-grid.rows .portal .card-meta{font-size:13px;overflow-wrap:anywhere} @media(min-width:1200px){ #discover-review .world-results .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(5,minmax(0,1fr))} #discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%;height:130px!important} } @media(max-width:1000px){#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#discover-review .portal-grid.rows{grid-template-columns:1fr}} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:130px!important;width:100%!important;object-fit:cover} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important;min-height:0!important;align-self:stretch;box-sizing:border-box} #discover-review .portal-grid .portal .portal-copy{flex:0 0 auto;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-copy{flex:1 1 0} #discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;min-width:150px;flex:0 0 150px!important} #discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:150px!important;min-height:150px;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:150px!important;min-height:150px} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important} #discover-review .portal-grid:not(.rows):not(.list) .portal{min-height:300px!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{height:166px;display:flex;justify-content:center;align-items:center;padding:8px} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{width:150px;max-width:100%} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{display:block;width:150px!important;max-width:100%;height:150px!important;min-height:150px;object-fit:contain!important;padding:0} #discover-review .portal-grid .portal .tagline{display:block!important;-webkit-line-clamp:unset;overflow:visible!important} #discover-review .portal-grid.rows .portal .portal-copy{min-height:150px!important;gap:5px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{display:flex!important;flex-direction:column;flex:1 0 auto;gap:0;margin:0!important;padding:0} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer .tags{margin:8px 0 6px!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts{margin-top:auto!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts .card-meta:last-child{margin-bottom:0} #discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(150px,auto) auto;gap:8px 12px;align-content:start} #discover-review .portal-grid.rows .portal .portal-copy{display:flex;min-height:150px!important;height:100%;padding:0;gap:6px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{margin-top:auto!important;flex:0 0 auto} #discover-review .portal-grid.rows .portal>.row-bottom-tags{grid-column:1/-1;grid-row:2;margin:0;padding-top:7px;border-top:1px solid var(--edge);font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:left} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{display:block;width:100%;height:150px;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{display:block;width:100%;max-width:none} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%!important;max-width:none;height:150px!important;min-height:150px;object-fit:cover!important;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain!important;padding:5px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-copy{padding:12px;gap:10px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-footer .tags{margin:10px 0!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-counts{padding-top:4px} #discover-review .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(auto-fit,200px)!important;justify-content:start} #discover-review .portal-grid:not(.rows):not(.list) .portal{width:200px!important;height:350px!important;min-height:350px!important;max-height:350px;box-sizing:border-box} #discover-review .portal-grid:not(.list){display:grid!important;grid-template-columns:repeat(3,minmax(0,320px))!important;gap:65px 32px!important;justify-content:start;padding-top:30px;align-items:start} #discover-review .portal-grid:not(.list) .portal{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;overflow:visible!important} #discover-review .portal-grid .portal:before{content:'';position:absolute;inset:12px 12px;background:#0c1525;border-radius:12px;z-index:-1} #discover-review .portal-grid .portal:after{content:'';position:absolute;inset:0;background:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png") center/100% 100% no-repeat;pointer-events:none;z-index:4} #discover-review .portal-grid:not(.list) .portal .portal-visual{width:calc(100% - 24px)!important;min-width:0!important;height:195px!important;flex:0 0 195px!important;margin:12px 12px 0!important;padding:0!important;position:relative;overflow:hidden;border-radius:14px 14px 0 0} #discover-review .portal-grid:not(.list) .portal .destination-image{display:block;width:100%!important;max-width:none;height:195px} #discover-review .portal-grid:not(.list) .portal .portal-art{display:block;width:100%!important;height:195px!important;min-height:0!important;object-fit:cover!important;padding:0!important} #discover-review .portal-grid .portal .portal-art.default-art{object-fit:contain!important;padding:18px!important} #discover-review .portal-grid .portal .portal-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 30%,#0c152520 50%,#0c1525aa 76%,#0c1525)} #discover-review .portal-grid:not(.list) .portal .portal-copy{display:flex!important;flex-direction:column!important;padding:14px 27px 40px!important;gap:10px!important;height:273px!important;min-height:0!important;flex:0 0 273px!important} #discover-review .portal-grid .portal .portal-heading h3{font-size:24px!important;line-height:1.2;margin:0} #discover-review .portal-grid .portal .tagline{font-size:18px!important;line-height:1.35!important;margin:0!important} #discover-review .portal-grid .portal .portal-footer{display:flex!important;flex-direction:column!important;gap:8px;margin-top:auto!important;padding:0!important;text-align:center} #discover-review .portal-grid .portal .tags{font-size:16px!important;line-height:1.4;margin:8px 0!important;text-align:center} #discover-review .portal-grid .portal .portal-counts{border-top:1px solid #b68c48;padding-top:10px!important;width:100%;text-align:center} #discover-review .portal-grid .portal .card-meta{font-size:18px!important;line-height:1.3!important;text-align:center!important} #discover-review .portal .category-medallion{position:absolute;top:-23px;left:calc(50% - 44px);width:88px;height:88px;object-fit:contain;z-index:5;pointer-events:none} #discover-review section{margin-bottom:55px} @media(max-width:1000px){#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,320px))!important}} @media(max-width:600px){#discover-review .portal-grid:not(.list){display:block!important;padding-top:0}#discover-review .portal-grid:not(.list) .portal{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:22px;border-bottom:1px solid #615239!important;padding-bottom:18px!important}#discover-review .portal-grid .portal:before,#discover-review .portal-grid .portal:after,#discover-review .portal-grid .portal .portal-visual,#discover-review .portal .category-medallion{display:none!important}#discover-review .portal-grid:not(.list) .portal .portal-copy{height:auto!important;padding:0!important;display:block!important}#discover-review .portal-grid .portal .portal-footer,#discover-review .portal-grid .portal .tags,#discover-review .portal-grid .portal .card-meta{text-align:left!important}#discover-review .portal-grid .portal .portal-counts{border:0}#discover-review .portal-grid .portal .tagline{margin:8px 0!important}} @media(min-width:601px){ #discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;padding-top:15px} #discover-review .portal-grid:not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review .portal-grid:not(.list) .portal .portal-visual{height:180px!important;flex-basis:180px!important} #discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review .portal-grid:not(.list) .portal .portal-art{height:180px!important} #discover-review .portal-grid:not(.list) .portal .portal-copy{height:228px!important;flex-basis:228px!important;padding:10px 27px 26px!important;gap:7px!important} #discover-review .portal-grid .portal .portal-footer{margin-top:12px!important;gap:5px} #discover-review section{margin-bottom:30px} #discover-review .portal .category-medallion{width:72px;height:72px;left:calc(50% - 36px);top:-18px} } #discover-review .portal-grid .portal .portal-visual:has(.default-art) .default-art{visibility:hidden!important} #discover-review .portal-grid .portal .portal-visual:has(.default-art){background:radial-gradient(ellipse at 50% 20%,#1d3150 0%,#0c1525 75%)} @media(min-width:601px){ #discover-review .portal .category-medallion{top:-29px} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:100%!important;height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .portal-grid .portal .portal-art.default-art{display:none!important} } #discover-review .measurement-bar,#discover-review .measurement-label{display:none!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,380px))!important;justify-content:center} #discover-review#discover-review .portal-grid .tags{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px} #discover-review#discover-review .portal-grid .tags span{position:relative;isolation:isolate;display:inline-block;padding:5px 9px;background:#ac4235;color:#efdbac;font:16px/1.25 'Alegreya',Alegreya,serif;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #discover-review#discover-review .portal-grid .tags span:before{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(#29100e,#100a0c);clip-path:polygon(5.5px 0,calc(100% - 5.5px) 0,100% 5.5px,100% calc(100% - 5.5px),calc(100% - 5.5px) 100%,5.5px 100%,0 calc(100% - 5.5px),0 5.5px)} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(auto-fit,320px)!important;justify-content:center;gap:40px 28px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:320px!important;height:480px!important;min-height:480px!important;max-height:480px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:195px!important;flex-basis:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:273px!important;flex-basis:273px!important;padding:14px 30px 36px!important;gap:10px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{margin-top:auto!important;gap:8px} #discover-review#discover-review .portal .category-medallion{width:88px;height:88px;left:calc(50% - 44px);top:-23px} } #discover-review#discover-review .portal-grid .portal .portal-visual:after{background:linear-gradient(transparent 20%,#0c152530 45%,#0c1525bd 72%,#0c1525 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts{position:relative;border-top:0;padding-top:16px!important} #discover-review#discover-review .portal-grid .portal .portal-counts:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5a160,transparent)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{content:'◇';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#0c1525;color:#e5bf70;padding:0 6px;font-size:17px;line-height:1} #discover-review#discover-review .portal-grid .portal .card-meta{margin:0 0 4px!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:170px!important;flex-basis:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:298px!important;flex-basis:298px!important;padding:12px 25px 32px!important;gap:8px!important} #discover-review#discover-review .portal-grid .portal .tags{margin:6px 0!important;gap:5px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{gap:10px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal .portal-counts:before,#discover-review#discover-review .portal-grid .portal .portal-counts:after{display:none}} @media(min-width:601px){ #discover-review#discover-review .portal-grid .portal .portal-footer>.tags{width:100%!important;max-width:100%;align-self:stretch!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin-left:0!important;margin-right:0!important} } @media(max-width:600px){ #discover-review#discover-review .portal-grid{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid .portal,#discover-review#discover-review .simple-item{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #6b593b!important;background:none!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal:before,#discover-review#discover-review .portal-grid .portal:after,#discover-review#discover-review .portal-visual,#discover-review#discover-review .category-medallion{display:none!important} #discover-review#discover-review .portal-copy,#discover-review#discover-review .portal-heading,#discover-review#discover-review .portal-footer,#discover-review#discover-review .portal-counts{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;flex:none!important;text-align:left!important} #discover-review#discover-review .portal-heading h3,#discover-review#discover-review .simple-item h3{display:block!important;width:100%!important;margin:0 0 8px!important;font-size:23px!important;line-height:1.3!important} #discover-review#discover-review .simple-item>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important} #discover-review#discover-review .tagline{display:block!important;font-size:18px!important;line-height:1.4!important;margin:0 0 10px!important} #discover-review#discover-review .portal-grid .tags,#discover-review#discover-review .simple-item .tags,#discover-review#discover-review .row-bottom-tags{display:block!important;width:100%!important;margin:8px 0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important} #discover-review#discover-review .tags span{display:inline!important;background:none!important;clip-path:none!important;padding:0!important;border:0!important;color:#c4d8ef!important;font-size:16px!important} #discover-review#discover-review .tags span:before{display:none!important} #discover-review#discover-review .tags span:not(:last-child):after{content:' · '} #discover-review#discover-review .portal-counts:before,#discover-review#discover-review .portal-counts:after{display:none!important} #discover-review#discover-review .card-meta{display:block!important;font-size:18px!important;line-height:1.4!important;margin:6px 0 0!important;text-align:left!important} #discover-review#discover-review .simple-item a{white-space:normal!important} #discover-review#discover-review .simple-item .tags{order:initial!important} } @media(max-width:600px){ #discover-review .views,#discover-review .card-density{display:none!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 24px!important} #discover-review#discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:1fr!important;width:100%!important;height:248px!important;min-height:248px!important;max-height:248px!important;padding:24px 22px!important;gap:14px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;height:200px!important;min-width:150px!important;margin:0!important;flex:none!important;align-self:start} #discover-review#discover-review .portal-grid.rows .portal .destination-image,#discover-review#discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:200px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-copy{display:flex!important;width:auto!important;height:200px!important;min-height:0!important;max-height:200px!important;padding:0!important;gap:7px!important;flex:none!important} #discover-review#discover-review .portal-grid.rows .portal .portal-heading h3{font-size:21px!important} #discover-review#discover-review .portal-grid.rows .portal .tagline{font-size:17px!important;line-height:1.3!important} #discover-review#discover-review .portal-grid.rows .portal .portal-footer{margin-top:auto!important;gap:6px!important} #discover-review#discover-review .portal-grid.rows .portal .tags span{font-size:14px!important;padding:4px 7px!important} #discover-review#discover-review .portal-grid.rows .portal .card-meta{font-size:16px!important} } @media(min-width:601px) and (max-width:1000px){#discover-review#discover-review .portal-grid.rows{grid-template-columns:1fr!important}} #discover-review#discover-review .portal-grid.list{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid.list .simple-item{display:block!important;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #354663} #discover-review#discover-review .portal-grid.list .simple-item>*{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:6px 0!important} #discover-review#discover-review .portal-grid.list .simple-item h3{margin:0 0 7px!important;font-size:23px;line-height:1.3} #discover-review#discover-review .portal-grid.list .simple-item .tagline{font-size:18px;line-height:1.4} #discover-review#discover-review .portal-grid.list .simple-item .tags{font-size:16px;line-height:1.5} #discover-review#discover-review .portal-grid.list .simple-item .card-meta{font-size:18px;line-height:1.4} @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows .portal:after{background:none!important;border:22px solid transparent;box-sizing:border-box;border-image-source:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png");border-image-slice:110;border-image-width:22px;border-image-repeat:stretch} #discover-review#discover-review .portal-grid.rows .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid.rows .portal .category-medallion{left:61px;top:-23px} } .discovery-masthead{position:relative;margin:0 0 20px}.discovery-masthead>img{display:block;width:100%;height:auto}.discovery-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.discovery-masthead-copy h1{font-size:clamp(22px,2.6vw,34px);text-shadow:0 2px 8px #000}.discovery-masthead-copy p{margin:8px 0 0}@media(max-width:600px){.discovery-masthead-copy{position:static;padding:12px 0}.discovery-masthead-copy h1{font-size:24px}} .discovery-masthead{background:#070d1c} .discovery-masthead>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } body .page-scroll{background-color:#070d1c;background-image:linear-gradient(rgba(3,11,22,.72),rgba(3,11,22,.55)),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} body .discovery-masthead,body .home-scenic-masthead{background:transparent} body .site-header,body .site-footer{background-color:#070d1c} @media(max-width:600px){body .page-scroll{background-attachment:scroll;background-position:center top}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} #discover-review#discover-review .portal-grid .portal:after{display:none!important} #discover-review#discover-review .portal-grid .portal:before{inset:0!important;background:rgba(5,13,27,.38)!important;border:0!important;border-radius:8px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{border:1px solid rgba(212,182,116,.7)!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal .portal-heading{display:block!important;width:100%;text-align:center!important} #discover-review#discover-review .portal-grid .portal .portal-heading h3{text-align:center!important;width:100%} #discover-review#discover-review .portal-grid .portal .portal-visual{background:transparent!important} #discover-review#discover-review .portal-grid .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid:not(.rows) .portal .portal-visual{mask-image:linear-gradient(#000 30%,transparent 100%);-webkit-mask-image:linear-gradient(#000 30%,transparent 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{background:transparent!important;text-shadow:0 1px 4px #070d1c} @media(min-width:601px){ #discover-review#discover-review .character-results .portal-grid:not(.rows):not(.list) .portal{height:400px!important;min-height:400px!important;max-height:400px!important} #discover-review#discover-review .character-results .portal-grid:not(.rows):not(.list) .portal .portal-copy{height:218px!important;flex-basis:218px!important;padding:12px 24px 22px!important;gap:8px!important} #discover-review#discover-review .character-results .portal-grid .portal .portal-footer{margin-top:12px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal:before{display:none!important}#discover-review#discover-review .portal-grid:not(.list) .portal{border:0!important;border-bottom:1px solid #6b593b!important;border-radius:0!important}#discover-review#discover-review .portal-grid .portal .portal-heading,#discover-review#discover-review .portal-grid .portal .portal-heading h3{text-align:left!important}} @media(min-width:601px){#discover-review#discover-review .portal-grid:not(.list) .portal .tagline{text-align:center!important;width:100%}} @media(min-width:601px){ #discover-review#discover-review .world-results .portal-grid:not(.rows):not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-copy{height:238px!important;flex-basis:238px!important;padding-bottom:24px!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.rows):not(.list) .portal .category-medallion{left:50%!important;top:-44px!important;transform:translateX(-50%);width:88px;height:88px} } @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 8: faq, help, lexicon, login, privacy, prohibited, register, rules, store, support, terms */ @scope (:root[data-haven-style="faq"], :root[data-haven-style="help"], :root[data-haven-style="lexicon"], :root[data-haven-style="login"], :root[data-haven-style="privacy"], :root[data-haven-style="prohibited"], :root[data-haven-style="register"], :root[data-haven-style="rules"], :root[data-haven-style="store"], :root[data-haven-style="support"], :root[data-haven-style="terms"]) { html,body{margin:0;background:#05070b}#mh-approved{height:100dvh;display:flex;flex-direction:column}#mh-approved .shell{height:auto!important;min-height:0!important;flex:1}#mh-approved .review{flex-shrink:0} #mh-approved{--night:#05070b;--navy:#0b1423;--gold:#e0c27e;--line:#776440;--ivory:#e8e2d6;--muted:#c2cbd9;background:var(--night);color:var(--ivory);font:16px/1.6 'Source Sans 3',sans-serif;container-type:inline-size;margin:auto;width:100%;max-width:100%} #mh-approved *{box-sizing:border-box}#mh-approved [hidden]{display:none!important}#mh-approved h1,#mh-approved h2,#mh-approved h3{font-family:Cinzel,serif;font-weight:400;line-height:1.3;margin:0 0 18px;color:var(--ivory)}#mh-approved h1{font-size:clamp(34px,4.9cqi,55px)}#mh-approved h2{font-size:clamp(27px,3.4cqi,38px)}#mh-approved h3{font-size:21px}#mh-approved p{margin:0 0 20px}#mh-approved .prose{font-family:'Source Serif 4',serif;font-size:18px;color:var(--muted)}#mh-approved .eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:14px}#mh-approved button,#mh-approved input,#mh-approved textarea,#mh-approved select{font:inherit}#mh-approved button{color:var(--ivory);border:1px solid var(--line);background:#172337;padding:11px 18px;min-height:44px;border-radius:3px}#mh-approved button:hover{background:#26354c}#mh-approved button[aria-pressed=true]{background:var(--gold);color:var(--night)}#mh-approved button.emerald{background:#18573f;border-color:#52977a}#mh-approved button.blue{background:#233f67;border-color:#6485b1}#mh-approved button.crimson{background:#8b0e1a;border-color:#b9636c}#mh-approved button:focus-visible,#mh-approved a:focus-visible{outline:3px solid #f8dda1;outline-offset:4px}#mh-approved .muted,#mh-approved small{color:var(--muted);font-size:13px}#mh-approved a{color:var(--gold)}#mh-approved .review{background:#202b3c;color:#e1d8c5;padding:12px 22px;font-size:13px}#mh-approved .shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:850px;min-height:650px}#mh-approved .shell.expanded{height:auto}#mh-approved .header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);background:#080d16;z-index:2}#mh-approved .brand{display:flex;align-items:center;gap:12px;font-family:Cinzel,serif;color:var(--gold);font-size:17px;line-height:1.3;flex-shrink:0}#mh-approved .compass{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;font-size:30px;position:relative}#mh-approved .compass:before{content:'';position:absolute;inset:5px;border:1px solid var(--line);transform:rotate(45deg)}#mh-approved .nav{display:flex;gap:5px;flex-wrap:wrap}#mh-approved .nav button{background:transparent;border:0;padding:8px;font-size:14px;min-height:44px}#mh-approved .menu-toggle{display:none}#mh-approved .body-scroll{overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;background:var(--navy)}#mh-approved .expanded .body-scroll{overflow:visible}#mh-approved section{padding:64px 6%}#mh-approved .stars{background-image:radial-gradient(circle at 13% 12%,#d4af37 1px,transparent 2px),radial-gradient(circle at 72% 19%,#bfc6d3 1px,transparent 2px);background-size:237px 263px,373px 341px}#mh-approved .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;background-color:#101b2e;position:relative;overflow:hidden;padding-top:72px;padding-bottom:70px;background-image:radial-gradient(ellipse at 72% 34%,#304057,#0b1423 70%)}#mh-approved .hero-copy{position:relative;z-index:1}#mh-approved .tagline{font-family:'Source Serif 4',serif;font-size:24px;color:var(--gold);line-height:1.4;margin-bottom:22px}#mh-approved .hero-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}#mh-approved .hero-actions button{font-size:14px;letter-spacing:.6px;padding:14px 10px}#mh-approved .hero .orrery{width:100%;aspect-ratio:1;position:relative;max-width:390px;margin:auto;border:1px solid #87734880;border-radius:50%;background:radial-gradient(circle,#d4af3720,transparent 65%);box-shadow:0 0 0 15px #d4af3707,0 0 0 16px #d4af3722}#mh-approved .orbit{position:absolute;inset:20% 1%;border:2px solid var(--gold);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 8px #d4af3725}#mh-approved .orbit.o2{inset:4% 28%;transform:rotate(35deg)}#mh-approved .orbit.o3{inset:8% 21%;transform:rotate(-25deg)}#mh-approved .orbit.o4{inset:34% 0;transform:rotate(22deg)}#mh-approved .sun{position:absolute;inset:39%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff4c3,#d4af37 50%,#805021);box-shadow:0 0 60px #d4af3760}#mh-approved .planet{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fce6a7,#af823d);position:absolute;left:12%;top:54%}#mh-approved .planet.p2{left:78%;top:27%;width:14px;height:14px}#mh-approved .orrery-base{position:absolute;left:34%;right:34%;bottom:-12px;height:35px;border-bottom:4px solid var(--gold);background:linear-gradient(90deg,transparent 44%,#caa765 44% 56%,transparent 56%)}#mh-approved .hero-foot{grid-column:1/-1;text-align:center;margin-top:8px}#mh-approved .divider{display:flex;align-items:center;gap:18px;justify-content:center;color:var(--gold);padding:8px;background:#0b1423}#mh-approved .divider:before,#mh-approved .divider:after{content:'';height:1px;width:34%;background:linear-gradient(90deg,transparent,#776440,transparent)}#mh-approved .section-head{text-align:center;max-width:700px;margin:0 auto 34px}#mh-approved .paths{display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative;max-width:800px;margin:auto}#mh-approved .paths:before{content:'';position:absolute;left:25%;right:25%;top:10%;bottom:10%;border:1px solid #a48b5366;transform:rotate(12deg);pointer-events:none}#mh-approved .path{position:relative;display:grid;grid-template-columns:78px 1fr;gap:20px;text-align:left;padding:24px;background:#111d30;border:1px solid #7b6a47;box-shadow:0 10px 24px #05070b66;min-width:0}#mh-approved .path:nth-child(even){margin-top:28px;margin-bottom:-28px}#mh-approved .path:last-child{grid-column:1/-1;width:80%;margin:28px auto 0}#mh-approved .path h3{color:var(--gold);margin:0 0 10px;font-size:20px}#mh-approved .path p{font-family:'Source Serif 4',serif;font-size:16px;margin:0;color:var(--ivory)}#mh-approved .path-art{width:76px;height:100px;display:grid;place-items:center;background:radial-gradient(circle,#d4af372b,transparent 70%);color:var(--gold)}#mh-approved .path-art i{width:40px;height:40px}#mh-approved .quiet{background:linear-gradient(#0b1423,#121c2c,#0b1423)}#mh-approved .hotlist{border:1px solid var(--line);background:#101a2a;padding:8px 24px;box-shadow:0 0 0 7px #0b1423,0 0 0 8px #514732}#mh-approved .room-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #344156}#mh-approved .room-row:last-child{border:0}#mh-approved .room-row h3{font-family:'Source Sans 3',sans-serif;margin:5px 0 8px}#mh-approved .room-row p{margin:0 0 8px;color:var(--muted)}#mh-approved .controls{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:24px 0 0}#mh-approved .gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}#mh-approved .exhibit{background:#111d30;border:1px solid #685b42;display:grid;grid-template-columns:100px 1fr;min-width:0}#mh-approved .exhibit:first-child{grid-row:span 2;display:block}#mh-approved .exhibit-art{display:grid;place-items:center;min-height:135px;color:var(--gold);background:radial-gradient(ellipse at 50% 60%,#d4af3730,transparent 55%),linear-gradient(145deg,#23334b,#0d1425);border-right:1px solid #685b42}#mh-approved .exhibit:first-child .exhibit-art{height:240px;border-right:0;border-bottom:1px solid #685b42}#mh-approved .exhibit-art i{width:38px;height:38px}#mh-approved .exhibit-copy{padding:20px}#mh-approved .exhibit-copy h3{font-size:20px;margin-bottom:8px}#mh-approved .exhibit-copy p{font-family:'Source Serif 4',serif;color:var(--muted);margin:8px 0}#mh-approved .policy{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:22px;font-size:13px;color:var(--muted)}#mh-approved .invitation{text-align:center;background:radial-gradient(ellipse at 50% 30%,#37364d,#10192a 60%,#0b1423)}#mh-approved .doors{height:250px;width:min(360px,85%);border:2px solid var(--gold);border-radius:180px 180px 0 0;position:relative;margin:0 auto 32px;overflow:hidden;background:radial-gradient(ellipse,#d4af3755,transparent 55%),radial-gradient(circle,#f3e3b3 1px,transparent 2px);background-size:auto,39px 47px;box-shadow:0 0 60px #d4af3722}#mh-approved .door{position:absolute;top:34px;bottom:0;left:-2%;width:27%;border:2px solid var(--gold);background:repeating-linear-gradient(0deg,#172239 0 57px,#806b44 58px 60px);transform:skewY(-12deg)}#mh-approved .door.right{left:auto;right:-2%;transform:skewY(12deg)}#mh-approved .invitation .prose{max-width:660px;margin:20px auto}#mh-approved .footer{border-top:1px solid var(--line);background:#080d16;padding:14px 24px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}#mh-approved .footer .brand{font-size:13px}#mh-approved .footer button{font-size:12px;background:transparent;border:0;padding:5px 9px}#mh-approved .page{padding:42px 6%;min-height:500px;background:radial-gradient(ellipse at top,#263348,#0b1423 55%)}#mh-approved .page-title{margin-top:26px}#mh-approved .form{padding:26px;border:1px solid var(--line);background:#111c2d;max-width:650px;margin:24px auto}#mh-approved label{display:block;color:var(--muted);margin:16px 0}#mh-approved input:not([type=checkbox]),#mh-approved textarea,#mh-approved select{display:block;width:100%;padding:10px;margin-top:6px;background:#080f1b;color:var(--ivory);border:1px solid #6d7b8e;border-radius:3px;min-height:44px}#mh-approved textarea{min-height:96px;resize:vertical}#mh-approved .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#mh-approved .check{display:flex;gap:12px;align-items:flex-start;font-size:14px}#mh-approved .check input{width:20px;height:20px;flex-shrink:0}#mh-approved .profile{border:1px solid var(--line);background:#111c2d;margin:24px 0;padding:35px}#mh-approved .profile-banner{height:140px;display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle,#d4af3733,transparent 50%);border-bottom:1px solid var(--line);margin-bottom:24px}#mh-approved .post{padding:20px;background:#111c2d;border-bottom:1px solid #3c4656}#mh-approved .post strong{color:var(--gold);font-weight:500}#mh-approved .post p{font-family:'Source Serif 4',serif;margin:10px 0 0}#mh-approved .preview-label{font-size:12px;letter-spacing:1px;color:var(--gold);margin:16px 0}#mh-approved .notice{padding:14px 18px;border-left:2px solid var(--gold);background:#1a273b;color:var(--muted);font-size:14px;margin:20px 0}#mh-approved .status{color:var(--gold);font-size:14px;margin-top:18px}#mh-approved .back{margin-bottom:20px}#mh-approved .join-line{font-family:'Source Serif 4',serif;font-size:22px;text-align:center;color:var(--gold);margin-top:30px}#mh-approved .skip{display:block;color:var(--gold);padding:6px 24px;background:#080d16;font-size:12px} @container(max-width:850px){#mh-approved .header{flex-wrap:wrap}#mh-approved .nav{width:100%;justify-content:space-between}#mh-approved .path{grid-template-columns:56px 1fr;padding:20px;gap:14px}#mh-approved .path-art{width:54px}#mh-approved .hero{gap:28px}#mh-approved .gallery{grid-template-columns:1fr 1fr}#mh-approved .exhibit:not(:first-child){display:block}#mh-approved .exhibit-art{border-right:0;border-bottom:1px solid #685b42}} @container(max-width:560px){#mh-approved .shell{height:780px;min-height:650px}#mh-approved .shell.expanded{height:auto}#mh-approved .header{padding:16px;gap:12px}#mh-approved .brand{font-size:15px}#mh-approved .compass{width:30px;height:30px;font-size:24px}#mh-approved .menu-toggle{display:block}#mh-approved .nav{display:none}#mh-approved .nav.open{display:flex;justify-content:flex-start}#mh-approved section{padding:44px 22px}#mh-approved .hero{grid-template-columns:1fr}#mh-approved .hero-copy{order:1}#mh-approved .hero .orrery{order:0;width:70%;max-width:240px}#mh-approved .hero-actions{order:2;grid-template-columns:1fr}#mh-approved .hero-foot{order:3}#mh-approved .paths,#mh-approved .gallery,#mh-approved .form-grid{grid-template-columns:1fr}#mh-approved .paths:before{left:50%;right:auto;transform:none}#mh-approved .path:nth-child(even){margin:0}#mh-approved .path:last-child{width:100%;margin:0}#mh-approved .exhibit:first-child{grid-row:auto}#mh-approved .exhibit:first-child .exhibit-art{height:160px}#mh-approved .room-row{grid-template-columns:1fr}#mh-approved .room-row button{justify-self:start}#mh-approved .footer{padding:10px 16px;gap:4px}#mh-approved .footer .brand{width:100%}#mh-approved .footer .muted{font-size:12px}#mh-approved .footer button{min-height:36px}#mh-approved .profile{padding:22px}#mh-approved .form{padding:20px}#mh-approved .review{padding:12px 16px}} #mh-approved .hero:before{content:'';position:absolute;width:94%;height:660px;left:3%;top:-180px;border:1px solid #ad91574d;border-radius:50% 50% 0 0;box-shadow:0 0 0 18px #ad915709,0 0 0 19px #ad91572b,0 0 0 40px #ad915705;pointer-events:none} #mh-approved .hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 71% 14%,#f1dc99 1px,transparent 2px),radial-gradient(circle at 88% 26%,#c4d4eb 1px,transparent 2px),radial-gradient(circle at 59% 9%,#c4d4eb 1px,transparent 2px),radial-gradient(circle at 18% 14%,#c4d4eb 1px,transparent 2px),linear-gradient(0deg,#0b1423,transparent 20%);background-size:173px 193px,263px 227px,317px 281px,349px 313px,auto;opacity:.65} #mh-approved .hero .orrery,#mh-approved .hero-actions,#mh-approved .hero-foot{z-index:1}#mh-approved .hero-actions,#mh-approved .hero-foot{position:relative} #mh-approved .hero .orrery{border-color:#b293514d;background:repeating-conic-gradient(from 0deg,#d4af372b 0deg 1deg,transparent 1deg 15deg),radial-gradient(circle,#d4af3715,transparent 65%);box-shadow:0 0 0 12px #d4af3705,0 0 0 13px #d4af3722,0 24px 45px #05070b55} #mh-approved .orbit{border-color:#e0c27e;box-shadow:0 1px 2px #f0daaa66,0 0 16px #d4af3712}#mh-approved .sun{box-shadow:0 0 65px #d4af3759,inset -5px -7px 15px #6e461940} #mh-approved #mh-threshold{background-color:#0b1423;background-image:radial-gradient(ellipse at 50% 42%,#233a4d55,transparent 70%),radial-gradient(circle at 13% 12%,#d4af37 1px,transparent 2px),radial-gradient(circle at 72% 19%,#bfc6d3 1px,transparent 2px);background-size:auto,237px 263px,373px 341px} #mh-approved .path{background:linear-gradient(120deg,#132137,#101a2a);border-color:#8a734b;box-shadow:0 12px 28px #05070b77}#mh-approved .path:hover{background:linear-gradient(120deg,#1e3048,#172438);border-color:#dfbd7c} #mh-approved .path-art{position:relative;overflow:hidden;border:1px solid #b2935155;border-radius:48% 48% 3px 3px;background:radial-gradient(ellipse at 50% 70%,#cfad6650,transparent 58%),linear-gradient(#1b2b44,#0b1423)} #mh-approved .path:nth-child(n) .path-art:before{content:'';position:absolute;inset:8px;border:1px solid #d4af3750;border-radius:48% 48% 2px 2px;pointer-events:none}#mh-approved .path-art:after{content:'';position:absolute;left:10%;right:10%;bottom:10%;height:1px;background:#e0c27e66;box-shadow:0 -6px 0 #e0c27e22;pointer-events:none} #mh-approved .path:nth-child(2) .path-art{border-radius:50%;background:radial-gradient(ellipse,#a7bfd54d,#102038 65%)}#mh-approved .path:nth-child(2) .path-art:before{border-radius:50%} #mh-approved .path:nth-child(3) .path-art{border-radius:3px;background:repeating-linear-gradient(0deg,transparent 0 13px,#e0c27e11 14px 15px),linear-gradient(135deg,#493d2b,#1b2536)}#mh-approved .path:nth-child(3) .path-art:before{border-radius:0} #mh-approved .path:nth-child(4) .path-art{border-radius:50% 50% 8px 8px;background:radial-gradient(circle at 40% 35%,#b7cbb340,#0c1d2b 60%)}#mh-approved .path:nth-child(5) .path-art{background:radial-gradient(ellipse at 50% 65%,#c47c4466,#172132 65%)} #mh-approved .quiet{background:linear-gradient(#0b1423,#111c2c 45%,#0b1423)}#mh-approved .hotlist{border-radius:90px 90px 3px 3px;padding-top:36px;box-shadow:0 0 0 7px #0b1423,0 0 0 8px #514732,0 18px 35px #05070b40}#mh-approved .room-row:first-child{padding-top:14px} #mh-approved .exhibit-art{background:radial-gradient(ellipse at 50% 60%,#d4af3740,transparent 55%),radial-gradient(circle at 30% 25%,#d8c895 1px,transparent 2px),radial-gradient(circle at 65% 35%,#d8c895 1px,transparent 2px),linear-gradient(145deg,#253950,#0d1425);background-size:auto,91px 97px,137px 149px,auto} #mh-approved .invitation{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 24%,#403d5855,#10192a 60%,#0b1423)}#mh-approved .invitation:before{content:'';position:absolute;inset:5% 6% 0;border:1px solid #d4af3733;border-bottom:0;border-radius:50% 50% 0 0;z-index:-1;pointer-events:none} #mh-approved .doors{height:290px;border-width:3px;box-shadow:0 0 0 9px #d4af370c,0 0 0 10px #d4af372b,0 0 75px #d4af3722;background-image:radial-gradient(ellipse at 50% 35%,#e0ca844d,transparent 55%),linear-gradient(160deg,transparent 51%,#cbb99b22 52%,transparent 66%),radial-gradient(circle,#f3e3b3 1px,transparent 2px);background-size:auto,auto,39px 47px} #mh-approved .doors:before{content:'';position:absolute;inset:7px;border:1px solid #e0c27e66;border-radius:160px 160px 0 0;pointer-events:none}#mh-approved .door{box-shadow:inset 5px 0 14px #05070b80,3px 0 18px #05070b66}#mh-approved .door.right{box-shadow:inset -5px 0 14px #05070b80,-3px 0 18px #05070b66} #mh-approved .form-grid label{min-width:0}#mh-approved input,#mh-approved textarea{scroll-margin-block:20px}#mh-approved .body-scroll{scroll-padding-block:20px} @container(max-width:560px){#mh-approved .hero:before{top:-120px;height:410px;width:110%;left:-5%}#mh-approved .hero-copy{margin-top:5px}#mh-approved .hero .orrery{margin-top:6px;margin-bottom:12px}#mh-approved .paths{gap:22px}#mh-approved .path{grid-template-columns:56px 1fr;padding:18px;gap:15px}#mh-approved .path-art{height:88px}#mh-approved .hotlist{border-radius:55px 55px 3px 3px;padding:24px 20px 8px}#mh-approved .footer button{min-height:44px}#mh-approved .footer .brand{display:none}#mh-approved .footer nav{display:flex;flex-wrap:wrap;gap:0}#mh-approved .footer{padding:8px 14px}#mh-approved .doors{height:230px;width:80%}#mh-approved .invitation:before{inset:3% 3% 0}} #mh-approved{--observatory-image:url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");--pathways-image:url("/haven-design/v4/entrance-assets/approved-review-art-2.jpg");--doors-image:url("/haven-design/v4/entrance-assets/approved-review-art-3.jpg")} #mh-approved .hero{background-image:linear-gradient(90deg,#050b16e8 0%,#07101ec9 36%,#08111c25 63%,#08111c12 100%),var(--observatory-image);background-size:cover;background-position:center;min-height:650px;padding-top:68px;padding-bottom:45px;grid-template-columns:1.15fr 1fr} #mh-approved .hero:before,#mh-approved .hero:after{display:none}#mh-approved .hero .orrery{visibility:hidden;box-shadow:none;background:none;border:0}#mh-approved .hero-copy .prose{color:#e8e2d6;text-shadow:0 2px 6px #05070b}#mh-approved .hero-copy h1,#mh-approved .hero-copy .tagline{text-shadow:0 2px 10px #05070b} #mh-approved .path{grid-template-columns:110px 1fr;padding:0;gap:20px;overflow:hidden}#mh-approved .path>span:last-child{padding:22px 20px 22px 0;align-self:center}#mh-approved .path-art{width:110px;height:100%;min-height:178px;background-image:var(--pathways-image)!important;background-size:500% 100%!important;border:0;border-right:1px solid #b2935166;border-radius:0!important;display:block}#mh-approved .path-art i,#mh-approved .path-art svg,#mh-approved .path-art:before,#mh-approved .path-art:after{display:none}#mh-approved .path:nth-child(1) .path-art{background-position:0% center}#mh-approved .path:nth-child(2) .path-art{background-position:25% center}#mh-approved .path:nth-child(3) .path-art{background-position:50% center}#mh-approved .path:nth-child(4) .path-art{background-position:75% center}#mh-approved .path:nth-child(5) .path-art{background-position:100% center} #mh-approved .invitation{background-image:linear-gradient(0deg,#0b1423 0%,#09101ecf 28%,#08101b22 65%,#08101b00 100%),var(--doors-image);background-size:cover;background-position:center top;padding-top:280px;min-height:650px}#mh-approved .invitation:before{display:none}#mh-approved .doors{display:none}#mh-approved .invitation h2,#mh-approved .invitation .prose,#mh-approved .invitation .tagline{text-shadow:0 2px 10px #05070b}#mh-approved .invitation .prose{color:#e8e2d6} @container(max-width:850px){#mh-approved .path{grid-template-columns:90px 1fr;gap:15px}#mh-approved .path-art{width:90px;min-height:175px}#mh-approved .path>span:last-child{padding-right:16px}#mh-approved .hero{min-height:610px}} @container(max-width:560px){#mh-approved .hero{display:block;background-size:auto 360px;background-repeat:no-repeat;background-position:right top;background-color:#0b1423;padding-top:290px;min-height:0}#mh-approved .hero .orrery{display:none}#mh-approved .hero:after{display:block;background:linear-gradient(0deg,#0b1423 0%,#0b142300 100%);height:110px;inset:250px 0 auto;opacity:1}#mh-approved .hero-copy{margin:0}#mh-approved .hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px}#mh-approved .hero-foot{margin-top:20px}#mh-approved .path{grid-template-columns:92px 1fr;padding:0;gap:16px}#mh-approved .path-art{width:92px;min-height:174px}#mh-approved .path>span:last-child{padding:20px 14px 20px 0}#mh-approved .path h3{font-size:18px}#mh-approved .path p{font-size:16px}#mh-approved .invitation{background-size:auto 390px;background-repeat:no-repeat;background-position:center top;background-color:#0b1423;padding-top:320px;min-height:0;background-image:linear-gradient(0deg,#0b1423 0%,#0b142300 40%),var(--doors-image)}} #mh-approved .gallery{max-width:1040px;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}#mh-approved .exhibit:first-child .exhibit-art{height:280px}#mh-approved .exhibit-copy small{display:block;margin:12px 0}#mh-approved .exhibit-copy button{display:block;margin-top:12px}#mh-approved .profile{max-width:760px;margin:24px auto}#mh-approved .profile p{overflow-wrap:anywhere}@container(max-width:850px){#mh-approved .gallery{grid-template-columns:1fr 1fr}}@container(max-width:560px){#mh-approved .gallery{grid-template-columns:1fr;max-width:420px}#mh-approved .exhibit:first-child .exhibit-art{height:220px}} #mh-approved .hotlist{max-width:960px;margin-inline:auto;width:100%}#mh-approved .room-row>div{max-width:640px} #mh-approved .gallery{max-width:1160px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#mh-approved .gallery .exhibit,#mh-approved .gallery .exhibit:first-child{display:grid;grid-row:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#mh-approved .gallery .exhibit .exhibit-art{height:auto;min-height:260px;border-bottom:0;border-right:1px solid #685b42}#mh-approved .gallery .exhibit-copy{display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere}#mh-approved .gallery .exhibit-copy button{align-self:flex-start}#mh-approved .hotlist{max-width:760px}#mh-approved .paths{max-width:1040px;gap:24px}#mh-approved .path:nth-child(even){margin:0}#mh-approved .path:last-child{margin:0 auto;width:100%}#mh-approved .paths:before{transform:none}@container(max-width:950px){#mh-approved .gallery .exhibit,#mh-approved .gallery .exhibit:first-child{grid-template-columns:1fr}#mh-approved .gallery .exhibit .exhibit-art{min-height:180px;border-right:0;border-bottom:1px solid #685b42}}@container(max-width:560px){#mh-approved .gallery{grid-template-columns:1fr}#mh-approved .gallery .exhibit .exhibit-art{min-height:190px}#mh-approved .paths{grid-template-columns:1fr}} #mh-approved .hero-actions{width:100%;max-width:900px;justify-self:center;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr))}@container(max-width:560px){#mh-approved .hero-actions{grid-template-columns:1fr;max-width:340px}} #mh-approved .skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#mh-approved .skip:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;padding:12px 20px;margin:0;overflow:visible;clip-path:none;z-index:100;background:#080d16;outline:3px solid #f8dda1} /* Restore the approved review composition; retain approved masthead and footer. */ #mh-approved .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #mh-approved .haven-masthead{display:block;width:min(100%,560px);height:auto;margin:0 0 18px;filter:drop-shadow(0 5px 14px #05070b)} @media(min-width:1101px){ #mh-approved .hero{padding-top:28px;padding-bottom:30px;gap:14px;min-height:calc(100dvh - 125px);align-items:center} #mh-approved .hero-copy{max-width:650px} #mh-approved .hero-copy .prose{margin-bottom:16px} #mh-approved .hero-actions{margin-top:8px} #mh-approved .footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;padding:10px 24px;flex-wrap:nowrap;font-size:.83rem} #mh-approved .footer .brand{grid-column:1;white-space:nowrap;color:#d4af37;font-size:.83rem} #mh-approved .footer-meta{grid-column:2;white-space:nowrap;color:#a7b4c8;text-align:center} #mh-approved .footer nav{grid-column:3;display:flex;justify-self:end;gap:clamp(8px,1vw,16px);white-space:nowrap} #mh-approved .footer nav button{min-height:0;margin:0;padding:0;font-size:clamp(.75rem,1.05vw,.83rem);line-height:1.4;color:#90bde4;border-radius:0} #mh-approved .footer nav button:hover{color:#d4af37;background:transparent;text-decoration:underline;text-underline-offset:4px} } /* Desktop visitor discovery: compact Rooms alongside public-post excerpts. */ #mh-approved .discovery-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;max-width:1200px;margin:auto;align-items:start} #mh-approved section.discovery-panel{padding:0;min-width:0} #mh-approved .discovery-heading{min-height:88px} #mh-approved .discovery-heading h3{color:var(--gold);margin-bottom:8px;font-size:25px} #mh-approved .discovery-heading p{color:var(--muted);margin:0;font-family:'Source Serif 4',serif} #mh-approved .discovery-panel .hotlist{border-radius:3px;padding:0 20px;box-shadow:none;max-width:100%} #mh-approved .discovery-panel .room-row{grid-template-columns:minmax(0,1fr) auto;padding:22px 0;gap:12px} #mh-approved .discovery-panel .room-row h3{font-size:18px} #mh-approved .discovery-panel .room-row p{font-size:14px} #mh-approved .activity-metrics{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13px} #mh-approved .activity-metrics span:first-child{color:#e0c27e} #mh-approved .post-feed{display:grid;gap:14px} #mh-approved .discovery-post{padding:20px;border:1px solid var(--line);background:#101a2a;min-width:0;overflow-wrap:anywhere} #mh-approved .discovery-post h4{margin:0 0 6px;color:var(--gold);font-weight:500} #mh-approved .discovery-post small{display:block} #mh-approved .post-excerpt{font-family:'Source Serif 4',serif;color:var(--ivory);margin:12px 0 16px;line-height:1.65} #mh-approved .discovery-panel .controls{justify-content:flex-start;margin-top:22px} #mh-approved .full-discovery{max-width:900px;margin:24px auto} @media(max-width:1100px){#mh-approved .discovery-panels{grid-template-columns:1fr;max-width:760px}} /* Real navigation links retain the approved button presentation. */ #mh-approved a[data-route]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ivory);border:1px solid var(--line);background:#172337;padding:11px 18px;min-height:44px;border-radius:3px} #mh-approved .nav a[data-route]{background:transparent;border:0;padding:8px;font-size:14px} #mh-approved .hero-actions a{font-size:14px;letter-spacing:.6px;padding:14px 10px} #mh-approved a.emerald{background:#18573f;border-color:#52977a} #mh-approved a.blue{background:#233f67;border-color:#6485b1} #mh-approved a.crimson{background:#8b0e1a;border-color:#b9636c} #mh-approved a.path{display:grid;text-align:left;padding:0;justify-content:normal;background:#111d30} #mh-approved .footer a[data-route]{min-height:0;padding:0;background:transparent;border:0;font-size:clamp(.75rem,1.05vw,.83rem);line-height:1.4;color:#90bde4;white-space:nowrap} #mh-approved a[data-route]:hover{filter:brightness(1.15)} /* Shared celestial ornaments and the curated-worlds concept sections. */ #mh-approved #mh-entrance section.haven-benefits{position:relative;z-index:0;background-image:linear-gradient(#fff1ce66,#fff1ce66),url("/haven-design/v4/entrance-assets/haven-parchment.jpg");background-size:auto,1024px 784px;background-position:center;border-block:2px solid #a57732;box-shadow:inset 0 0 32px #70401766} #mh-approved #mh-entrance>.divider{filter:drop-shadow(0 1px 1px #301b08);z-index:5} #mh-approved #mh-entrance>.divider{font-size:0!important;gap:0;height:40px;background:transparent url("/haven-design/v4/entrance-assets/celestial-divider.svg") no-repeat center;background-size:180px 40px} #mh-approved .divider:before,#mh-approved .divider:after{width:calc(50% - 90px);background:linear-gradient(90deg,transparent,#b98b42 30%,#ffe1a1);box-shadow:0 1px 0 #684518} #mh-approved .divider:after{transform:scaleX(-1)} #mh-approved section.haven-benefits{padding:32px 4% 36px;color:#15202b;background:radial-gradient(ellipse at 15% 50%,#fff2ca99,transparent 55%),radial-gradient(ellipse at 90% 40%,#c68b3e33,transparent 60%),repeating-linear-gradient(37deg,#9e713109 0 1px,transparent 1px 6px),#ead2a0;border-block:2px solid #b58a46;box-shadow:inset 0 0 32px #8d541f55} #mh-approved .haven-benefits h2{color:#15202b;text-align:center;font-size:28px;margin-bottom:26px} #mh-approved .benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;max-width:1480px;margin:auto;text-align:center} #mh-approved .benefit-grid article{padding-inline:8px;min-width:0} #mh-approved .benefit-grid svg{width:36px;height:36px;margin-bottom:10px;stroke-width:1.8} #mh-approved .benefit-grid h3{font-size:15px;color:#15202b;margin-bottom:8px;font-weight:500} #mh-approved .benefit-grid p{font-family:'Source Serif 4',serif;font-size:15px;line-height:1.4;margin:0} #mh-approved section.featured-worlds{padding:32px 4% 36px;background:radial-gradient(ellipse at 70% 50%,#23466744,transparent 70%)} #mh-approved .featured-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1480px;margin:auto} #mh-approved .featured-heading h2{font-size:28px;color:var(--gold);margin:0} #mh-approved .featured-heading a[data-route]{background:transparent;border:0;padding:0;color:var(--ivory)} #mh-approved .featured-intro{max-width:1480px;margin:4px auto 20px;color:var(--muted);font-family:'Source Serif 4',serif} #mh-approved .featured-world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;max-width:1480px;margin:auto} #mh-approved .featured-world-grid a[data-route]{display:block;padding:0;background:transparent;border:0;text-align:center} #mh-approved .featured-art{display:block;aspect-ratio:793/370;background-size:100% 100%;border:2px solid #d6ae64;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)} #mh-approved .featured-art-1{background-image:url("/haven-design/v4/entrance-assets/ExploreWorlds.png")} #mh-approved .featured-art-2{background-image:url("/haven-design/v4/entrance-assets/CreateACharacter.png")} #mh-approved .featured-art-3{background-image:url("/haven-design/v4/entrance-assets/EnterTheRoleplay.png")} #mh-approved .featured-art-4{background-image:url("/haven-design/v4/entrance-assets/CreateYourOwnSpace.png")} #mh-approved .featured-art-5{background-image:url("/haven-design/v4/entrance-assets/FindYourPeople.png")} #mh-approved .featured-world-grid h3{font-size:15px;margin:10px 0 0} #mh-approved .featured-sample-note{text-align:center;font-size:12px;color:var(--muted);margin:18px 0 0} @media(max-width:1100px){#mh-approved .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#mh-approved .featured-world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:560px){#mh-approved .benefit-grid,#mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mh-approved .featured-heading{display:block}} /* One celestial atmosphere carries the visitor between the approved scenes. */ #mh-approved #mh-entrance{background:#080f20 url("/haven-design/v4/entrance-assets/celestial-stars.svg") repeat;background-size:960px 760px} #mh-approved #mh-threshold, #mh-approved .discovery-section, #mh-approved section[aria-labelledby="mh-new-title"]{position:relative;isolation:isolate;background-color:transparent;background-size:auto} #mh-approved #mh-threshold{background-image:linear-gradient(#0b1423,transparent 18%,transparent 82%,#080f20),radial-gradient(ellipse at 12% 42%,#365d864f,transparent 58%),radial-gradient(ellipse at 88% 65%,#5b3a7645,transparent 60%)} #mh-approved .discovery-section{background-image:linear-gradient(#080f20,transparent 18%,transparent 82%,#080f20),radial-gradient(ellipse at 82% 40%,#285b7840,transparent 65%),radial-gradient(ellipse at 8% 75%,#3e346737,transparent 58%)} #mh-approved section[aria-labelledby="mh-new-title"]{background-image:linear-gradient(#080f20,transparent 18%,transparent 82%,#0b1423),radial-gradient(ellipse at 18% 48%,#59427348,transparent 58%),radial-gradient(ellipse at 88% 68%,#8a70402b,transparent 55%)} #mh-approved #mh-threshold:before{content:'';position:absolute;inset:12% 8%;z-index:-1;pointer-events:none;border:1px solid #b8a27414;border-radius:50%} #mh-approved .divider{background:transparent;position:relative;z-index:3;height:40px;margin-block:-20px;padding:8px;pointer-events:none} #mh-approved a.path{background:linear-gradient(120deg,#142239ed,#0d182ce8);box-shadow:0 12px 32px #03071166} #mh-approved .discovery-panel .hotlist, #mh-approved .discovery-post{background:linear-gradient(135deg,#142239f0,#0c172ae8);border-color:#88734c;box-shadow:0 12px 32px #03071144} #mh-approved .gallery .exhibit{background:linear-gradient(135deg,#142239ed,#101a2be8);box-shadow:0 12px 32px #03071155} #mh-approved .gallery .exhibit-art{background-image:radial-gradient(ellipse at 50% 65%,#cfad6633,transparent 62%),radial-gradient(ellipse at 20% 25%,#6f529845,transparent 68%),url("/haven-design/v4/entrance-assets/celestial-stars.svg"),linear-gradient(145deg,#1f344a,#0b1426);background-size:auto,auto,640px 507px,auto} /* Fade the artwork into the shared sky; ornaments float over each join. */ @media(min-width:1101px){ #mh-approved #mh-threshold a.path,#mh-approved #mh-threshold .path:last-child{border:0;border-radius:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,calc(100% - 8px) 5px,calc(100% - 5px) 8px,100% 10px,100% calc(100% - 10px),calc(100% - 5px) calc(100% - 8px),calc(100% - 8px) calc(100% - 5px),calc(100% - 10px) 100%,10px 100%,8px calc(100% - 5px),5px calc(100% - 8px),0 calc(100% - 10px),0 10px,5px 8px,8px 5px);position:relative} #mh-approved a.path:after{content:'';position:absolute;inset:0;border:12px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none;z-index:2} #mh-approved a.path:focus-visible{clip-path:none;outline-offset:4px} } /* Desktop composition follows the approved full-page celestial concept. */ @media(min-width:1101px){ #mh-approved .header{padding:12px 24px;gap:18px;background:#060e1a url("/haven-design/v4/entrance-assets/celestial-stars.svg");border-color:#b99350} #mh-approved .header-brand{font-size:clamp(14px,1.35vw,22px);text-decoration:none;gap:12px} #mh-approved .header-brand small{display:block;font-family:'Source Serif 4',serif;font-style:italic;font-size:12px;color:var(--ivory);margin-top:3px} #mh-approved .header .compass{width:48px;height:48px;font-size:38px} #mh-approved .nav{flex-wrap:nowrap;gap:3px;align-items:center} #mh-approved .nav a[data-route]{display:flex;flex-direction:column;gap:4px;padding:4px 8px;font-family:'Source Serif 4',serif;font-size:13px;white-space:nowrap} #mh-approved .nav svg{width:21px;height:21px;color:#e9e2d5} #mh-approved .nav .account-link[data-route]{flex-direction:row;border:1px solid #af8b48;padding:8px 12px;box-shadow:inset 0 0 12px #05070b88} #mh-approved .nav .blue[data-route]{background:linear-gradient(#173653,#07162b)} #mh-approved .nav .crimson[data-route]{background:linear-gradient(#800c19,#390911)} #mh-approved .hero{min-height:0;padding:34px 6% 30px;grid-template-columns:1fr 1.6fr;gap:12px;background-image:linear-gradient(90deg,#050b168f,#07101e35 42%,transparent 75%),var(--observatory-image)} #mh-approved .hero-copy{max-width:450px} #mh-approved .haven-masthead{width:100%;margin-bottom:14px} #mh-approved .hero-copy .prose{font-size:16px;line-height:1.5;margin-bottom:12px} #mh-approved .hero .orrery{max-width:280px} #mh-approved .hero-actions{max-width:1000px;margin-top:8px;gap:20px} #mh-approved .hero-actions a{font-family:Cinzel,serif;border-color:#bc9655;box-shadow:inset 0 0 20px #05070b55,0 5px 18px #0009} #mh-approved .hero-foot button{background:transparent;border:0;font-family:Cinzel,serif;letter-spacing:1px} #mh-approved #mh-threshold{padding:36px 3% 40px} #mh-approved #mh-threshold .section-head{max-width:none;margin-bottom:24px} #mh-approved #mh-threshold .eyebrow{margin-bottom:6px} #mh-approved #mh-threshold h2{font-size:32px;margin-bottom:8px} #mh-approved #mh-threshold h2 br{display:none} #mh-approved #mh-threshold h2 br:after{content:' '} #mh-approved .paths{max-width:1480px;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px} #mh-approved .paths:before{display:none} #mh-approved a.path,#mh-approved .path:last-child{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;align-content:start;width:100%;gap:0;border:1px solid #c59b52;border-radius:10px 2px;box-shadow:inset 0 0 0 3px #b9944722,0 8px 22px #0008} #mh-approved .path-art{width:100%;height:auto;aspect-ratio:793/370;min-height:0;background-size:100% 100%!important;background-color:#091322;border-right:0;border-bottom:1px solid #b99447;position:relative} #mh-approved .path:nth-child(n) .path-art:before{display:none} #mh-approved .path:nth-child(1) .path-art{background-image:url("/haven-design/v4/entrance-assets/ExploreWorlds.png")!important;background-position:center} #mh-approved .path:nth-child(2) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateACharacter.png")!important;background-position:center} #mh-approved .path:nth-child(3) .path-art{background-image:url("/haven-design/v4/entrance-assets/EnterTheRoleplay.png")!important;background-position:center} #mh-approved .path:nth-child(4) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateYourOwnSpace.png")!important;background-position:center} #mh-approved .path:nth-child(5) .path-art{background-image:url("/haven-design/v4/entrance-assets/FindYourPeople.png")!important;background-position:center} #mh-approved .path>span:last-child{padding:18px;text-align:center;align-self:start} #mh-approved .path h3{font-size:17px;margin-bottom:8px} #mh-approved .path p{font-size:15px;line-height:1.45} #mh-approved .divider{font-size:21px;text-shadow:0 0 10px #dbad4c66} } @media(min-width:1101px){ #mh-approved .hero:after{display:block;inset:auto 0 0;height:200px;background:linear-gradient(transparent 0%,#080f2059 45%,#080f20 100%);opacity:1;z-index:0} #mh-approved #mh-threshold{background-image:linear-gradient(#080f20,transparent 18%,transparent 82%,#080f20),radial-gradient(ellipse at 12% 42%,#365d864f,transparent 58%),radial-gradient(ellipse at 88% 65%,#5b3a7645,transparent 60%)} #mh-approved section[aria-labelledby="mh-new-title"]{background-image:linear-gradient(#080f20,transparent 18%,transparent 82%,#080f20),radial-gradient(ellipse at 18% 48%,#59427348,transparent 58%),radial-gradient(ellipse at 88% 68%,#8a70402b,transparent 55%)} #mh-approved .invitation:before{display:block;inset:0 0 auto;height:220px;border:0;border-radius:0;background:linear-gradient(#080f20 0%,#080f2059 55%,transparent 100%);z-index:0;pointer-events:none} #mh-approved .invitation>*{position:relative;z-index:1} } /* Compact desktop rhythm and framed calls to action follow the master mockup. */ #mh-approved #mh-entrance section.haven-benefits{background-size:auto,cover;background-repeat:no-repeat} @media(min-width:1101px){ #mh-approved #mh-threshold{padding-top:24px;padding-bottom:24px} #mh-approved #mh-threshold .section-head{margin-bottom:18px} #mh-approved #mh-entrance section.haven-benefits{padding:20px 3% 22px} #mh-approved .haven-benefits h2{margin-bottom:14px;font-size:27px} #mh-approved .benefit-grid{gap:12px} #mh-approved .benefit-grid article{padding-inline:6px} #mh-approved .benefit-grid svg{display:block;margin:0 auto 8px;width:38px;height:38px} #mh-approved .benefit-grid h3{font-size:14px;margin-bottom:5px} #mh-approved .benefit-grid p{font-size:14px;line-height:1.35} #mh-approved section.featured-worlds{padding:20px 4% 22px} #mh-approved .featured-heading h2{font-size:25px} #mh-approved .featured-intro{font-size:14px;margin:2px auto 12px} #mh-approved .featured-world-grid h3{margin-top:6px;font-size:14px} #mh-approved .featured-sample-note{margin:10px 0 0;font-size:11px} #mh-approved .hero-actions a[data-route]{position:relative;border:0;border-radius:0;gap:12px;padding:14px 22px;min-height:54px} #mh-approved .hero-actions a:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .hero-actions svg{width:26px;height:26px;flex-shrink:0;color:#efd087;stroke-width:1.7} #mh-approved .hero-actions a:before{content:'✧';position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:13px;color:#d5b16e;pointer-events:none} } /* Natural-scale paper, illustrated symbols, and consistently recessed frames. */ /* Beta activity composition: compact framed lists over uninterrupted sky. */ @media(min-width:1101px){ #mh-approved #mh-entrance .discovery-section{padding:24px 4% 22px;background-size:cover;background-position:center} #mh-approved .discovery-section>.section-head{margin:0 auto 14px;background:transparent} #mh-approved .discovery-section h2{font-size:28px;margin:0;color:var(--gold)} #mh-approved .discovery-panels{max-width:1480px;margin:auto;gap:18px;align-items:start} #mh-approved .discovery-panel{position:relative;padding:12px 16px 0;background:#031323e8;border:0;box-shadow:none} #mh-approved .discovery-panel:after{content:'';position:absolute;inset:0 0 26px;border:12px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .discovery-heading{display:flex;align-items:baseline;gap:12px;padding:0 0 6px;margin:0} #mh-approved .discovery-heading h3{font-size:21px;margin:0;white-space:nowrap} #mh-approved .discovery-heading p{font-family:'Source Serif 4',serif;font-size:12px;font-style:italic;margin:0;line-height:1.3} #mh-approved .discovery-panel .hotlist,#mh-approved .discovery-panel .post-feed{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;gap:0} #mh-approved .discovery-panel .room-row,#mh-approved .discovery-panel .discovery-post{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:84px;padding:8px 0;border:0;border-top:1px solid #819bbd44;background:transparent;box-shadow:none;margin:0} #mh-approved .discovery-panel .discovery-post{grid-template-columns:42px minmax(0,1fr) auto} #mh-approved .discovery-panel .room-row h3{font-family:'Source Serif 4',serif;font-size:14px;margin:0 0 3px} #mh-approved .discovery-panel .room-row>div>small:first-child,#mh-approved .discovery-panel .room-row>div>p{display:none} #mh-approved .discovery-panel .activity-metrics{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11px;line-height:1.3;margin:0} #mh-approved .discovery-panel .room-row small{font-size:11px} #mh-approved .discovery-panel button{background:transparent;border:0;padding:4px 0;font-family:'Source Serif 4',serif;font-size:12px;text-decoration:underline;color:#bdd8ef;min-height:32px;white-space:nowrap} #mh-approved .discovery-panel .controls{margin:0;justify-content:center;transform:translateY(8px)} #mh-approved .discovery-panel .controls button{min-height:36px;min-width:200px;padding:6px 18px;border:1px solid #d1ac64;text-decoration:none;background:linear-gradient(#174c7a,#061d38);color:var(--ivory)} #mh-approved .discovery-panel:last-child .controls button{background:linear-gradient(#9a152b,#4b0511)} #mh-approved .activity-room-art{display:block;width:74px;aspect-ratio:793/370;border:1px solid #cca65e;background-size:cover;background-position:center} #mh-approved .activity-room-art-0{background-image:url("/haven-design/v4/entrance-assets/ExploreWorlds.png")} #mh-approved .activity-room-art-1{background-image:url("/haven-design/v4/entrance-assets/EnterTheRoleplay.png")} #mh-approved .activity-room-art-2{background-image:url("/haven-design/v4/entrance-assets/FindYourPeople.png")} #mh-approved .activity-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #d6ae64;background:radial-gradient(#35567a,#09182b);font-family:Cinzel,serif;color:#f0d497} #mh-approved .discovery-panel .discovery-post h4{font-family:'Source Serif 4',serif;font-size:13px;margin:0 0 3px;color:var(--ivory)} #mh-approved .discovery-panel .post-excerpt{font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 3px} #mh-approved .discovery-panel .discovery-post small{font-size:11px;line-height:1.3} #mh-approved .discovery-section>.policy{background:transparent;margin:18px 0 0;font-size:11px;padding:0} } @media(min-width:1101px){ #mh-approved .hero:after{height:140px;background:linear-gradient(transparent,#080f20)} #mh-approved #mh-threshold{background-image:linear-gradient(#080f20,transparent 80px),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png")} #mh-approved #mh-entrance .invitation{background-image:linear-gradient(90deg,transparent 15%,#080f2040 36%,#080f2040 64%,transparent 85%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");background-size:cover;background-position:center;min-height:0;padding:58px 6% 48px} #mh-approved .invitation:before{height:70px;background:linear-gradient(#080f20,transparent)} #mh-approved .invitation h2{font-size:clamp(27px,2.6vw,38px);margin-bottom:18px;text-shadow:0 2px 7px #000} #mh-approved .invitation .prose{max-width:700px;text-shadow:0 2px 5px #000} #mh-approved .invitation .tagline{margin-bottom:20px} } #mh-approved #mh-entrance section.haven-benefits{background-image:linear-gradient(#fff1ce88,#fff1ce88),url("/haven-design/v4/entrance-assets/haven-parchment-seamless.svg");background-size:auto,1500px 1140px;background-repeat:repeat;background-position:center} #mh-approved .haven-icon{stroke:none;fill:currentColor;overflow:visible} #mh-approved .invitation .controls a[data-route]{gap:10px} #mh-approved .invitation .controls svg.haven-icon{width:28px;height:28px;flex:0 0 28px;stroke:none} @media(min-width:1101px){ #mh-approved #mh-threshold,#mh-approved #mh-entrance .featured-worlds,#mh-approved #mh-entrance .discovery-section{background-color:#080f20;background-image:linear-gradient(#080f201a,#080f201a),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center;background-repeat:no-repeat} #mh-approved #mh-threshold:before,#mh-approved #mh-entrance .featured-worlds:before{display:none} } @media(min-width:1101px){ #mh-approved .hero-actions{justify-self:start;margin-inline:0} #mh-approved .hero-actions a[data-route],#mh-approved .featured-art{clip-path:polygon(10px 0,calc(100% - 10px) 0,calc(100% - 8px) 5px,calc(100% - 5px) 8px,100% 10px,100% calc(100% - 10px),calc(100% - 5px) calc(100% - 8px),calc(100% - 8px) calc(100% - 5px),calc(100% - 10px) 100%,10px 100%,8px calc(100% - 5px),5px calc(100% - 8px),0 calc(100% - 10px),0 10px,5px 8px,8px 5px)} #mh-approved .hero-actions a:focus-visible{clip-path:none} #mh-approved .hero-actions svg.haven-icon{stroke:none;width:30px;height:30px} #mh-approved .benefit-grid svg.haven-icon{width:48px;height:48px;stroke:none} #mh-approved .benefit-grid article+article{border-left:1px solid #a879353b} #mh-approved .benefit-grid h3{font-weight:500} #mh-approved .nav svg.haven-icon{width:25px;height:25px;stroke:none} #mh-approved .featured-heading{display:grid;grid-template-columns:auto 1fr auto;gap:22px;margin-bottom:14px} #mh-approved .featured-heading .featured-intro{margin:0;text-align:center;line-height:1.35} #mh-approved .featured-art{position:relative;border:0} #mh-approved .featured-art:after{content:'';position:absolute;inset:0;border:12px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} } @media(min-width:1101px){ #mh-approved .nav a[data-route]:not(.account-link){position:relative;border-radius:0;transition:background-color .15s,color .15s} #mh-approved .nav a[data-route]:not(.account-link):hover,#mh-approved .nav a[data-route]:not(.account-link):focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;filter:none;box-shadow:inset 0 -2px 0 #d9b667} #mh-approved .nav a[data-route]:not(.account-link):hover svg,#mh-approved .nav a[data-route]:not(.account-link):focus-visible svg{color:#f3d38c} } @media(min-width:1101px){#mh-approved #mh-entrance .discovery-section{background-size:100% 100%,cover}#mh-approved #mh-threshold{background-image:linear-gradient(#080f20,transparent 80px),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png")}#mh-approved #mh-entrance .invitation{background-image:linear-gradient(90deg,#080f2055,transparent 28%,#073a741f 48%,transparent 72%,#080f2055),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png")}} @media(min-width:1101px){#mh-approved .featured-heading{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}#mh-approved .featured-heading h2{justify-self:start}#mh-approved .featured-heading a[data-route]{justify-self:end}} @media(min-width:1101px){ #mh-approved .header .compass{border:0;width:52px;height:52px;flex:0 0 52px} #mh-approved .header .compass:before{display:none} #mh-approved .header .compass svg{width:100%;height:100%} #mh-approved .hero{min-height:0;padding-top:26px;padding-bottom:24px} #mh-approved .hero-copy{max-width:420px} #mh-approved .haven-masthead{margin-bottom:8px} #mh-approved .hero-copy .prose{margin-bottom:8px} #mh-approved .hero .orrery{max-width:min(24vw,310px)} #mh-approved .invitation{padding-top:54px;padding-bottom:40px;min-height:0} #mh-approved .invitation h2{font-size:clamp(27px,2.5vw,36px);margin-bottom:10px} #mh-approved .invitation .prose{margin:0 auto 10px} #mh-approved .invitation .tagline{font-size:19px;margin-bottom:14px} #mh-approved .invitation .controls{display:flex;justify-content:center;gap:14px;margin:0 auto;max-width:930px} #mh-approved .invitation .controls a[data-route]{position:relative;display:flex;justify-content:center;align-items:center;flex:1;min-height:56px;padding:10px 18px;border:0;border-radius:0;font-family:Cinzel,serif;font-size:13px;letter-spacing:.3px;white-space:nowrap;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)} #mh-approved .invitation .controls a[data-route]:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .invitation .controls a.emerald{background:linear-gradient(#126045,#083a30);color:#f6e6bf} #mh-approved .invitation .controls a.blue{background:linear-gradient(#234878,#112643);color:#f6e6bf} #mh-approved .invitation .controls a.crimson{background:linear-gradient(#961d29,#510d17);color:#f6e6bf} #mh-approved .invitation .controls svg.haven-icon{width:24px;height:24px;flex:0 0 24px} #mh-approved .footer .brand{gap:8px} #mh-approved .footer .compass{width:30px;height:30px;border:0;font-size:0} #mh-approved .footer .compass:before{display:none} #mh-approved .footer .compass svg{width:100%;height:100%} } /* Approved sapphire compass and a distinct scrolling filigree for section seams. */ #mh-approved .compass{border:0;overflow:hidden;flex-shrink:0} #mh-approved .compass:before{display:none} #mh-approved .compass img{display:block;width:100%;height:100%;object-fit:contain} #mh-approved .account-actions{display:flex;align-items:center;justify-self:end;gap:6px} #mh-approved .account-actions a{display:flex;align-items:center;gap:6px;padding:8px 12px;min-height:42px;border:1px solid #b89350;color:#fff0d0;text-decoration:none;white-space:nowrap;font-family:'Source Serif 4',serif;font-size:14px;box-shadow:inset 0 0 12px #05070b88} #mh-approved .account-actions svg{width:20px;height:20px} #mh-approved .account-actions .blue{background:linear-gradient(#16364c,#071b2c)} #mh-approved .account-actions .crimson{background:linear-gradient(#790d1a,#330711)} #mh-approved .account-actions a:hover{filter:brightness(1.2)} #mh-approved #mh-entrance>.divider{background-image:url("/haven-design/v4/entrance-assets/haven-filigree-divider.svg");background-size:280px 40px} #mh-approved .divider:before,#mh-approved .divider:after{width:calc(50% - 140px)} #mh-approved #mh-entrance section.haven-benefits{background-image:linear-gradient(90deg,#ae703b22,transparent 12%,transparent 88%,#ae703b22),linear-gradient(#fff1cf99,#fff1cf99),url("/haven-design/v4/entrance-assets/haven-parchment-seamless.svg");background-size:auto,auto,1024px 778px;box-shadow:inset 0 0 28px #92591f55,inset 0 0 0 3px #f6dea188,inset 0 0 0 5px #ac7c3744;border-block:2px solid #b4863e} #mh-approved .haven-benefits h2{font-weight:500;color:#111b23} #mh-approved .haven-benefits h2:after{content:'';display:block;width:180px;height:23px;margin:2px auto 0;background:url("/haven-design/v4/entrance-assets/haven-filigree-divider.svg") center/180px 26px no-repeat} #mh-approved .benefit-grid h3{font-weight:600;color:#101923} #mh-approved .benefit-grid p{color:#19222a} #mh-approved #mh-featured-title{color:#fff0cc;text-shadow:0 2px 3px #020916,0 0 8px #020916,0 0 18px #020916} #mh-approved #mh-entrance .invitation{background-image:radial-gradient(ellipse at 50% 44%,#020b20dc 0%,#020b20b3 30%,#020b2030 65%,transparent 85%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png")} #mh-approved .invitation h2{color:#ffe4a5;text-shadow:0 2px 4px #010614,0 0 12px #010614} #mh-approved .invitation .prose{color:#fff7e8;text-shadow:0 2px 4px #010614;font-weight:500} #mh-approved .invitation .tagline{color:#ffdf90;text-shadow:0 2px 4px #010614,0 0 10px #010614;font-weight:500} @media(min-width:1101px){ #mh-approved .header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px} #mh-approved .nav{justify-self:center;justify-content:center;flex-wrap:nowrap} #mh-approved .header-brand{font-size:clamp(14px,1.2vw,22px)} #mh-approved .header .compass{width:52px;height:52px;flex:0 0 52px} #mh-approved .footer .compass{width:30px;height:30px;flex:0 0 30px} #mh-approved .haven-benefits h2{margin-bottom:8px} #mh-approved .benefit-grid svg.haven-icon{width:44px;height:44px} } @media(min-width:1500px){#mh-approved .header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}} @media(min-width:1101px) and (max-width:1350px){#mh-approved .header{gap:10px;padding-inline:18px}#mh-approved .nav a[data-route]{padding-inline:6px;font-size:12px}#mh-approved .header-brand{font-size:14px;gap:8px}#mh-approved .header-brand small{font-size:11px}#mh-approved .account-actions a{padding-inline:9px;font-size:13px}} @media(max-width:1100px){#mh-approved .header{flex-wrap:wrap}#mh-approved .account-actions{margin-left:auto}} #mh-approved .header .compass img{width:52px;height:52px} #mh-approved .footer .compass img{width:30px;height:30px} /* Rich manuscript parchment: natural texture scale, carved corner flourishes. */ #mh-approved #mh-entrance section.haven-benefits{background-color:#f3cd83;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png");background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444;padding-inline:4%} #mh-approved #mh-entrance section.haven-benefits:after{content:'';position:absolute;inset:0;border:36px solid transparent;border-image:url("/haven-design/v4/entrance-assets/parchment-ornate-frame.svg") 36 stretch;pointer-events:none;z-index:0} #mh-approved .haven-benefits>h2,#mh-approved .haven-benefits>.benefit-grid{position:relative;z-index:1} #mh-approved .haven-benefits h2{color:#171a1c;text-shadow:0 1px 0 #fff0c988} #mh-approved .benefit-grid article+article{border-image:linear-gradient(transparent,#a16c3266 25%,#a16c3266 75%,transparent) 1} #mh-approved .haven-benefits h2:after{filter:drop-shadow(0 1px 0 #6e461a88)} /* Quieter middle sky lets Realm artwork and community invitations lead. */ #mh-approved{--haven-celestial-veil:linear-gradient(#080f2099,#080f20b3)} @media(min-width:1101px){#mh-approved #mh-threshold{background-image:linear-gradient(#080f20b3,#080f20a6),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png")}#mh-approved #mh-entrance .featured-worlds{background-image:var(--haven-celestial-veil),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png")}} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;gap:8px 24px;border-bottom:1px solid #b38c4b66;padding:0 0 16px;margin-bottom:24px} #mh-approved .public-page-nav a{padding:4px 0;text-decoration:none;color:#eacb89} #mh-approved .public-page-nav a:hover{text-decoration:underline} #mh-approved .page:has(.public-panel){background:var(--haven-celestial-veil),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center/cover;min-height:100%} #mh-approved .page:has(.public-panel) .page-title{font-size:clamp(30px,3vw,44px);text-align:center;color:#f4dfb0;margin:10px 0 16px} #mh-approved .public-page-nav,#mh-approved .public-panel{max-width:1050px;margin-inline:auto} #mh-approved .public-panel{padding:30px 36px;border:1px solid #ac8546;background:#071221e8;box-shadow:inset 0 0 0 4px #b38c4b12} #mh-approved .public-subtitle{text-align:center;font-family:'Source Serif 4',serif;font-size:21px;color:#eacb89;margin-bottom:20px} #mh-approved .public-section{padding:20px 0;border-top:1px solid #677b9655} #mh-approved .public-section h2{font-size:22px;margin:0 0 10px;color:#ecd19a} #mh-approved .public-section p{font-family:'Source Serif 4',serif;font-size:17px;line-height:1.7;margin:0;color:#dedfe5} #mh-approved .review-disclosure{font-size:14px;line-height:1.6;color:#bfcbdc;border-left:2px solid #c79e54;background:#182b434f;padding:12px 16px} #mh-approved .account-panel{max-width:720px} #mh-approved .account-panel>.prose{text-align:center} #mh-approved .beta-notice{font-family:'Source Serif 4',serif;font-size:15px;line-height:1.6;padding:18px 20px;border:1px solid #a17b3c88;background:#182a3d;color:#f0e4c9;margin:22px 0} #mh-approved .account-form{max-width:520px;margin:20px auto} #mh-approved .account-form input:disabled{opacity:1;background:#09182b;color:#bbc9dc;border-color:#607189} #mh-approved .account-form button{width:100%;margin-top:10px} #mh-approved .account-form button:disabled{opacity:.65;cursor:not-allowed} #mh-approved .public-action{display:block;text-align:center;padding:12px 18px;border:1px solid #b89451;background:linear-gradient(#193e59,#0c213b);color:#f5e6c4;text-decoration:none;margin:20px 0 0} #mh-approved .public-action:hover{filter:brightness(1.2)} #mh-approved .account-switch{display:block;text-align:center;margin-top:20px} #mh-approved .help-grid,#mh-approved .privacy-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} #mh-approved .privacy-accordion{display:grid;gap:10px;margin:20px 0} #mh-approved .privacy-disclosure{border:1px solid #ac854677;background:#1a2a403b;padding:0 18px} #mh-approved .privacy-disclosure summary{cursor:pointer;color:#f4dfb0;font-variant:small-caps;font-size:20px;padding:16px 0;line-height:1.4} #mh-approved .privacy-disclosure summary::marker{color:#d7b365} #mh-approved .privacy-disclosure summary:hover{color:#ffe9b3} #mh-approved .privacy-disclosure summary:focus-visible{outline:2px solid #d7b365;outline-offset:4px} #mh-approved .privacy-disclosure[open] summary{border-bottom:1px solid #ac854644} #mh-approved .privacy-disclosure p{font-size:16px;line-height:1.65;margin:14px 0 18px} #mh-approved .help-grid .public-section h2,#mh-approved .privacy-topics .public-section h2{font-size:19px} #mh-approved .help-grid .public-section p,#mh-approved .privacy-topics .public-section p{font-size:15px} #mh-approved .help-grid a{display:inline-block;margin-top:16px} #mh-approved .review-page-link{display:block;border-top:1px solid #60728b55;padding:14px 0;font-family:Cinzel,serif} @media(max-width:800px){#mh-approved .public-panel{padding:22px}#mh-approved .help-grid,#mh-approved .privacy-topics{grid-template-columns:1fr}} /* Public navigation needs fixed-size icons at every width, not only desktop. */ #mh-approved .nav svg.haven-icon{width:25px;height:25px;flex:0 0 25px} #mh-approved .nav a[data-route]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 8px;font-size:13px;min-height:50px;text-decoration:none;white-space:nowrap} #mh-approved .header-brand{text-decoration:none} #mh-approved .header-brand small{display:block;font-family:'Source Serif 4',serif;font-style:italic;font-size:12px;color:var(--ivory);margin-top:3px} @media(min-width:851px) and (max-width:1100px){#mh-approved .header{display:grid;grid-template-columns:1fr auto;padding:12px 20px;gap:8px 16px}#mh-approved .header-brand{grid-column:1;font-size:17px;min-width:0}#mh-approved .nav{grid-column:1;grid-row:2;justify-content:flex-start;flex-wrap:nowrap;gap:2px}#mh-approved .account-actions{grid-column:2;grid-row:1 / 3;margin-left:0}#mh-approved .header .compass{width:46px;height:46px}#mh-approved .header .compass img{width:46px;height:46px}} @media(max-width:850px){#mh-approved .header .nav{gap:2px;flex-wrap:wrap}#mh-approved .header-brand{font-size:16px}#mh-approved .header-brand small{font-size:11px}} /* Public pages share the entrance's sapphire, engraved gold, and filigree. */ #mh-approved .page:has(.public-panel) .page-title:after{content:'';display:block;width:240px;height:34px;margin:8px auto 0;background:url("/haven-design/v4/entrance-assets/haven-filigree-divider.svg") center/240px 34px no-repeat} #mh-approved .public-page-nav{justify-content:center;gap:6px 14px;border:0;margin-bottom:22px;padding:0} #mh-approved .public-page-nav a{font-family:Cinzel,serif;font-size:14px;min-height:44px;padding:9px 16px;border-bottom:2px solid transparent} #mh-approved .public-page-nav a[aria-current=page]{color:#fff0cc;background:linear-gradient(transparent,#24476c66);border-bottom-color:#e0c27e;text-decoration:none} #mh-approved .public-panel{position:relative;border:0;background:linear-gradient(135deg,#122038f5,#071221f5 55%);padding:38px 40px;box-shadow:0 12px 36px #02071266} #mh-approved .public-panel:before{content:'';position:absolute;inset:0;border:24px solid transparent;border-image:url("/haven-design/v4/entrance-assets/public-panel-frame.svg") 36 stretch;pointer-events:none} #mh-approved .public-subtitle{font-style:italic;color:#efdab0} #mh-approved .public-section h2{color:#f0dbb2} #mh-approved .public-section p{color:#e8e2d6} #mh-approved .public-panel>.public-section{max-width:72ch} #mh-approved .account-form input:disabled::placeholder{color:#b6c1cf;opacity:1} #mh-approved .account-form button,#mh-approved .public-action{position:relative;font-family:Cinzel,serif;font-size:15px;min-height:50px;border:0;border-radius:0;color:#fff0cc;padding:14px 20px} #mh-approved .account-form button:after,#mh-approved .public-action:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .account-form button.emerald,#mh-approved .account-panel:has(.emerald)>.public-action{background:linear-gradient(#126045,#083a30)} #mh-approved .account-form button.blue{background:linear-gradient(#234878,#112643)} #mh-approved .account-form button:disabled{opacity:.75} #mh-approved .help-grid .public-section,#mh-approved .privacy-topics .public-section{padding:20px 18px;background:#1a2a403b;border:1px solid #677b9644} #mh-approved .footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 16px} #mh-approved .footer nav a{display:inline-block;white-space:nowrap;text-decoration:none} #mh-approved .footer nav a:hover{text-decoration:underline} @media(max-width:1100px){#mh-approved .footer{flex-wrap:wrap;gap:10px 20px}#mh-approved .footer nav{flex-basis:100%;justify-content:center}} @media(max-width:800px){#mh-approved .public-panel{padding:30px 24px}#mh-approved .public-page-nav{gap:4px}#mh-approved .public-page-nav a{padding-inline:10px}} /* Inset button fills follow the engraved corners; focus outlines stay intact. */ #mh-approved .account-form button,#mh-approved .public-action{background:none;--action-fill:linear-gradient(#193e59,#0c213b);isolation:isolate} #mh-approved .account-form button:before,#mh-approved .public-action:before{content:'';position:absolute;inset:3px;background:var(--action-fill);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-1;pointer-events:none} #mh-approved .account-form button.emerald,#mh-approved .account-panel:has(.emerald)>.public-action{background:none;--action-fill:linear-gradient(#126045,#083a30)} #mh-approved .account-form button.blue{background:none;--action-fill:linear-gradient(#234878,#112643)} #mh-approved .public-action{width:fit-content;max-width:100%;margin:18px auto 0;padding-inline:28px} #mh-approved .page:has(.public-panel){padding-block:20px 28px} #mh-approved .page:has(.public-panel) .back{margin-bottom:8px} #mh-approved .page:has(.public-panel) .page-title{margin:0 0 8px} #mh-approved .page:has(.public-panel) .page-title:after{height:26px;margin-top:4px;background-size:210px 28px} #mh-approved .public-page-nav{margin-bottom:12px} #mh-approved .public-panel{padding:26px 32px} #mh-approved .public-subtitle{margin-bottom:12px} #mh-approved .beta-notice{margin:16px 0;padding:14px 18px} @media(max-width:800px){#mh-approved .public-panel{padding:26px 24px}} #mh-approved .invitation .controls a[data-route]{flex:0 1 360px;max-width:100%} #mh-approved .account-actions .emerald{background:linear-gradient(#126045,#083a30)} /* Shared public navigation and account-button details. */ #mh-approved .brand .release-status{font:600 10px/1.4 'Source Sans 3',sans-serif;color:#e0c27e;letter-spacing:.05em} #mh-approved .account-actions a{border-radius:3px} /* Match the card destinations to the other public Haven pages. */ #mh-approved .pathway-page{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:32px;min-height:340px} #mh-approved .pathway-page-art{display:block;width:100%;height:280px;object-fit:cover;object-position:center;border:1px solid #ac8546;box-shadow:0 8px 24px #02071266} #mh-approved .pathway-page-copy{min-width:0} #mh-approved .pathway-page .public-subtitle{text-align:left;margin-bottom:18px} #mh-approved .pathway-page .prose{line-height:1.65} #mh-approved .pathway-page .public-action{margin-top:20px} #mh-approved .pathway-detail-title{font-size:20px;margin:20px 0 10px} #mh-approved .pathway-realm-list{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0;color:#e0c27e;font-family:Cinzel,serif;font-size:14px} #mh-approved .footer .brand>span:last-child{display:block} #mh-approved .footer .brand .release-status{display:block;margin-top:6px;line-height:1.4} @media(max-width:700px){#mh-approved .pathway-page{grid-template-columns:1fr;gap:22px}#mh-approved .pathway-page-art{height:190px}} #mh-approved .page-title[tabindex="-1"]:focus{outline:none} /* Complement the discovery cards with three community essentials. */ #mh-approved .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;gap:24px} #mh-approved .benefit-grid article{padding-inline:18px} @media(max-width:560px){#mh-approved .benefit-grid{grid-template-columns:1fr;gap:18px}#mh-approved .benefit-grid article+article{border-left:0}} /* The same Haven composition adapts to tablets and phones. */ @media(max-width:1100px){ #mh-approved .header .compass,#mh-approved .header .compass img{width:40px;height:40px;flex:0 0 40px} #mh-approved .header-brand{min-width:0;flex-shrink:1} #mh-approved .body-scroll{min-height:0} #mh-approved section{padding:36px 24px} #mh-approved .hero{display:block;padding:100px 32px 32px;background-image:linear-gradient(#080f2044,#080f20e6 60%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");background-size:cover;background-position:center top} #mh-approved .hero-copy{max-width:620px;margin:auto;text-align:center} #mh-approved .haven-masthead{width:100%;max-width:320px;margin:0 auto 14px;display:block} #mh-approved .hero .orrery{display:none} #mh-approved .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px auto 0;max-width:700px} #mh-approved .hero-actions a[data-route]{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Cinzel,serif;font-size:13px;white-space:normal;min-height:56px;padding:12px 16px;border:0} #mh-approved .hero-actions svg.haven-icon{width:26px;height:26px;flex:0 0 26px} #mh-approved .hero-actions a:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .paths{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;gap:22px} #mh-approved .paths:before{display:none} #mh-approved .path,#mh-approved .path:last-child{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0;width:100%;margin:0;grid-column:auto;border:0;border-radius:0} #mh-approved .path:last-child{grid-column:1/-1;width:calc(50% - 11px);justify-self:center} #mh-approved .path-art{width:100%;height:auto;aspect-ratio:793/370;background-size:cover;background-position:center} #mh-approved .path-art>svg,#mh-approved .path-art>i{display:none} #mh-approved .path:nth-child(1) .path-art{background-image:url("/haven-design/v4/entrance-assets/ExploreWorlds.png")} #mh-approved .path:nth-child(2) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateACharacter.png")} #mh-approved .path:nth-child(3) .path-art{background-image:url("/haven-design/v4/entrance-assets/EnterTheRoleplay.png")} #mh-approved .path:nth-child(4) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateYourOwnSpace.png")} #mh-approved .path:nth-child(5) .path-art{background-image:url("/haven-design/v4/entrance-assets/FindYourPeople.png")} #mh-approved .path:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .path>span:last-child{padding:20px;text-align:center} #mh-approved .path h3{font-size:18px} #mh-approved #mh-threshold,#mh-approved #mh-entrance .featured-worlds{background-image:var(--haven-celestial-veil),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:cover;background-position:center} #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} #mh-approved .featured-heading{display:block;text-align:center;margin-bottom:22px} #mh-approved .featured-heading a{display:inline-flex;align-items:center;min-height:44px} #mh-approved .invitation{background-image:linear-gradient(#080f2044,#080f20cc),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");background-size:cover;background-position:center} #mh-approved .invitation .controls a[data-route]{white-space:normal;max-width:100%;min-height:56px;padding:14px 22px} #mh-approved .page{padding:24px} #mh-approved .public-panel{min-width:0;overflow-wrap:anywhere} #mh-approved .public-page-nav a{min-height:44px} } @media(max-width:600px){ #mh-approved .header{padding:10px 12px;gap:8px;display:flex;flex-wrap:wrap} #mh-approved .header-brand{font-size:14px;gap:8px;flex:1} #mh-approved .header-brand small{font-size:10px} #mh-approved .menu-toggle{min-height:44px;padding:8px 12px} #mh-approved .account-actions{width:100%;justify-content:flex-end;margin:0} #mh-approved .account-actions a{min-height:44px} #mh-approved .header .nav.open{width:100%;justify-content:center;gap:8px} #mh-approved .hero{padding:92px 20px 28px} #mh-approved .haven-masthead{max-width:240px} #mh-approved .hero-copy .prose{font-size:16px;line-height:1.55} #mh-approved .hero-actions{grid-template-columns:1fr;gap:12px} #mh-approved section{padding:32px 20px} #mh-approved .section-head{margin-bottom:24px} #mh-approved .paths{grid-template-columns:1fr;gap:16px} #mh-approved .path,#mh-approved .path:last-child{grid-column:auto;width:100%;grid-template-columns:108px minmax(0,1fr);grid-template-rows:1fr} #mh-approved .path-art{aspect-ratio:auto;height:100%;min-height:164px} #mh-approved .path>span:last-child{padding:18px 16px;text-align:left} #mh-approved .path h3{font-size:16px} #mh-approved .path p{font-size:15px;line-height:1.5} #mh-approved .page{padding:20px 12px} #mh-approved .page-title{font-size:28px;overflow-wrap:anywhere} #mh-approved .public-panel{padding:24px 18px} #mh-approved .public-page-nav{gap:2px} #mh-approved .public-page-nav a{padding:10px;font-size:12px} #mh-approved .privacy-disclosure{padding-inline:14px} #mh-approved .privacy-disclosure summary{font-size:18px} #mh-approved .public-section p{font-size:16px} #mh-approved .footer{padding:8px 12px;gap:4px;justify-content:center} #mh-approved .footer .brand{display:none} #mh-approved .footer-meta:after{content:' · Private Beta';color:var(--gold)} #mh-approved .footer nav{gap:0 12px} #mh-approved .footer nav a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;font-size:11px;white-space:normal;text-align:center} } @media(max-width:360px){#mh-approved .path,#mh-approved .path:last-child{grid-template-columns:88px minmax(0,1fr)}#mh-approved .header-brand{font-size:12px}#mh-approved .header-brand small{font-size:9px}#mh-approved .public-page-nav a{padding-inline:8px}} #mh-approved .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px} @container(max-width:560px){#mh-approved .hero-actions{grid-template-columns:1fr;max-width:340px}} /* Keep the static shell usable on tablets and landscape phones. */ #mh-approved .nav .mobile-account{display:none} #mh-approved #mh-cross{background:transparent;border:0;border-radius:0;box-shadow:none;font-family:Cinzel,serif;color:var(--gold);padding:8px 0;cursor:pointer} #mh-approved #mh-cross:hover{text-decoration:underline;text-underline-offset:5px} @media(max-width:1100px){ #mh-approved .hero-actions a[data-route],#mh-approved .invitation .controls a[data-route]{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)} #mh-approved .invitation .controls a[data-route]{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;font:13px Cinzel,serif;border:0;border-radius:0;background:linear-gradient(#961d29,#510d17);color:#f6e6bf} #mh-approved .invitation .controls a[data-route]:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved #mh-entrance .invitation{padding:36px 24px;min-height:0;background-size:cover;background-position:center} #mh-approved .featured-world-grid>a:last-child{grid-column:1/-1;width:calc(50% - 10px);justify-self:center} } @media(max-width:600px){ #mh-approved .haven-benefits{padding:24px 20px} #mh-approved .haven-benefits h2{font-size:24px;margin-bottom:16px} #mh-approved .benefit-grid{gap:12px} #mh-approved .benefit-grid article{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;padding:0;text-align:left} #mh-approved .benefit-grid article svg.haven-icon{width:26px;height:26px;grid-row:1 / 3;margin:0} #mh-approved .benefit-grid article h3{font-size:15px;margin:0 0 4px} #mh-approved .benefit-grid article p{font-size:15px;line-height:1.4;margin:0} #mh-approved #mh-entrance .invitation{padding:32px 20px} } @media(max-width:600px), (max-height:500px) and (max-width:1100px){ #mh-approved .header{position:relative;display:flex;flex-wrap:nowrap;gap:8px;padding:10px 12px} #mh-approved .header-brand{flex:1;min-width:0} #mh-approved .menu-toggle{display:block;flex:0 0 auto;min-height:44px} #mh-approved .header .account-actions{display:none} #mh-approved .header .nav{display:none;position:absolute;right:12px;top:calc(100% + 6px);width:210px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 130px);overflow:auto;background:#0b1729;border:1px solid #b99350;border-radius:3px;padding:8px;box-shadow:0 8px 24px #0009} #mh-approved .header .nav.open{display:flex;width:210px;flex-direction:column;gap:0} #mh-approved .header .nav a[data-route]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:44px;padding:10px 12px;text-align:left;font-size:14px} #mh-approved .header .nav a.mobile-account{display:flex;font-family:'Source Serif 4',serif} #mh-approved .header .nav .mobile-account svg{display:none} #mh-approved .header .nav .mobile-account[data-route=login]{border-top:1px solid #b9935055;margin-top:4px} } @media(min-width:601px) and (max-width:1100px) and (min-height:501px){ #mh-approved .header{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px 20px;gap:6px 16px} #mh-approved .header-brand{grid-column:1;grid-row:1} #mh-approved .header .nav{grid-column:1;grid-row:2;width:auto;justify-content:flex-start;flex-wrap:nowrap} #mh-approved .account-actions{grid-column:2;grid-row:1 / 3;margin:0} } @media(max-height:500px) and (max-width:1100px){ #mh-approved .header{padding-block:6px} #mh-approved .header-brand small{display:none} #mh-approved .footer{padding:6px 12px;gap:4px;justify-content:center} #mh-approved .footer .brand{display:none} #mh-approved .footer-meta:after{content:' · Private Beta';color:var(--gold)} #mh-approved .footer nav{gap:0 12px} #mh-approved .footer nav a{display:inline-flex;align-items:center;min-height:36px;font-size:11px} } /* Quieter phone typography and ornaments after physical-device review. */ @media(max-width:1100px){ #mh-approved #mh-threshold a.path{box-shadow:none;border:0} #mh-approved .path:after{border-image-source:url("/haven-design/v4/entrance-assets/pathway-single-gold-frame.svg")} #mh-approved #mh-entrance>.divider{height:24px;margin-block:-12px;background-image:url("/haven-design/v4/entrance-assets/haven-quiet-divider.svg");background-size:min(240px,80%) 24px;filter:none} #mh-approved #mh-entrance>.divider:before,#mh-approved #mh-entrance>.divider:after{display:none} #mh-approved .haven-benefits h2:after{height:24px;background:url("/haven-design/v4/entrance-assets/haven-quiet-divider.svg") center/180px 24px no-repeat;filter:none} #mh-approved #mh-entrance section.haven-benefits:after{border:0;border-image:none;inset:8px;border-block:1px solid #a77d3b55} } @media(max-width:600px){ #mh-approved .hero{padding-top:32px} #mh-approved .hero-copy .prose{font-size:15px;line-height:1.5} #mh-approved #mh-threshold h2,#mh-approved .featured-heading h2{font-size:clamp(22px,5.6vw,27px)} #mh-approved .featured-world-grid h3{font-size:clamp(12px,3.1vw,14px);line-height:1.35} #mh-approved .featured-intro{font-size:16px} #mh-approved .invitation h2{font-size:clamp(22px,5.5vw,27px);line-height:1.35} #mh-approved .invitation .prose{font-size:16px;line-height:1.5;font-weight:400} #mh-approved .invitation .tagline{font-size:18px;line-height:1.4} } /* Cohesive public/member navigation details approved October 17. */ #mh-approved .header .nav{margin-left:auto;justify-content:flex-end;gap:0} #mh-approved .header .nav a[data-route]+a[data-route]{border-left:1px solid #8a734b} #mh-approved .footer nav{gap:0} #mh-approved .footer nav a{padding:9px 12px;display:inline-flex;align-items:center;min-height:44px} #mh-approved .footer nav a+a{border-left:1px solid #8a734b} #mh-approved .footer nav a:hover,#mh-approved .footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667;text-decoration:none} @media(max-width:600px){#mh-approved .footer nav{display:grid;grid-template-columns:1fr 1fr}#mh-approved .footer nav a:nth-child(odd){border-left:0}} /* One sapphire divider and shaped featured-image frames at every width. */ #mh-approved .featured-art{position:relative;border:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)} #mh-approved .featured-art:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-single-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved #mh-entrance>.divider{height:44px;margin-block:-22px;background-image:url("/haven-design/v4/entrance-assets/haven-sapphire-divider-v1.png");background-size:min(380px,86%) auto;filter:none} #mh-approved #mh-entrance>.divider:before,#mh-approved #mh-entrance>.divider:after{display:none} #mh-approved .haven-benefits h2:after{width:min(280px,85%);height:34px;background-image:url("/haven-design/v4/entrance-assets/haven-sapphire-divider-v1.png");background-size:100% auto;filter:none} #mh-approved .page:has(.public-panel) .page-title:after{width:min(320px,85%);height:38px;background-image:url("/haven-design/v4/entrance-assets/haven-sapphire-divider-v1.png");background-size:100% auto;filter:none} @media(min-width:601px) and (min-height:501px){#mh-approved .header .nav a.mobile-account{display:none}} @media(min-width:1101px){#mh-approved .header .nav a.mobile-account{display:none}} #mh-approved .compass picture{display:block}#mh-approved .compass img{object-fit:contain} #mh-approved #mh-entrance section.haven-benefits:after{inset:5px;border:1px solid #a77d3b66;border-image:none} #mh-approved .parchment-corners{position:absolute;inset:5px;pointer-events:none;z-index:2} #mh-approved .parchment-corners span{position:absolute;width:74px;height:80px;background:url("/haven-design/v4/entrance-assets/haven-ruby-corner-v1.png") center/100% 100% no-repeat} #mh-approved .parchment-corners span:nth-child(1){top:0;left:0} #mh-approved .parchment-corners span:nth-child(2){top:0;right:0;transform:scaleX(-1)} #mh-approved .parchment-corners span:nth-child(3){bottom:0;left:0;transform:scaleY(-1)} #mh-approved .parchment-corners span:nth-child(4){bottom:0;right:0;transform:scale(-1)} @media(max-width:1100px){ #mh-approved #mh-threshold .path-art{background-size:cover!important;background-position:center;min-height:0} #mh-approved #mh-threshold .path:nth-child(1) .path-art{background-image:url("/haven-design/v4/entrance-assets/ExploreWorlds.png")!important} #mh-approved #mh-threshold .path:nth-child(2) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateACharacter.png")!important} #mh-approved #mh-threshold .path:nth-child(3) .path-art{background-image:url("/haven-design/v4/entrance-assets/EnterTheRoleplay.png")!important} #mh-approved #mh-threshold .path:nth-child(4) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateYourOwnSpace.png")!important} #mh-approved #mh-threshold .path:nth-child(5) .path-art{background-image:url("/haven-design/v4/entrance-assets/FindYourPeople.png")!important} #mh-approved .hero{min-height:0} #mh-approved .parchment-corners span{width:52px;height:56px} #mh-approved #mh-threshold a.path{clip-path:none;mask:radial-gradient(circle at 0 0,transparent 9px,#000 9.5px) top left/51% 51%,radial-gradient(circle at 100% 0,transparent 9px,#000 9.5px) top right/51% 51%,radial-gradient(circle at 0 100%,transparent 9px,#000 9.5px) bottom left/51% 51%,radial-gradient(circle at 100% 100%,transparent 9px,#000 9.5px) bottom right/51% 51%;mask-repeat:no-repeat} #mh-approved #mh-threshold a.path:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #e8ce86} } @media(max-width:600px){ #mh-approved .benefit-grid{grid-template-columns:1fr} #mh-approved .benefit-grid article+article{border-left:0} #mh-approved .parchment-corners span{width:40px;height:44px} #mh-approved #mh-entrance section.haven-benefits{padding-bottom:36px} } /* Tablet portrait keeps navigation visible in a shorter header. */ @media(min-width:601px) and (max-width:1100px) and (min-height:501px){ #mh-approved .hero{padding-top:48px} #mh-approved .header{padding:10px 16px;gap:4px 12px} #mh-approved .header .nav a[data-route]{min-height:44px;padding:4px 6px;font-size:12px;gap:3px} #mh-approved .header .nav svg.haven-icon{width:20px;height:20px;flex-basis:20px} #mh-approved .header .account-actions a{font-size:13px;padding:8px;min-height:44px} } @media(min-width:760px) and (max-width:1100px) and (min-height:501px){ #mh-approved .header{grid-template-columns:minmax(0,1fr) auto auto} #mh-approved .header-brand{grid-column:1;grid-row:1;font-size:14px} #mh-approved .header-brand small{font-size:11px} #mh-approved .header .nav{grid-column:2;grid-row:1;gap:0} #mh-approved .header .account-actions{grid-column:3;grid-row:1} } :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 9: home */ @scope (:root[data-haven-style="home"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } .home-scenic-masthead{position:relative;margin:0 0 22px;background:#070d1c}.home-scenic-masthead>img{display:block;width:100%;height:auto;mask-image:linear-gradient(#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(#000 60%,transparent 100%)}.home-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.home-masthead-copy h1{font:400 clamp(25px,3vw,38px)/1.2 'Cinzel Decorative',serif;color:#d4b674;text-shadow:0 2px 8px #000;margin:0 0 8px}.home-masthead-copy p{margin:0;color:#c4d8ef;font-size:18px}@media(max-width:600px){.home-masthead-copy{position:static;padding:10px 0}} body .page-scroll{background-color:#070d1c;background-image:linear-gradient(rgba(3,11,22,.72),rgba(3,11,22,.55)),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} body .discovery-masthead,body .home-scenic-masthead{background:transparent} body .site-header,body .site-footer{background-color:#070d1c} @media(max-width:600px){body .page-scroll{background-attachment:scroll;background-position:center top}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 10: index */ @scope (:root[data-haven-style="index"]) { html,body{margin:0;background:#05070b}#mh-approved{height:100dvh;display:flex;flex-direction:column}#mh-approved .shell{height:auto!important;min-height:0!important;flex:1}#mh-approved .review{flex-shrink:0} #mh-approved{--night:#05070b;--navy:#0b1423;--gold:#e0c27e;--line:#776440;--ivory:#e8e2d6;--muted:#c2cbd9;background:var(--night);color:var(--ivory);font:16px/1.6 'Source Sans 3',sans-serif;container-type:inline-size;margin:auto;width:100%;max-width:100%} #mh-approved *{box-sizing:border-box}#mh-approved [hidden]{display:none!important}#mh-approved h1,#mh-approved h2,#mh-approved h3{font-family:Cinzel,serif;font-weight:400;line-height:1.3;margin:0 0 18px;color:var(--ivory)}#mh-approved h1{font-size:clamp(34px,4.9cqi,55px)}#mh-approved h2{font-size:clamp(27px,3.4cqi,38px)}#mh-approved h3{font-size:21px}#mh-approved p{margin:0 0 20px}#mh-approved .prose{font-family:'Source Serif 4',serif;font-size:18px;color:var(--muted)}#mh-approved .eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:14px}#mh-approved button,#mh-approved input,#mh-approved textarea,#mh-approved select{font:inherit}#mh-approved button{color:var(--ivory);border:1px solid var(--line);background:#172337;padding:11px 18px;min-height:44px;border-radius:3px}#mh-approved button:hover{background:#26354c}#mh-approved button[aria-pressed=true]{background:var(--gold);color:var(--night)}#mh-approved button.emerald{background:#18573f;border-color:#52977a}#mh-approved button.blue{background:#233f67;border-color:#6485b1}#mh-approved button.crimson{background:#8b0e1a;border-color:#b9636c}#mh-approved button:focus-visible,#mh-approved a:focus-visible{outline:3px solid #f8dda1;outline-offset:4px}#mh-approved .muted,#mh-approved small{color:var(--muted);font-size:13px}#mh-approved a{color:var(--gold)}#mh-approved .review{background:#202b3c;color:#e1d8c5;padding:12px 22px;font-size:13px}#mh-approved .shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:850px;min-height:650px}#mh-approved .shell.expanded{height:auto}#mh-approved .header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);background:#080d16;z-index:2}#mh-approved .brand{display:flex;align-items:center;gap:12px;font-family:Cinzel,serif;color:var(--gold);font-size:17px;line-height:1.3;flex-shrink:0}#mh-approved .compass{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;font-size:30px;position:relative}#mh-approved .compass:before{content:'';position:absolute;inset:5px;border:1px solid var(--line);transform:rotate(45deg)}#mh-approved .nav{display:flex;gap:5px;flex-wrap:wrap}#mh-approved .nav button{background:transparent;border:0;padding:8px;font-size:14px;min-height:44px}#mh-approved .menu-toggle{display:none}#mh-approved .body-scroll{overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;background:var(--navy)}#mh-approved .expanded .body-scroll{overflow:visible}#mh-approved section{padding:64px 6%}#mh-approved .stars{background-image:radial-gradient(circle at 13% 12%,#d4af37 1px,transparent 2px),radial-gradient(circle at 72% 19%,#bfc6d3 1px,transparent 2px);background-size:237px 263px,373px 341px}#mh-approved .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;background-color:#101b2e;position:relative;overflow:hidden;padding-top:72px;padding-bottom:70px;background-image:radial-gradient(ellipse at 72% 34%,#304057,#0b1423 70%)}#mh-approved .hero-copy{position:relative;z-index:1}#mh-approved .tagline{font-family:'Source Serif 4',serif;font-size:24px;color:var(--gold);line-height:1.4;margin-bottom:22px}#mh-approved .hero-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}#mh-approved .hero-actions button{font-size:14px;letter-spacing:.6px;padding:14px 10px}#mh-approved .hero .orrery{width:100%;aspect-ratio:1;position:relative;max-width:390px;margin:auto;border:1px solid #87734880;border-radius:50%;background:radial-gradient(circle,#d4af3720,transparent 65%);box-shadow:0 0 0 15px #d4af3707,0 0 0 16px #d4af3722}#mh-approved .orbit{position:absolute;inset:20% 1%;border:2px solid var(--gold);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 8px #d4af3725}#mh-approved .orbit.o2{inset:4% 28%;transform:rotate(35deg)}#mh-approved .orbit.o3{inset:8% 21%;transform:rotate(-25deg)}#mh-approved .orbit.o4{inset:34% 0;transform:rotate(22deg)}#mh-approved .sun{position:absolute;inset:39%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff4c3,#d4af37 50%,#805021);box-shadow:0 0 60px #d4af3760}#mh-approved .planet{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fce6a7,#af823d);position:absolute;left:12%;top:54%}#mh-approved .planet.p2{left:78%;top:27%;width:14px;height:14px}#mh-approved .orrery-base{position:absolute;left:34%;right:34%;bottom:-12px;height:35px;border-bottom:4px solid var(--gold);background:linear-gradient(90deg,transparent 44%,#caa765 44% 56%,transparent 56%)}#mh-approved .hero-foot{grid-column:1/-1;text-align:center;margin-top:8px}#mh-approved .divider{display:flex;align-items:center;gap:18px;justify-content:center;color:var(--gold);padding:8px;background:#0b1423}#mh-approved .divider:before,#mh-approved .divider:after{content:'';height:1px;width:34%;background:linear-gradient(90deg,transparent,#776440,transparent)}#mh-approved .section-head{text-align:center;max-width:700px;margin:0 auto 34px}#mh-approved .paths{display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative;max-width:800px;margin:auto}#mh-approved .paths:before{content:'';position:absolute;left:25%;right:25%;top:10%;bottom:10%;border:1px solid #a48b5366;transform:rotate(12deg);pointer-events:none}#mh-approved .path{position:relative;display:grid;grid-template-columns:78px 1fr;gap:20px;text-align:left;padding:24px;background:#111d30;border:1px solid #7b6a47;box-shadow:0 10px 24px #05070b66;min-width:0}#mh-approved .path:nth-child(even){margin-top:28px;margin-bottom:-28px}#mh-approved .path:last-child{grid-column:1/-1;width:80%;margin:28px auto 0}#mh-approved .path h3{color:var(--gold);margin:0 0 10px;font-size:20px}#mh-approved .path p{font-family:'Source Serif 4',serif;font-size:16px;margin:0;color:var(--ivory)}#mh-approved .path-art{width:76px;height:100px;display:grid;place-items:center;background:radial-gradient(circle,#d4af372b,transparent 70%);color:var(--gold)}#mh-approved .path-art i{width:40px;height:40px}#mh-approved .quiet{background:linear-gradient(#0b1423,#121c2c,#0b1423)}#mh-approved .hotlist{border:1px solid var(--line);background:#101a2a;padding:8px 24px;box-shadow:0 0 0 7px #0b1423,0 0 0 8px #514732}#mh-approved .room-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #344156}#mh-approved .room-row:last-child{border:0}#mh-approved .room-row h3{font-family:'Source Sans 3',sans-serif;margin:5px 0 8px}#mh-approved .room-row p{margin:0 0 8px;color:var(--muted)}#mh-approved .controls{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:24px 0 0}#mh-approved .gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}#mh-approved .exhibit{background:#111d30;border:1px solid #685b42;display:grid;grid-template-columns:100px 1fr;min-width:0}#mh-approved .exhibit:first-child{grid-row:span 2;display:block}#mh-approved .exhibit-art{display:grid;place-items:center;min-height:135px;color:var(--gold);background:radial-gradient(ellipse at 50% 60%,#d4af3730,transparent 55%),linear-gradient(145deg,#23334b,#0d1425);border-right:1px solid #685b42}#mh-approved .exhibit:first-child .exhibit-art{height:240px;border-right:0;border-bottom:1px solid #685b42}#mh-approved .exhibit-art i{width:38px;height:38px}#mh-approved .exhibit-copy{padding:20px}#mh-approved .exhibit-copy h3{font-size:20px;margin-bottom:8px}#mh-approved .exhibit-copy p{font-family:'Source Serif 4',serif;color:var(--muted);margin:8px 0}#mh-approved .policy{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:22px;font-size:13px;color:var(--muted)}#mh-approved .invitation{text-align:center;background:radial-gradient(ellipse at 50% 30%,#37364d,#10192a 60%,#0b1423)}#mh-approved .doors{height:250px;width:min(360px,85%);border:2px solid var(--gold);border-radius:180px 180px 0 0;position:relative;margin:0 auto 32px;overflow:hidden;background:radial-gradient(ellipse,#d4af3755,transparent 55%),radial-gradient(circle,#f3e3b3 1px,transparent 2px);background-size:auto,39px 47px;box-shadow:0 0 60px #d4af3722}#mh-approved .door{position:absolute;top:34px;bottom:0;left:-2%;width:27%;border:2px solid var(--gold);background:repeating-linear-gradient(0deg,#172239 0 57px,#806b44 58px 60px);transform:skewY(-12deg)}#mh-approved .door.right{left:auto;right:-2%;transform:skewY(12deg)}#mh-approved .invitation .prose{max-width:660px;margin:20px auto}#mh-approved .footer{border-top:1px solid var(--line);background:#080d16;padding:14px 24px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}#mh-approved .footer .brand{font-size:13px}#mh-approved .footer button{font-size:12px;background:transparent;border:0;padding:5px 9px}#mh-approved .page{padding:42px 6%;min-height:500px;background:radial-gradient(ellipse at top,#263348,#0b1423 55%)}#mh-approved .page-title{margin-top:26px}#mh-approved .form{padding:26px;border:1px solid var(--line);background:#111c2d;max-width:650px;margin:24px auto}#mh-approved label{display:block;color:var(--muted);margin:16px 0}#mh-approved input:not([type=checkbox]),#mh-approved textarea,#mh-approved select{display:block;width:100%;padding:10px;margin-top:6px;background:#080f1b;color:var(--ivory);border:1px solid #6d7b8e;border-radius:3px;min-height:44px}#mh-approved textarea{min-height:96px;resize:vertical}#mh-approved .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#mh-approved .check{display:flex;gap:12px;align-items:flex-start;font-size:14px}#mh-approved .check input{width:20px;height:20px;flex-shrink:0}#mh-approved .profile{border:1px solid var(--line);background:#111c2d;margin:24px 0;padding:35px}#mh-approved .profile-banner{height:140px;display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle,#d4af3733,transparent 50%);border-bottom:1px solid var(--line);margin-bottom:24px}#mh-approved .post{padding:20px;background:#111c2d;border-bottom:1px solid #3c4656}#mh-approved .post strong{color:var(--gold);font-weight:500}#mh-approved .post p{font-family:'Source Serif 4',serif;margin:10px 0 0}#mh-approved .preview-label{font-size:12px;letter-spacing:1px;color:var(--gold);margin:16px 0}#mh-approved .notice{padding:14px 18px;border-left:2px solid var(--gold);background:#1a273b;color:var(--muted);font-size:14px;margin:20px 0}#mh-approved .status{color:var(--gold);font-size:14px;margin-top:18px}#mh-approved .back{margin-bottom:20px}#mh-approved .join-line{font-family:'Source Serif 4',serif;font-size:22px;text-align:center;color:var(--gold);margin-top:30px}#mh-approved .skip{display:block;color:var(--gold);padding:6px 24px;background:#080d16;font-size:12px} @container(max-width:850px){#mh-approved .header{flex-wrap:wrap}#mh-approved .nav{width:100%;justify-content:space-between}#mh-approved .path{grid-template-columns:56px 1fr;padding:20px;gap:14px}#mh-approved .path-art{width:54px}#mh-approved .hero{gap:28px}#mh-approved .gallery{grid-template-columns:1fr 1fr}#mh-approved .exhibit:not(:first-child){display:block}#mh-approved .exhibit-art{border-right:0;border-bottom:1px solid #685b42}} @container(max-width:560px){#mh-approved .shell{height:780px;min-height:650px}#mh-approved .shell.expanded{height:auto}#mh-approved .header{padding:16px;gap:12px}#mh-approved .brand{font-size:15px}#mh-approved .compass{width:30px;height:30px;font-size:24px}#mh-approved .menu-toggle{display:block}#mh-approved .nav{display:none}#mh-approved .nav.open{display:flex;justify-content:flex-start}#mh-approved section{padding:44px 22px}#mh-approved .hero{grid-template-columns:1fr}#mh-approved .hero-copy{order:1}#mh-approved .hero .orrery{order:0;width:70%;max-width:240px}#mh-approved .hero-actions{order:2;grid-template-columns:1fr}#mh-approved .hero-foot{order:3}#mh-approved .paths,#mh-approved .gallery,#mh-approved .form-grid{grid-template-columns:1fr}#mh-approved .paths:before{left:50%;right:auto;transform:none}#mh-approved .path:nth-child(even){margin:0}#mh-approved .path:last-child{width:100%;margin:0}#mh-approved .exhibit:first-child{grid-row:auto}#mh-approved .exhibit:first-child .exhibit-art{height:160px}#mh-approved .room-row{grid-template-columns:1fr}#mh-approved .room-row button{justify-self:start}#mh-approved .footer{padding:10px 16px;gap:4px}#mh-approved .footer .brand{width:100%}#mh-approved .footer .muted{font-size:12px}#mh-approved .footer button{min-height:36px}#mh-approved .profile{padding:22px}#mh-approved .form{padding:20px}#mh-approved .review{padding:12px 16px}} #mh-approved .hero:before{content:'';position:absolute;width:94%;height:660px;left:3%;top:-180px;border:1px solid #ad91574d;border-radius:50% 50% 0 0;box-shadow:0 0 0 18px #ad915709,0 0 0 19px #ad91572b,0 0 0 40px #ad915705;pointer-events:none} #mh-approved .hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 71% 14%,#f1dc99 1px,transparent 2px),radial-gradient(circle at 88% 26%,#c4d4eb 1px,transparent 2px),radial-gradient(circle at 59% 9%,#c4d4eb 1px,transparent 2px),radial-gradient(circle at 18% 14%,#c4d4eb 1px,transparent 2px),linear-gradient(0deg,#0b1423,transparent 20%);background-size:173px 193px,263px 227px,317px 281px,349px 313px,auto;opacity:.65} #mh-approved .hero .orrery,#mh-approved .hero-actions,#mh-approved .hero-foot{z-index:1}#mh-approved .hero-actions,#mh-approved .hero-foot{position:relative} #mh-approved .hero .orrery{border-color:#b293514d;background:repeating-conic-gradient(from 0deg,#d4af372b 0deg 1deg,transparent 1deg 15deg),radial-gradient(circle,#d4af3715,transparent 65%);box-shadow:0 0 0 12px #d4af3705,0 0 0 13px #d4af3722,0 24px 45px #05070b55} #mh-approved .orbit{border-color:#e0c27e;box-shadow:0 1px 2px #f0daaa66,0 0 16px #d4af3712}#mh-approved .sun{box-shadow:0 0 65px #d4af3759,inset -5px -7px 15px #6e461940} #mh-approved #mh-threshold{background-color:#0b1423;background-image:radial-gradient(ellipse at 50% 42%,#233a4d55,transparent 70%),radial-gradient(circle at 13% 12%,#d4af37 1px,transparent 2px),radial-gradient(circle at 72% 19%,#bfc6d3 1px,transparent 2px);background-size:auto,237px 263px,373px 341px} #mh-approved .path{background:linear-gradient(120deg,#132137,#101a2a);border-color:#8a734b;box-shadow:0 12px 28px #05070b77}#mh-approved .path:hover{background:linear-gradient(120deg,#1e3048,#172438);border-color:#dfbd7c} #mh-approved .path-art{position:relative;overflow:hidden;border:1px solid #b2935155;border-radius:48% 48% 3px 3px;background:radial-gradient(ellipse at 50% 70%,#cfad6650,transparent 58%),linear-gradient(#1b2b44,#0b1423)} #mh-approved .path:nth-child(n) .path-art:before{content:'';position:absolute;inset:8px;border:1px solid #d4af3750;border-radius:48% 48% 2px 2px;pointer-events:none}#mh-approved .path-art:after{content:'';position:absolute;left:10%;right:10%;bottom:10%;height:1px;background:#e0c27e66;box-shadow:0 -6px 0 #e0c27e22;pointer-events:none} #mh-approved .path:nth-child(2) .path-art{border-radius:50%;background:radial-gradient(ellipse,#a7bfd54d,#102038 65%)}#mh-approved .path:nth-child(2) .path-art:before{border-radius:50%} #mh-approved .path:nth-child(3) .path-art{border-radius:3px;background:repeating-linear-gradient(0deg,transparent 0 13px,#e0c27e11 14px 15px),linear-gradient(135deg,#493d2b,#1b2536)}#mh-approved .path:nth-child(3) .path-art:before{border-radius:0} #mh-approved .path:nth-child(4) .path-art{border-radius:50% 50% 8px 8px;background:radial-gradient(circle at 40% 35%,#b7cbb340,#0c1d2b 60%)}#mh-approved .path:nth-child(5) .path-art{background:radial-gradient(ellipse at 50% 65%,#c47c4466,#172132 65%)} #mh-approved .quiet{background:linear-gradient(#0b1423,#111c2c 45%,#0b1423)}#mh-approved .hotlist{border-radius:90px 90px 3px 3px;padding-top:36px;box-shadow:0 0 0 7px #0b1423,0 0 0 8px #514732,0 18px 35px #05070b40}#mh-approved .room-row:first-child{padding-top:14px} #mh-approved .exhibit-art{background:radial-gradient(ellipse at 50% 60%,#d4af3740,transparent 55%),radial-gradient(circle at 30% 25%,#d8c895 1px,transparent 2px),radial-gradient(circle at 65% 35%,#d8c895 1px,transparent 2px),linear-gradient(145deg,#253950,#0d1425);background-size:auto,91px 97px,137px 149px,auto} #mh-approved .invitation{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 24%,#403d5855,#10192a 60%,#0b1423)}#mh-approved .invitation:before{content:'';position:absolute;inset:5% 6% 0;border:1px solid #d4af3733;border-bottom:0;border-radius:50% 50% 0 0;z-index:-1;pointer-events:none} #mh-approved .doors{height:290px;border-width:3px;box-shadow:0 0 0 9px #d4af370c,0 0 0 10px #d4af372b,0 0 75px #d4af3722;background-image:radial-gradient(ellipse at 50% 35%,#e0ca844d,transparent 55%),linear-gradient(160deg,transparent 51%,#cbb99b22 52%,transparent 66%),radial-gradient(circle,#f3e3b3 1px,transparent 2px);background-size:auto,auto,39px 47px} #mh-approved .doors:before{content:'';position:absolute;inset:7px;border:1px solid #e0c27e66;border-radius:160px 160px 0 0;pointer-events:none}#mh-approved .door{box-shadow:inset 5px 0 14px #05070b80,3px 0 18px #05070b66}#mh-approved .door.right{box-shadow:inset -5px 0 14px #05070b80,-3px 0 18px #05070b66} #mh-approved .form-grid label{min-width:0}#mh-approved input,#mh-approved textarea{scroll-margin-block:20px}#mh-approved .body-scroll{scroll-padding-block:20px} @container(max-width:560px){#mh-approved .hero:before{top:-120px;height:410px;width:110%;left:-5%}#mh-approved .hero-copy{margin-top:5px}#mh-approved .hero .orrery{margin-top:6px;margin-bottom:12px}#mh-approved .paths{gap:22px}#mh-approved .path{grid-template-columns:56px 1fr;padding:18px;gap:15px}#mh-approved .path-art{height:88px}#mh-approved .hotlist{border-radius:55px 55px 3px 3px;padding:24px 20px 8px}#mh-approved .footer button{min-height:44px}#mh-approved .footer .brand{display:none}#mh-approved .footer nav{display:flex;flex-wrap:wrap;gap:0}#mh-approved .footer{padding:8px 14px}#mh-approved .doors{height:230px;width:80%}#mh-approved .invitation:before{inset:3% 3% 0}} #mh-approved{--observatory-image:url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");--pathways-image:url("/haven-design/v4/entrance-assets/approved-review-art-2.jpg");--doors-image:url("/haven-design/v4/entrance-assets/approved-review-art-3.jpg")} #mh-approved .hero{background-image:linear-gradient(90deg,#050b16e8 0%,#07101ec9 36%,#08111c25 63%,#08111c12 100%),var(--observatory-image);background-size:cover;background-position:center;min-height:650px;padding-top:68px;padding-bottom:45px;grid-template-columns:1.15fr 1fr} #mh-approved .hero:before,#mh-approved .hero:after{display:none}#mh-approved .hero .orrery{visibility:hidden;box-shadow:none;background:none;border:0}#mh-approved .hero-copy .prose{color:#e8e2d6;text-shadow:0 2px 6px #05070b}#mh-approved .hero-copy h1,#mh-approved .hero-copy .tagline{text-shadow:0 2px 10px #05070b} #mh-approved .path{grid-template-columns:110px 1fr;padding:0;gap:20px;overflow:hidden}#mh-approved .path>span:last-child{padding:22px 20px 22px 0;align-self:center}#mh-approved .path-art{width:110px;height:100%;min-height:178px;background-image:var(--pathways-image)!important;background-size:500% 100%!important;border:0;border-right:1px solid #b2935166;border-radius:0!important;display:block}#mh-approved .path-art i,#mh-approved .path-art svg,#mh-approved .path-art:before,#mh-approved .path-art:after{display:none}#mh-approved .path:nth-child(1) .path-art{background-position:0% center}#mh-approved .path:nth-child(2) .path-art{background-position:25% center}#mh-approved .path:nth-child(3) .path-art{background-position:50% center}#mh-approved .path:nth-child(4) .path-art{background-position:75% center}#mh-approved .path:nth-child(5) .path-art{background-position:100% center} #mh-approved .invitation{background-image:linear-gradient(0deg,#0b1423 0%,#09101ecf 28%,#08101b22 65%,#08101b00 100%),var(--doors-image);background-size:cover;background-position:center top;padding-top:280px;min-height:650px}#mh-approved .invitation:before{display:none}#mh-approved .doors{display:none}#mh-approved .invitation h2,#mh-approved .invitation .prose,#mh-approved .invitation .tagline{text-shadow:0 2px 10px #05070b}#mh-approved .invitation .prose{color:#e8e2d6} @container(max-width:850px){#mh-approved .path{grid-template-columns:90px 1fr;gap:15px}#mh-approved .path-art{width:90px;min-height:175px}#mh-approved .path>span:last-child{padding-right:16px}#mh-approved .hero{min-height:610px}} @container(max-width:560px){#mh-approved .hero{display:block;background-size:auto 360px;background-repeat:no-repeat;background-position:right top;background-color:#0b1423;padding-top:290px;min-height:0}#mh-approved .hero .orrery{display:none}#mh-approved .hero:after{display:block;background:linear-gradient(0deg,#0b1423 0%,#0b142300 100%);height:110px;inset:250px 0 auto;opacity:1}#mh-approved .hero-copy{margin:0}#mh-approved .hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px}#mh-approved .hero-foot{margin-top:20px}#mh-approved .path{grid-template-columns:92px 1fr;padding:0;gap:16px}#mh-approved .path-art{width:92px;min-height:174px}#mh-approved .path>span:last-child{padding:20px 14px 20px 0}#mh-approved .path h3{font-size:18px}#mh-approved .path p{font-size:16px}#mh-approved .invitation{background-size:auto 390px;background-repeat:no-repeat;background-position:center top;background-color:#0b1423;padding-top:320px;min-height:0;background-image:linear-gradient(0deg,#0b1423 0%,#0b142300 40%),var(--doors-image)}} #mh-approved .gallery{max-width:1040px;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}#mh-approved .exhibit:first-child .exhibit-art{height:280px}#mh-approved .exhibit-copy small{display:block;margin:12px 0}#mh-approved .exhibit-copy button{display:block;margin-top:12px}#mh-approved .profile{max-width:760px;margin:24px auto}#mh-approved .profile p{overflow-wrap:anywhere}@container(max-width:850px){#mh-approved .gallery{grid-template-columns:1fr 1fr}}@container(max-width:560px){#mh-approved .gallery{grid-template-columns:1fr;max-width:420px}#mh-approved .exhibit:first-child .exhibit-art{height:220px}} #mh-approved .hotlist{max-width:960px;margin-inline:auto;width:100%}#mh-approved .room-row>div{max-width:640px} #mh-approved .gallery{max-width:1160px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#mh-approved .gallery .exhibit,#mh-approved .gallery .exhibit:first-child{display:grid;grid-row:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#mh-approved .gallery .exhibit .exhibit-art{height:auto;min-height:260px;border-bottom:0;border-right:1px solid #685b42}#mh-approved .gallery .exhibit-copy{display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere}#mh-approved .gallery .exhibit-copy button{align-self:flex-start}#mh-approved .hotlist{max-width:760px}#mh-approved .paths{max-width:1040px;gap:24px}#mh-approved .path:nth-child(even){margin:0}#mh-approved .path:last-child{margin:0 auto;width:100%}#mh-approved .paths:before{transform:none}@container(max-width:950px){#mh-approved .gallery .exhibit,#mh-approved .gallery .exhibit:first-child{grid-template-columns:1fr}#mh-approved .gallery .exhibit .exhibit-art{min-height:180px;border-right:0;border-bottom:1px solid #685b42}}@container(max-width:560px){#mh-approved .gallery{grid-template-columns:1fr}#mh-approved .gallery .exhibit .exhibit-art{min-height:190px}#mh-approved .paths{grid-template-columns:1fr}} #mh-approved .hero-actions{width:100%;max-width:900px;justify-self:center;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr))}@container(max-width:560px){#mh-approved .hero-actions{grid-template-columns:1fr;max-width:340px}} #mh-approved .skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#mh-approved .skip:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;padding:12px 20px;margin:0;overflow:visible;clip-path:none;z-index:100;background:#080d16;outline:3px solid #f8dda1} /* Restore the approved review composition; retain approved masthead and footer. */ #mh-approved .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #mh-approved .haven-masthead{display:block;width:min(100%,560px);height:auto;margin:0 0 18px;filter:drop-shadow(0 5px 14px #05070b)} @media(min-width:1101px){ #mh-approved .hero{padding-top:28px;padding-bottom:30px;gap:14px;min-height:calc(100dvh - 125px);align-items:center} #mh-approved .hero-copy{max-width:650px} #mh-approved .hero-copy .prose{margin-bottom:16px} #mh-approved .hero-actions{margin-top:8px} #mh-approved .footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;padding:10px 24px;flex-wrap:nowrap;font-size:.83rem} #mh-approved .footer .brand{grid-column:1;white-space:nowrap;color:#d4af37;font-size:.83rem} #mh-approved .footer-meta{grid-column:2;white-space:nowrap;color:#a7b4c8;text-align:center} #mh-approved .footer nav{grid-column:3;display:flex;justify-self:end;gap:clamp(8px,1vw,16px);white-space:nowrap} #mh-approved .footer nav button{min-height:0;margin:0;padding:0;font-size:clamp(.75rem,1.05vw,.83rem);line-height:1.4;color:#90bde4;border-radius:0} #mh-approved .footer nav button:hover{color:#d4af37;background:transparent;text-decoration:underline;text-underline-offset:4px} } /* Desktop visitor discovery: compact Rooms alongside public-post excerpts. */ #mh-approved .discovery-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;max-width:1200px;margin:auto;align-items:start} #mh-approved section.discovery-panel{padding:0;min-width:0} #mh-approved .discovery-heading{min-height:88px} #mh-approved .discovery-heading h3{color:var(--gold);margin-bottom:8px;font-size:25px} #mh-approved .discovery-heading p{color:var(--muted);margin:0;font-family:'Source Serif 4',serif} #mh-approved .discovery-panel .hotlist{border-radius:3px;padding:0 20px;box-shadow:none;max-width:100%} #mh-approved .discovery-panel .room-row{grid-template-columns:minmax(0,1fr) auto;padding:22px 0;gap:12px} #mh-approved .discovery-panel .room-row h3{font-size:18px} #mh-approved .discovery-panel .room-row p{font-size:14px} #mh-approved .activity-metrics{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13px} #mh-approved .activity-metrics span:first-child{color:#e0c27e} #mh-approved .post-feed{display:grid;gap:14px} #mh-approved .discovery-post{padding:20px;border:1px solid var(--line);background:#101a2a;min-width:0;overflow-wrap:anywhere} #mh-approved .discovery-post h4{margin:0 0 6px;color:var(--gold);font-weight:500} #mh-approved .discovery-post small{display:block} #mh-approved .post-excerpt{font-family:'Source Serif 4',serif;color:var(--ivory);margin:12px 0 16px;line-height:1.65} #mh-approved .discovery-panel .controls{justify-content:flex-start;margin-top:22px} #mh-approved .full-discovery{max-width:900px;margin:24px auto} @media(max-width:1100px){#mh-approved .discovery-panels{grid-template-columns:1fr;max-width:760px}} /* Real navigation links retain the approved button presentation. */ #mh-approved a[data-route]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ivory);border:1px solid var(--line);background:#172337;padding:11px 18px;min-height:44px;border-radius:3px} #mh-approved .nav a[data-route]{background:transparent;border:0;padding:8px;font-size:14px} #mh-approved .hero-actions a{font-size:14px;letter-spacing:.6px;padding:14px 10px} #mh-approved a.emerald{background:#18573f;border-color:#52977a} #mh-approved a.blue{background:#233f67;border-color:#6485b1} #mh-approved a.crimson{background:#8b0e1a;border-color:#b9636c} #mh-approved a.path{display:grid;text-align:left;padding:0;justify-content:normal;background:#111d30} #mh-approved .footer a[data-route]{min-height:0;padding:0;background:transparent;border:0;font-size:clamp(.75rem,1.05vw,.83rem);line-height:1.4;color:#90bde4;white-space:nowrap} #mh-approved a[data-route]:hover{filter:brightness(1.15)} /* Shared celestial ornaments and the curated-worlds concept sections. */ #mh-approved #mh-entrance section.haven-benefits{position:relative;z-index:0;background-image:linear-gradient(#fff1ce66,#fff1ce66),url("/haven-design/v4/entrance-assets/haven-parchment.jpg");background-size:auto,1024px 784px;background-position:center;border-block:2px solid #a57732;box-shadow:inset 0 0 32px #70401766} #mh-approved #mh-entrance>.divider{filter:drop-shadow(0 1px 1px #301b08);z-index:5} #mh-approved #mh-entrance>.divider{font-size:0!important;gap:0;height:40px;background:transparent url("/haven-design/v4/entrance-assets/celestial-divider.svg") no-repeat center;background-size:180px 40px} #mh-approved .divider:before,#mh-approved .divider:after{width:calc(50% - 90px);background:linear-gradient(90deg,transparent,#b98b42 30%,#ffe1a1);box-shadow:0 1px 0 #684518} #mh-approved .divider:after{transform:scaleX(-1)} #mh-approved section.haven-benefits{padding:32px 4% 36px;color:#15202b;background:radial-gradient(ellipse at 15% 50%,#fff2ca99,transparent 55%),radial-gradient(ellipse at 90% 40%,#c68b3e33,transparent 60%),repeating-linear-gradient(37deg,#9e713109 0 1px,transparent 1px 6px),#ead2a0;border-block:2px solid #b58a46;box-shadow:inset 0 0 32px #8d541f55} #mh-approved .haven-benefits h2{color:#15202b;text-align:center;font-size:28px;margin-bottom:26px} #mh-approved .benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;max-width:1480px;margin:auto;text-align:center} #mh-approved .benefit-grid article{padding-inline:8px;min-width:0} #mh-approved .benefit-grid svg{width:36px;height:36px;margin-bottom:10px;stroke-width:1.8} #mh-approved .benefit-grid h3{font-size:15px;color:#15202b;margin-bottom:8px;font-weight:500} #mh-approved .benefit-grid p{font-family:'Source Serif 4',serif;font-size:15px;line-height:1.4;margin:0} #mh-approved section.featured-worlds{padding:32px 4% 36px;background:radial-gradient(ellipse at 70% 50%,#23466744,transparent 70%)} #mh-approved .featured-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1480px;margin:auto} #mh-approved .featured-heading h2{font-size:28px;color:var(--gold);margin:0} #mh-approved .featured-heading a[data-route]{background:transparent;border:0;padding:0;color:var(--ivory)} #mh-approved .featured-intro{max-width:1480px;margin:4px auto 20px;color:var(--muted);font-family:'Source Serif 4',serif} #mh-approved .featured-world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;max-width:1480px;margin:auto} #mh-approved .featured-world-grid a[data-route]{display:block;padding:0;background:transparent;border:0;text-align:center} #mh-approved .featured-art{display:block;aspect-ratio:793/370;background-size:100% 100%;border:2px solid #d6ae64;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)} #mh-approved .featured-art-1{background-image:url("/haven-design/v4/entrance-assets/ExploreWorlds.png")} #mh-approved .featured-art-2{background-image:url("/haven-design/v4/entrance-assets/CreateACharacter.png")} #mh-approved .featured-art-3{background-image:url("/haven-design/v4/entrance-assets/EnterTheRoleplay.png")} #mh-approved .featured-art-4{background-image:url("/haven-design/v4/entrance-assets/CreateYourOwnSpace.png")} #mh-approved .featured-art-5{background-image:url("/haven-design/v4/entrance-assets/FindYourPeople.png")} #mh-approved .featured-world-grid h3{font-size:15px;margin:10px 0 0} #mh-approved .featured-sample-note{text-align:center;font-size:12px;color:var(--muted);margin:18px 0 0} @media(max-width:1100px){#mh-approved .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#mh-approved .featured-world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:560px){#mh-approved .benefit-grid,#mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mh-approved .featured-heading{display:block}} /* One celestial atmosphere carries the visitor between the approved scenes. */ #mh-approved #mh-entrance{background:#080f20 url("/haven-design/v4/entrance-assets/celestial-stars.svg") repeat;background-size:960px 760px} #mh-approved #mh-threshold, #mh-approved .discovery-section, #mh-approved section[aria-labelledby="mh-new-title"]{position:relative;isolation:isolate;background-color:transparent;background-size:auto} #mh-approved #mh-threshold{background-image:linear-gradient(#0b1423,transparent 18%,transparent 82%,#080f20),radial-gradient(ellipse at 12% 42%,#365d864f,transparent 58%),radial-gradient(ellipse at 88% 65%,#5b3a7645,transparent 60%)} #mh-approved .discovery-section{background-image:linear-gradient(#080f20,transparent 18%,transparent 82%,#080f20),radial-gradient(ellipse at 82% 40%,#285b7840,transparent 65%),radial-gradient(ellipse at 8% 75%,#3e346737,transparent 58%)} #mh-approved section[aria-labelledby="mh-new-title"]{background-image:linear-gradient(#080f20,transparent 18%,transparent 82%,#0b1423),radial-gradient(ellipse at 18% 48%,#59427348,transparent 58%),radial-gradient(ellipse at 88% 68%,#8a70402b,transparent 55%)} #mh-approved #mh-threshold:before{content:'';position:absolute;inset:12% 8%;z-index:-1;pointer-events:none;border:1px solid #b8a27414;border-radius:50%} #mh-approved .divider{background:transparent;position:relative;z-index:3;height:40px;margin-block:-20px;padding:8px;pointer-events:none} #mh-approved a.path{background:linear-gradient(120deg,#142239ed,#0d182ce8);box-shadow:0 12px 32px #03071166} #mh-approved .discovery-panel .hotlist, #mh-approved .discovery-post{background:linear-gradient(135deg,#142239f0,#0c172ae8);border-color:#88734c;box-shadow:0 12px 32px #03071144} #mh-approved .gallery .exhibit{background:linear-gradient(135deg,#142239ed,#101a2be8);box-shadow:0 12px 32px #03071155} #mh-approved .gallery .exhibit-art{background-image:radial-gradient(ellipse at 50% 65%,#cfad6633,transparent 62%),radial-gradient(ellipse at 20% 25%,#6f529845,transparent 68%),url("/haven-design/v4/entrance-assets/celestial-stars.svg"),linear-gradient(145deg,#1f344a,#0b1426);background-size:auto,auto,640px 507px,auto} /* Fade the artwork into the shared sky; ornaments float over each join. */ @media(min-width:1101px){ #mh-approved #mh-threshold a.path,#mh-approved #mh-threshold .path:last-child{border:0;border-radius:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,calc(100% - 8px) 5px,calc(100% - 5px) 8px,100% 10px,100% calc(100% - 10px),calc(100% - 5px) calc(100% - 8px),calc(100% - 8px) calc(100% - 5px),calc(100% - 10px) 100%,10px 100%,8px calc(100% - 5px),5px calc(100% - 8px),0 calc(100% - 10px),0 10px,5px 8px,8px 5px);position:relative} #mh-approved a.path:after{content:'';position:absolute;inset:0;border:12px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none;z-index:2} #mh-approved a.path:focus-visible{clip-path:none;outline-offset:4px} } /* Desktop composition follows the approved full-page celestial concept. */ @media(min-width:1101px){ #mh-approved .header{padding:12px 24px;gap:18px;background:#060e1a url("/haven-design/v4/entrance-assets/celestial-stars.svg");border-color:#b99350} #mh-approved .header-brand{font-size:clamp(14px,1.35vw,22px);text-decoration:none;gap:12px} #mh-approved .header-brand small{display:block;font-family:'Source Serif 4',serif;font-style:italic;font-size:12px;color:var(--ivory);margin-top:3px} #mh-approved .header .compass{width:48px;height:48px;font-size:38px} #mh-approved .nav{flex-wrap:nowrap;gap:3px;align-items:center} #mh-approved .nav a[data-route]{display:flex;flex-direction:column;gap:4px;padding:4px 8px;font-family:'Source Serif 4',serif;font-size:13px;white-space:nowrap} #mh-approved .nav svg{width:21px;height:21px;color:#e9e2d5} #mh-approved .nav .account-link[data-route]{flex-direction:row;border:1px solid #af8b48;padding:8px 12px;box-shadow:inset 0 0 12px #05070b88} #mh-approved .nav .blue[data-route]{background:linear-gradient(#173653,#07162b)} #mh-approved .nav .crimson[data-route]{background:linear-gradient(#800c19,#390911)} #mh-approved .hero{min-height:0;padding:34px 6% 30px;grid-template-columns:1fr 1.6fr;gap:12px;background-image:linear-gradient(90deg,#050b168f,#07101e35 42%,transparent 75%),var(--observatory-image)} #mh-approved .hero-copy{max-width:450px} #mh-approved .haven-masthead{width:100%;margin-bottom:14px} #mh-approved .hero-copy .prose{font-size:16px;line-height:1.5;margin-bottom:12px} #mh-approved .hero .orrery{max-width:280px} #mh-approved .hero-actions{max-width:1000px;margin-top:8px;gap:20px} #mh-approved .hero-actions a{font-family:Cinzel,serif;border-color:#bc9655;box-shadow:inset 0 0 20px #05070b55,0 5px 18px #0009} #mh-approved .hero-foot button{background:transparent;border:0;font-family:Cinzel,serif;letter-spacing:1px} #mh-approved #mh-threshold{padding:36px 3% 40px} #mh-approved #mh-threshold .section-head{max-width:none;margin-bottom:24px} #mh-approved #mh-threshold .eyebrow{margin-bottom:6px} #mh-approved #mh-threshold h2{font-size:32px;margin-bottom:8px} #mh-approved #mh-threshold h2 br{display:none} #mh-approved #mh-threshold h2 br:after{content:' '} #mh-approved .paths{max-width:1480px;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px} #mh-approved .paths:before{display:none} #mh-approved a.path,#mh-approved .path:last-child{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;align-content:start;width:100%;gap:0;border:1px solid #c59b52;border-radius:10px 2px;box-shadow:inset 0 0 0 3px #b9944722,0 8px 22px #0008} #mh-approved .path-art{width:100%;height:auto;aspect-ratio:793/370;min-height:0;background-size:100% 100%!important;background-color:#091322;border-right:0;border-bottom:1px solid #b99447;position:relative} #mh-approved .path:nth-child(n) .path-art:before{display:none} #mh-approved .path:nth-child(1) .path-art{background-image:url("/haven-design/v4/entrance-assets/ExploreWorlds.png")!important;background-position:center} #mh-approved .path:nth-child(2) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateACharacter.png")!important;background-position:center} #mh-approved .path:nth-child(3) .path-art{background-image:url("/haven-design/v4/entrance-assets/EnterTheRoleplay.png")!important;background-position:center} #mh-approved .path:nth-child(4) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateYourOwnSpace.png")!important;background-position:center} #mh-approved .path:nth-child(5) .path-art{background-image:url("/haven-design/v4/entrance-assets/FindYourPeople.png")!important;background-position:center} #mh-approved .path>span:last-child{padding:18px;text-align:center;align-self:start} #mh-approved .path h3{font-size:17px;margin-bottom:8px} #mh-approved .path p{font-size:15px;line-height:1.45} #mh-approved .divider{font-size:21px;text-shadow:0 0 10px #dbad4c66} } @media(min-width:1101px){ #mh-approved .hero:after{display:block;inset:auto 0 0;height:200px;background:linear-gradient(transparent 0%,#080f2059 45%,#080f20 100%);opacity:1;z-index:0} #mh-approved #mh-threshold{background-image:linear-gradient(#080f20,transparent 18%,transparent 82%,#080f20),radial-gradient(ellipse at 12% 42%,#365d864f,transparent 58%),radial-gradient(ellipse at 88% 65%,#5b3a7645,transparent 60%)} #mh-approved section[aria-labelledby="mh-new-title"]{background-image:linear-gradient(#080f20,transparent 18%,transparent 82%,#080f20),radial-gradient(ellipse at 18% 48%,#59427348,transparent 58%),radial-gradient(ellipse at 88% 68%,#8a70402b,transparent 55%)} #mh-approved .invitation:before{display:block;inset:0 0 auto;height:220px;border:0;border-radius:0;background:linear-gradient(#080f20 0%,#080f2059 55%,transparent 100%);z-index:0;pointer-events:none} #mh-approved .invitation>*{position:relative;z-index:1} } /* Compact desktop rhythm and framed calls to action follow the master mockup. */ #mh-approved #mh-entrance section.haven-benefits{background-size:auto,cover;background-repeat:no-repeat} @media(min-width:1101px){ #mh-approved #mh-threshold{padding-top:24px;padding-bottom:24px} #mh-approved #mh-threshold .section-head{margin-bottom:18px} #mh-approved #mh-entrance section.haven-benefits{padding:20px 3% 22px} #mh-approved .haven-benefits h2{margin-bottom:14px;font-size:27px} #mh-approved .benefit-grid{gap:12px} #mh-approved .benefit-grid article{padding-inline:6px} #mh-approved .benefit-grid svg{display:block;margin:0 auto 8px;width:38px;height:38px} #mh-approved .benefit-grid h3{font-size:14px;margin-bottom:5px} #mh-approved .benefit-grid p{font-size:14px;line-height:1.35} #mh-approved section.featured-worlds{padding:20px 4% 22px} #mh-approved .featured-heading h2{font-size:25px} #mh-approved .featured-intro{font-size:14px;margin:2px auto 12px} #mh-approved .featured-world-grid h3{margin-top:6px;font-size:14px} #mh-approved .featured-sample-note{margin:10px 0 0;font-size:11px} #mh-approved .hero-actions a[data-route]{position:relative;border:0;border-radius:0;gap:12px;padding:14px 22px;min-height:54px} #mh-approved .hero-actions a:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .hero-actions svg{width:26px;height:26px;flex-shrink:0;color:#efd087;stroke-width:1.7} #mh-approved .hero-actions a:before{content:'✧';position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:13px;color:#d5b16e;pointer-events:none} } /* Natural-scale paper, illustrated symbols, and consistently recessed frames. */ /* Beta activity composition: compact framed lists over uninterrupted sky. */ @media(min-width:1101px){ #mh-approved #mh-entrance .discovery-section{padding:24px 4% 22px;background-size:cover;background-position:center} #mh-approved .discovery-section>.section-head{margin:0 auto 14px;background:transparent} #mh-approved .discovery-section h2{font-size:28px;margin:0;color:var(--gold)} #mh-approved .discovery-panels{max-width:1480px;margin:auto;gap:18px;align-items:start} #mh-approved .discovery-panel{position:relative;padding:12px 16px 0;background:#031323e8;border:0;box-shadow:none} #mh-approved .discovery-panel:after{content:'';position:absolute;inset:0 0 26px;border:12px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .discovery-heading{display:flex;align-items:baseline;gap:12px;padding:0 0 6px;margin:0} #mh-approved .discovery-heading h3{font-size:21px;margin:0;white-space:nowrap} #mh-approved .discovery-heading p{font-family:'Source Serif 4',serif;font-size:12px;font-style:italic;margin:0;line-height:1.3} #mh-approved .discovery-panel .hotlist,#mh-approved .discovery-panel .post-feed{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;gap:0} #mh-approved .discovery-panel .room-row,#mh-approved .discovery-panel .discovery-post{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:84px;padding:8px 0;border:0;border-top:1px solid #819bbd44;background:transparent;box-shadow:none;margin:0} #mh-approved .discovery-panel .discovery-post{grid-template-columns:42px minmax(0,1fr) auto} #mh-approved .discovery-panel .room-row h3{font-family:'Source Serif 4',serif;font-size:14px;margin:0 0 3px} #mh-approved .discovery-panel .room-row>div>small:first-child,#mh-approved .discovery-panel .room-row>div>p{display:none} #mh-approved .discovery-panel .activity-metrics{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11px;line-height:1.3;margin:0} #mh-approved .discovery-panel .room-row small{font-size:11px} #mh-approved .discovery-panel button{background:transparent;border:0;padding:4px 0;font-family:'Source Serif 4',serif;font-size:12px;text-decoration:underline;color:#bdd8ef;min-height:32px;white-space:nowrap} #mh-approved .discovery-panel .controls{margin:0;justify-content:center;transform:translateY(8px)} #mh-approved .discovery-panel .controls button{min-height:36px;min-width:200px;padding:6px 18px;border:1px solid #d1ac64;text-decoration:none;background:linear-gradient(#174c7a,#061d38);color:var(--ivory)} #mh-approved .discovery-panel:last-child .controls button{background:linear-gradient(#9a152b,#4b0511)} #mh-approved .activity-room-art{display:block;width:74px;aspect-ratio:793/370;border:1px solid #cca65e;background-size:cover;background-position:center} #mh-approved .activity-room-art-0{background-image:url("/haven-design/v4/entrance-assets/ExploreWorlds.png")} #mh-approved .activity-room-art-1{background-image:url("/haven-design/v4/entrance-assets/EnterTheRoleplay.png")} #mh-approved .activity-room-art-2{background-image:url("/haven-design/v4/entrance-assets/FindYourPeople.png")} #mh-approved .activity-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #d6ae64;background:radial-gradient(#35567a,#09182b);font-family:Cinzel,serif;color:#f0d497} #mh-approved .discovery-panel .discovery-post h4{font-family:'Source Serif 4',serif;font-size:13px;margin:0 0 3px;color:var(--ivory)} #mh-approved .discovery-panel .post-excerpt{font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 3px} #mh-approved .discovery-panel .discovery-post small{font-size:11px;line-height:1.3} #mh-approved .discovery-section>.policy{background:transparent;margin:18px 0 0;font-size:11px;padding:0} } @media(min-width:1101px){ #mh-approved .hero:after{height:140px;background:linear-gradient(transparent,#080f20)} #mh-approved #mh-threshold{background-image:linear-gradient(#080f20,transparent 80px),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png")} #mh-approved #mh-entrance .invitation{background-image:linear-gradient(90deg,transparent 15%,#080f2040 36%,#080f2040 64%,transparent 85%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");background-size:cover;background-position:center;min-height:0;padding:58px 6% 48px} #mh-approved .invitation:before{height:70px;background:linear-gradient(#080f20,transparent)} #mh-approved .invitation h2{font-size:clamp(27px,2.6vw,38px);margin-bottom:18px;text-shadow:0 2px 7px #000} #mh-approved .invitation .prose{max-width:700px;text-shadow:0 2px 5px #000} #mh-approved .invitation .tagline{margin-bottom:20px} } #mh-approved #mh-entrance section.haven-benefits{background-image:linear-gradient(#fff1ce88,#fff1ce88),url("/haven-design/v4/entrance-assets/haven-parchment-seamless.svg");background-size:auto,1500px 1140px;background-repeat:repeat;background-position:center} #mh-approved .haven-icon{stroke:none;fill:currentColor;overflow:visible} #mh-approved .invitation .controls a[data-route]{gap:10px} #mh-approved .invitation .controls svg.haven-icon{width:28px;height:28px;flex:0 0 28px;stroke:none} @media(min-width:1101px){ #mh-approved #mh-threshold,#mh-approved #mh-entrance .featured-worlds,#mh-approved #mh-entrance .discovery-section{background-color:#080f20;background-image:linear-gradient(#080f201a,#080f201a),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center;background-repeat:no-repeat} #mh-approved #mh-threshold:before,#mh-approved #mh-entrance .featured-worlds:before{display:none} } @media(min-width:1101px){ #mh-approved .hero-actions{justify-self:start;margin-inline:0} #mh-approved .hero-actions a[data-route],#mh-approved .featured-art{clip-path:polygon(10px 0,calc(100% - 10px) 0,calc(100% - 8px) 5px,calc(100% - 5px) 8px,100% 10px,100% calc(100% - 10px),calc(100% - 5px) calc(100% - 8px),calc(100% - 8px) calc(100% - 5px),calc(100% - 10px) 100%,10px 100%,8px calc(100% - 5px),5px calc(100% - 8px),0 calc(100% - 10px),0 10px,5px 8px,8px 5px)} #mh-approved .hero-actions a:focus-visible{clip-path:none} #mh-approved .hero-actions svg.haven-icon{stroke:none;width:30px;height:30px} #mh-approved .benefit-grid svg.haven-icon{width:48px;height:48px;stroke:none} #mh-approved .benefit-grid article+article{border-left:1px solid #a879353b} #mh-approved .benefit-grid h3{font-weight:500} #mh-approved .nav svg.haven-icon{width:25px;height:25px;stroke:none} #mh-approved .featured-heading{display:grid;grid-template-columns:auto 1fr auto;gap:22px;margin-bottom:14px} #mh-approved .featured-heading .featured-intro{margin:0;text-align:center;line-height:1.35} #mh-approved .featured-art{position:relative;border:0} #mh-approved .featured-art:after{content:'';position:absolute;inset:0;border:12px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} } @media(min-width:1101px){ #mh-approved .nav a[data-route]:not(.account-link){position:relative;border-radius:0;transition:background-color .15s,color .15s} #mh-approved .nav a[data-route]:not(.account-link):hover,#mh-approved .nav a[data-route]:not(.account-link):focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;filter:none;box-shadow:inset 0 -2px 0 #d9b667} #mh-approved .nav a[data-route]:not(.account-link):hover svg,#mh-approved .nav a[data-route]:not(.account-link):focus-visible svg{color:#f3d38c} } @media(min-width:1101px){#mh-approved #mh-entrance .discovery-section{background-size:100% 100%,cover}#mh-approved #mh-threshold{background-image:linear-gradient(#080f20,transparent 80px),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png")}#mh-approved #mh-entrance .invitation{background-image:linear-gradient(90deg,#080f2055,transparent 28%,#073a741f 48%,transparent 72%,#080f2055),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png")}} @media(min-width:1101px){#mh-approved .featured-heading{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}#mh-approved .featured-heading h2{justify-self:start}#mh-approved .featured-heading a[data-route]{justify-self:end}} @media(min-width:1101px){ #mh-approved .header .compass{border:0;width:52px;height:52px;flex:0 0 52px} #mh-approved .header .compass:before{display:none} #mh-approved .header .compass svg{width:100%;height:100%} #mh-approved .hero{min-height:0;padding-top:26px;padding-bottom:24px} #mh-approved .hero-copy{max-width:420px} #mh-approved .haven-masthead{margin-bottom:8px} #mh-approved .hero-copy .prose{margin-bottom:8px} #mh-approved .hero .orrery{max-width:min(24vw,310px)} #mh-approved .invitation{padding-top:54px;padding-bottom:40px;min-height:0} #mh-approved .invitation h2{font-size:clamp(27px,2.5vw,36px);margin-bottom:10px} #mh-approved .invitation .prose{margin:0 auto 10px} #mh-approved .invitation .tagline{font-size:19px;margin-bottom:14px} #mh-approved .invitation .controls{display:flex;justify-content:center;gap:14px;margin:0 auto;max-width:930px} #mh-approved .invitation .controls a[data-route]{position:relative;display:flex;justify-content:center;align-items:center;flex:1;min-height:56px;padding:10px 18px;border:0;border-radius:0;font-family:Cinzel,serif;font-size:13px;letter-spacing:.3px;white-space:nowrap;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)} #mh-approved .invitation .controls a[data-route]:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .invitation .controls a.emerald{background:linear-gradient(#126045,#083a30);color:#f6e6bf} #mh-approved .invitation .controls a.blue{background:linear-gradient(#234878,#112643);color:#f6e6bf} #mh-approved .invitation .controls a.crimson{background:linear-gradient(#961d29,#510d17);color:#f6e6bf} #mh-approved .invitation .controls svg.haven-icon{width:24px;height:24px;flex:0 0 24px} #mh-approved .footer .brand{gap:8px} #mh-approved .footer .compass{width:30px;height:30px;border:0;font-size:0} #mh-approved .footer .compass:before{display:none} #mh-approved .footer .compass svg{width:100%;height:100%} } /* Approved sapphire compass and a distinct scrolling filigree for section seams. */ #mh-approved .compass{border:0;overflow:hidden;flex-shrink:0} #mh-approved .compass:before{display:none} #mh-approved .compass img{display:block;width:100%;height:100%;object-fit:contain} #mh-approved .account-actions{display:flex;align-items:center;justify-self:end;gap:6px} #mh-approved .account-actions a{display:flex;align-items:center;gap:6px;padding:8px 12px;min-height:42px;border:1px solid #b89350;color:#fff0d0;text-decoration:none;white-space:nowrap;font-family:'Source Serif 4',serif;font-size:14px;box-shadow:inset 0 0 12px #05070b88} #mh-approved .account-actions svg{width:20px;height:20px} #mh-approved .account-actions .blue{background:linear-gradient(#16364c,#071b2c)} #mh-approved .account-actions .crimson{background:linear-gradient(#790d1a,#330711)} #mh-approved .account-actions a:hover{filter:brightness(1.2)} #mh-approved #mh-entrance>.divider{background-image:url("/haven-design/v4/entrance-assets/haven-filigree-divider.svg");background-size:280px 40px} #mh-approved .divider:before,#mh-approved .divider:after{width:calc(50% - 140px)} #mh-approved #mh-entrance section.haven-benefits{background-image:linear-gradient(90deg,#ae703b22,transparent 12%,transparent 88%,#ae703b22),linear-gradient(#fff1cf99,#fff1cf99),url("/haven-design/v4/entrance-assets/haven-parchment-seamless.svg");background-size:auto,auto,1024px 778px;box-shadow:inset 0 0 28px #92591f55,inset 0 0 0 3px #f6dea188,inset 0 0 0 5px #ac7c3744;border-block:2px solid #b4863e} #mh-approved .haven-benefits h2{font-weight:500;color:#111b23} #mh-approved .haven-benefits h2:after{content:'';display:block;width:180px;height:23px;margin:2px auto 0;background:url("/haven-design/v4/entrance-assets/haven-filigree-divider.svg") center/180px 26px no-repeat} #mh-approved .benefit-grid h3{font-weight:600;color:#101923} #mh-approved .benefit-grid p{color:#19222a} #mh-approved #mh-featured-title{color:#fff0cc;text-shadow:0 2px 3px #020916,0 0 8px #020916,0 0 18px #020916} #mh-approved #mh-entrance .invitation{background-image:radial-gradient(ellipse at 50% 44%,#020b20dc 0%,#020b20b3 30%,#020b2030 65%,transparent 85%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png")} #mh-approved .invitation h2{color:#ffe4a5;text-shadow:0 2px 4px #010614,0 0 12px #010614} #mh-approved .invitation .prose{color:#fff7e8;text-shadow:0 2px 4px #010614;font-weight:500} #mh-approved .invitation .tagline{color:#ffdf90;text-shadow:0 2px 4px #010614,0 0 10px #010614;font-weight:500} @media(min-width:1101px){ #mh-approved .header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px} #mh-approved .nav{justify-self:center;justify-content:center;flex-wrap:nowrap} #mh-approved .header-brand{font-size:clamp(14px,1.2vw,22px)} #mh-approved .header .compass{width:52px;height:52px;flex:0 0 52px} #mh-approved .footer .compass{width:30px;height:30px;flex:0 0 30px} #mh-approved .haven-benefits h2{margin-bottom:8px} #mh-approved .benefit-grid svg.haven-icon{width:44px;height:44px} } @media(min-width:1500px){#mh-approved .header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}} @media(min-width:1101px) and (max-width:1350px){#mh-approved .header{gap:10px;padding-inline:18px}#mh-approved .nav a[data-route]{padding-inline:6px;font-size:12px}#mh-approved .header-brand{font-size:14px;gap:8px}#mh-approved .header-brand small{font-size:11px}#mh-approved .account-actions a{padding-inline:9px;font-size:13px}} @media(max-width:1100px){#mh-approved .header{flex-wrap:wrap}#mh-approved .account-actions{margin-left:auto}} #mh-approved .header .compass img{width:52px;height:52px} #mh-approved .footer .compass img{width:30px;height:30px} /* Rich manuscript parchment: natural texture scale, carved corner flourishes. */ #mh-approved #mh-entrance section.haven-benefits{background-color:#f3cd83;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png");background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444;padding-inline:4%} #mh-approved #mh-entrance section.haven-benefits:after{content:'';position:absolute;inset:0;border:36px solid transparent;border-image:url("/haven-design/v4/entrance-assets/parchment-ornate-frame.svg") 36 stretch;pointer-events:none;z-index:0} #mh-approved .haven-benefits>h2,#mh-approved .haven-benefits>.benefit-grid{position:relative;z-index:1} #mh-approved .haven-benefits h2{color:#171a1c;text-shadow:0 1px 0 #fff0c988} #mh-approved .benefit-grid article+article{border-image:linear-gradient(transparent,#a16c3266 25%,#a16c3266 75%,transparent) 1} #mh-approved .haven-benefits h2:after{filter:drop-shadow(0 1px 0 #6e461a88)} /* Quieter middle sky lets Realm artwork and community invitations lead. */ #mh-approved{--haven-celestial-veil:linear-gradient(#080f2099,#080f20b3)} @media(min-width:1101px){#mh-approved #mh-threshold{background-image:linear-gradient(#080f20b3,#080f20a6),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png")}#mh-approved #mh-entrance .featured-worlds{background-image:var(--haven-celestial-veil),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png")}} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;gap:8px 24px;border-bottom:1px solid #b38c4b66;padding:0 0 16px;margin-bottom:24px} #mh-approved .public-page-nav a{padding:4px 0;text-decoration:none;color:#eacb89} #mh-approved .public-page-nav a:hover{text-decoration:underline} #mh-approved .page:has(.public-panel){background:var(--haven-celestial-veil),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center/cover;min-height:100%} #mh-approved .page:has(.public-panel) .page-title{font-size:clamp(30px,3vw,44px);text-align:center;color:#f4dfb0;margin:10px 0 16px} #mh-approved .public-page-nav,#mh-approved .public-panel{max-width:1050px;margin-inline:auto} #mh-approved .public-panel{padding:30px 36px;border:1px solid #ac8546;background:#071221e8;box-shadow:inset 0 0 0 4px #b38c4b12} #mh-approved .public-subtitle{text-align:center;font-family:'Source Serif 4',serif;font-size:21px;color:#eacb89;margin-bottom:20px} #mh-approved .public-section{padding:20px 0;border-top:1px solid #677b9655} #mh-approved .public-section h2{font-size:22px;margin:0 0 10px;color:#ecd19a} #mh-approved .public-section p{font-family:'Source Serif 4',serif;font-size:17px;line-height:1.7;margin:0;color:#dedfe5} #mh-approved .review-disclosure{font-size:14px;line-height:1.6;color:#bfcbdc;border-left:2px solid #c79e54;background:#182b434f;padding:12px 16px} #mh-approved .account-panel{max-width:720px} #mh-approved .account-panel>.prose{text-align:center} #mh-approved .beta-notice{font-family:'Source Serif 4',serif;font-size:15px;line-height:1.6;padding:18px 20px;border:1px solid #a17b3c88;background:#182a3d;color:#f0e4c9;margin:22px 0} #mh-approved .account-form{max-width:520px;margin:20px auto} #mh-approved .account-form input:disabled{opacity:1;background:#09182b;color:#bbc9dc;border-color:#607189} #mh-approved .account-form button{width:100%;margin-top:10px} #mh-approved .account-form button:disabled{opacity:.65;cursor:not-allowed} #mh-approved .public-action{display:block;text-align:center;padding:12px 18px;border:1px solid #b89451;background:linear-gradient(#193e59,#0c213b);color:#f5e6c4;text-decoration:none;margin:20px 0 0} #mh-approved .public-action:hover{filter:brightness(1.2)} #mh-approved .account-switch{display:block;text-align:center;margin-top:20px} #mh-approved .help-grid,#mh-approved .privacy-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} #mh-approved .privacy-accordion{display:grid;gap:10px;margin:20px 0} #mh-approved .privacy-disclosure{border:1px solid #ac854677;background:#1a2a403b;padding:0 18px} #mh-approved .privacy-disclosure summary{cursor:pointer;color:#f4dfb0;font-variant:small-caps;font-size:20px;padding:16px 0;line-height:1.4} #mh-approved .privacy-disclosure summary::marker{color:#d7b365} #mh-approved .privacy-disclosure summary:hover{color:#ffe9b3} #mh-approved .privacy-disclosure summary:focus-visible{outline:2px solid #d7b365;outline-offset:4px} #mh-approved .privacy-disclosure[open] summary{border-bottom:1px solid #ac854644} #mh-approved .privacy-disclosure p{font-size:16px;line-height:1.65;margin:14px 0 18px} #mh-approved .help-grid .public-section h2,#mh-approved .privacy-topics .public-section h2{font-size:19px} #mh-approved .help-grid .public-section p,#mh-approved .privacy-topics .public-section p{font-size:15px} #mh-approved .help-grid a{display:inline-block;margin-top:16px} #mh-approved .review-page-link{display:block;border-top:1px solid #60728b55;padding:14px 0;font-family:Cinzel,serif} @media(max-width:800px){#mh-approved .public-panel{padding:22px}#mh-approved .help-grid,#mh-approved .privacy-topics{grid-template-columns:1fr}} /* Public navigation needs fixed-size icons at every width, not only desktop. */ #mh-approved .nav svg.haven-icon{width:25px;height:25px;flex:0 0 25px} #mh-approved .nav a[data-route]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 8px;font-size:13px;min-height:50px;text-decoration:none;white-space:nowrap} #mh-approved .header-brand{text-decoration:none} #mh-approved .header-brand small{display:block;font-family:'Source Serif 4',serif;font-style:italic;font-size:12px;color:var(--ivory);margin-top:3px} @media(min-width:851px) and (max-width:1100px){#mh-approved .header{display:grid;grid-template-columns:1fr auto;padding:12px 20px;gap:8px 16px}#mh-approved .header-brand{grid-column:1;font-size:17px;min-width:0}#mh-approved .nav{grid-column:1;grid-row:2;justify-content:flex-start;flex-wrap:nowrap;gap:2px}#mh-approved .account-actions{grid-column:2;grid-row:1 / 3;margin-left:0}#mh-approved .header .compass{width:46px;height:46px}#mh-approved .header .compass img{width:46px;height:46px}} @media(max-width:850px){#mh-approved .header .nav{gap:2px;flex-wrap:wrap}#mh-approved .header-brand{font-size:16px}#mh-approved .header-brand small{font-size:11px}} /* Public pages share the entrance's sapphire, engraved gold, and filigree. */ #mh-approved .page:has(.public-panel) .page-title:after{content:'';display:block;width:240px;height:34px;margin:8px auto 0;background:url("/haven-design/v4/entrance-assets/haven-filigree-divider.svg") center/240px 34px no-repeat} #mh-approved .public-page-nav{justify-content:center;gap:6px 14px;border:0;margin-bottom:22px;padding:0} #mh-approved .public-page-nav a{font-family:Cinzel,serif;font-size:14px;min-height:44px;padding:9px 16px;border-bottom:2px solid transparent} #mh-approved .public-page-nav a[aria-current=page]{color:#fff0cc;background:linear-gradient(transparent,#24476c66);border-bottom-color:#e0c27e;text-decoration:none} #mh-approved .public-panel{position:relative;border:0;background:linear-gradient(135deg,#122038f5,#071221f5 55%);padding:38px 40px;box-shadow:0 12px 36px #02071266} #mh-approved .public-panel:before{content:'';position:absolute;inset:0;border:24px solid transparent;border-image:url("/haven-design/v4/entrance-assets/public-panel-frame.svg") 36 stretch;pointer-events:none} #mh-approved .public-subtitle{font-style:italic;color:#efdab0} #mh-approved .public-section h2{color:#f0dbb2} #mh-approved .public-section p{color:#e8e2d6} #mh-approved .public-panel>.public-section{max-width:72ch} #mh-approved .account-form input:disabled::placeholder{color:#b6c1cf;opacity:1} #mh-approved .account-form button,#mh-approved .public-action{position:relative;font-family:Cinzel,serif;font-size:15px;min-height:50px;border:0;border-radius:0;color:#fff0cc;padding:14px 20px} #mh-approved .account-form button:after,#mh-approved .public-action:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .account-form button.emerald,#mh-approved .account-panel:has(.emerald)>.public-action{background:linear-gradient(#126045,#083a30)} #mh-approved .account-form button.blue{background:linear-gradient(#234878,#112643)} #mh-approved .account-form button:disabled{opacity:.75} #mh-approved .help-grid .public-section,#mh-approved .privacy-topics .public-section{padding:20px 18px;background:#1a2a403b;border:1px solid #677b9644} #mh-approved .footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 16px} #mh-approved .footer nav a{display:inline-block;white-space:nowrap;text-decoration:none} #mh-approved .footer nav a:hover{text-decoration:underline} @media(max-width:1100px){#mh-approved .footer{flex-wrap:wrap;gap:10px 20px}#mh-approved .footer nav{flex-basis:100%;justify-content:center}} @media(max-width:800px){#mh-approved .public-panel{padding:30px 24px}#mh-approved .public-page-nav{gap:4px}#mh-approved .public-page-nav a{padding-inline:10px}} /* Inset button fills follow the engraved corners; focus outlines stay intact. */ #mh-approved .account-form button,#mh-approved .public-action{background:none;--action-fill:linear-gradient(#193e59,#0c213b);isolation:isolate} #mh-approved .account-form button:before,#mh-approved .public-action:before{content:'';position:absolute;inset:3px;background:var(--action-fill);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:-1;pointer-events:none} #mh-approved .account-form button.emerald,#mh-approved .account-panel:has(.emerald)>.public-action{background:none;--action-fill:linear-gradient(#126045,#083a30)} #mh-approved .account-form button.blue{background:none;--action-fill:linear-gradient(#234878,#112643)} #mh-approved .public-action{width:fit-content;max-width:100%;margin:18px auto 0;padding-inline:28px} #mh-approved .page:has(.public-panel){padding-block:20px 28px} #mh-approved .page:has(.public-panel) .back{margin-bottom:8px} #mh-approved .page:has(.public-panel) .page-title{margin:0 0 8px} #mh-approved .page:has(.public-panel) .page-title:after{height:26px;margin-top:4px;background-size:210px 28px} #mh-approved .public-page-nav{margin-bottom:12px} #mh-approved .public-panel{padding:26px 32px} #mh-approved .public-subtitle{margin-bottom:12px} #mh-approved .beta-notice{margin:16px 0;padding:14px 18px} @media(max-width:800px){#mh-approved .public-panel{padding:26px 24px}} #mh-approved .invitation .controls a[data-route]{flex:0 1 360px;max-width:100%} #mh-approved .account-actions .emerald{background:linear-gradient(#126045,#083a30)} /* Shared public navigation and account-button details. */ #mh-approved .brand .release-status{font:600 10px/1.4 'Source Sans 3',sans-serif;color:#e0c27e;letter-spacing:.05em} #mh-approved .account-actions a{border-radius:3px} /* Match the card destinations to the other public Haven pages. */ #mh-approved .pathway-page{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:32px;min-height:340px} #mh-approved .pathway-page-art{display:block;width:100%;height:280px;object-fit:cover;object-position:center;border:1px solid #ac8546;box-shadow:0 8px 24px #02071266} #mh-approved .pathway-page-copy{min-width:0} #mh-approved .pathway-page .public-subtitle{text-align:left;margin-bottom:18px} #mh-approved .pathway-page .prose{line-height:1.65} #mh-approved .pathway-page .public-action{margin-top:20px} #mh-approved .pathway-detail-title{font-size:20px;margin:20px 0 10px} #mh-approved .pathway-realm-list{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0;color:#e0c27e;font-family:Cinzel,serif;font-size:14px} #mh-approved .footer .brand>span:last-child{display:block} #mh-approved .footer .brand .release-status{display:block;margin-top:6px;line-height:1.4} @media(max-width:700px){#mh-approved .pathway-page{grid-template-columns:1fr;gap:22px}#mh-approved .pathway-page-art{height:190px}} #mh-approved .page-title[tabindex="-1"]:focus{outline:none} /* Complement the discovery cards with three community essentials. */ #mh-approved .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;gap:24px} #mh-approved .benefit-grid article{padding-inline:18px} @media(max-width:560px){#mh-approved .benefit-grid{grid-template-columns:1fr;gap:18px}#mh-approved .benefit-grid article+article{border-left:0}} /* The same Haven composition adapts to tablets and phones. */ @media(max-width:1100px){ #mh-approved .header .compass,#mh-approved .header .compass img{width:40px;height:40px;flex:0 0 40px} #mh-approved .header-brand{min-width:0;flex-shrink:1} #mh-approved .body-scroll{min-height:0} #mh-approved section{padding:36px 24px} #mh-approved .hero{display:block;padding:100px 32px 32px;background-image:linear-gradient(#080f2044,#080f20e6 60%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");background-size:cover;background-position:center top} #mh-approved .hero-copy{max-width:620px;margin:auto;text-align:center} #mh-approved .haven-masthead{width:100%;max-width:320px;margin:0 auto 14px;display:block} #mh-approved .hero .orrery{display:none} #mh-approved .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px auto 0;max-width:700px} #mh-approved .hero-actions a[data-route]{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Cinzel,serif;font-size:13px;white-space:normal;min-height:56px;padding:12px 16px;border:0} #mh-approved .hero-actions svg.haven-icon{width:26px;height:26px;flex:0 0 26px} #mh-approved .hero-actions a:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .paths{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;gap:22px} #mh-approved .paths:before{display:none} #mh-approved .path,#mh-approved .path:last-child{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0;width:100%;margin:0;grid-column:auto;border:0;border-radius:0} #mh-approved .path:last-child{grid-column:1/-1;width:calc(50% - 11px);justify-self:center} #mh-approved .path-art{width:100%;height:auto;aspect-ratio:793/370;background-size:cover;background-position:center} #mh-approved .path-art>svg,#mh-approved .path-art>i{display:none} #mh-approved .path:nth-child(1) .path-art{background-image:url("/haven-design/v4/entrance-assets/ExploreWorlds.png")} #mh-approved .path:nth-child(2) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateACharacter.png")} #mh-approved .path:nth-child(3) .path-art{background-image:url("/haven-design/v4/entrance-assets/EnterTheRoleplay.png")} #mh-approved .path:nth-child(4) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateYourOwnSpace.png")} #mh-approved .path:nth-child(5) .path-art{background-image:url("/haven-design/v4/entrance-assets/FindYourPeople.png")} #mh-approved .path:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved .path>span:last-child{padding:20px;text-align:center} #mh-approved .path h3{font-size:18px} #mh-approved #mh-threshold,#mh-approved #mh-entrance .featured-worlds{background-image:var(--haven-celestial-veil),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:cover;background-position:center} #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} #mh-approved .featured-heading{display:block;text-align:center;margin-bottom:22px} #mh-approved .featured-heading a{display:inline-flex;align-items:center;min-height:44px} #mh-approved .invitation{background-image:linear-gradient(#080f2044,#080f20cc),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");background-size:cover;background-position:center} #mh-approved .invitation .controls a[data-route]{white-space:normal;max-width:100%;min-height:56px;padding:14px 22px} #mh-approved .page{padding:24px} #mh-approved .public-panel{min-width:0;overflow-wrap:anywhere} #mh-approved .public-page-nav a{min-height:44px} } @media(max-width:600px){ #mh-approved .header{padding:10px 12px;gap:8px;display:flex;flex-wrap:wrap} #mh-approved .header-brand{font-size:14px;gap:8px;flex:1} #mh-approved .header-brand small{font-size:10px} #mh-approved .menu-toggle{min-height:44px;padding:8px 12px} #mh-approved .account-actions{width:100%;justify-content:flex-end;margin:0} #mh-approved .account-actions a{min-height:44px} #mh-approved .header .nav.open{width:100%;justify-content:center;gap:8px} #mh-approved .hero{padding:92px 20px 28px} #mh-approved .haven-masthead{max-width:240px} #mh-approved .hero-copy .prose{font-size:16px;line-height:1.55} #mh-approved .hero-actions{grid-template-columns:1fr;gap:12px} #mh-approved section{padding:32px 20px} #mh-approved .section-head{margin-bottom:24px} #mh-approved .paths{grid-template-columns:1fr;gap:16px} #mh-approved .path,#mh-approved .path:last-child{grid-column:auto;width:100%;grid-template-columns:108px minmax(0,1fr);grid-template-rows:1fr} #mh-approved .path-art{aspect-ratio:auto;height:100%;min-height:164px} #mh-approved .path>span:last-child{padding:18px 16px;text-align:left} #mh-approved .path h3{font-size:16px} #mh-approved .path p{font-size:15px;line-height:1.5} #mh-approved .page{padding:20px 12px} #mh-approved .page-title{font-size:28px;overflow-wrap:anywhere} #mh-approved .public-panel{padding:24px 18px} #mh-approved .public-page-nav{gap:2px} #mh-approved .public-page-nav a{padding:10px;font-size:12px} #mh-approved .privacy-disclosure{padding-inline:14px} #mh-approved .privacy-disclosure summary{font-size:18px} #mh-approved .public-section p{font-size:16px} #mh-approved .footer{padding:8px 12px;gap:4px;justify-content:center} #mh-approved .footer .brand{display:none} #mh-approved .footer-meta:after{content:' · Private Beta';color:var(--gold)} #mh-approved .footer nav{gap:0 12px} #mh-approved .footer nav a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;font-size:11px;white-space:normal;text-align:center} } @media(max-width:360px){#mh-approved .path,#mh-approved .path:last-child{grid-template-columns:88px minmax(0,1fr)}#mh-approved .header-brand{font-size:12px}#mh-approved .header-brand small{font-size:9px}#mh-approved .public-page-nav a{padding-inline:8px}} #mh-approved .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px} @container(max-width:560px){#mh-approved .hero-actions{grid-template-columns:1fr;max-width:340px}} /* Keep the static shell usable on tablets and landscape phones. */ #mh-approved .nav .mobile-account{display:none} #mh-approved #mh-cross{background:transparent;border:0;border-radius:0;box-shadow:none;font-family:Cinzel,serif;color:var(--gold);padding:8px 0;cursor:pointer} #mh-approved #mh-cross:hover{text-decoration:underline;text-underline-offset:5px} @media(max-width:1100px){ #mh-approved .hero-actions a[data-route],#mh-approved .invitation .controls a[data-route]{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)} #mh-approved .invitation .controls a[data-route]{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;font:13px Cinzel,serif;border:0;border-radius:0;background:linear-gradient(#961d29,#510d17);color:#f6e6bf} #mh-approved .invitation .controls a[data-route]:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved #mh-entrance .invitation{padding:36px 24px;min-height:0;background-size:cover;background-position:center} #mh-approved .featured-world-grid>a:last-child{grid-column:1/-1;width:calc(50% - 10px);justify-self:center} } @media(max-width:600px){ #mh-approved .haven-benefits{padding:24px 20px} #mh-approved .haven-benefits h2{font-size:24px;margin-bottom:16px} #mh-approved .benefit-grid{gap:12px} #mh-approved .benefit-grid article{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;padding:0;text-align:left} #mh-approved .benefit-grid article svg.haven-icon{width:26px;height:26px;grid-row:1 / 3;margin:0} #mh-approved .benefit-grid article h3{font-size:15px;margin:0 0 4px} #mh-approved .benefit-grid article p{font-size:15px;line-height:1.4;margin:0} #mh-approved #mh-entrance .invitation{padding:32px 20px} } @media(max-width:600px), (max-height:500px) and (max-width:1100px){ #mh-approved .header{position:relative;display:flex;flex-wrap:nowrap;gap:8px;padding:10px 12px} #mh-approved .header-brand{flex:1;min-width:0} #mh-approved .menu-toggle{display:block;flex:0 0 auto;min-height:44px} #mh-approved .header .account-actions{display:none} #mh-approved .header .nav{display:none;position:absolute;right:12px;top:calc(100% + 6px);width:210px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 130px);overflow:auto;background:#0b1729;border:1px solid #b99350;border-radius:3px;padding:8px;box-shadow:0 8px 24px #0009} #mh-approved .header .nav.open{display:flex;width:210px;flex-direction:column;gap:0} #mh-approved .header .nav a[data-route]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:44px;padding:10px 12px;text-align:left;font-size:14px} #mh-approved .header .nav a.mobile-account{display:flex;font-family:'Source Serif 4',serif} #mh-approved .header .nav .mobile-account svg{display:none} #mh-approved .header .nav .mobile-account[data-route=login]{border-top:1px solid #b9935055;margin-top:4px} } @media(min-width:601px) and (max-width:1100px) and (min-height:501px){ #mh-approved .header{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px 20px;gap:6px 16px} #mh-approved .header-brand{grid-column:1;grid-row:1} #mh-approved .header .nav{grid-column:1;grid-row:2;width:auto;justify-content:flex-start;flex-wrap:nowrap} #mh-approved .account-actions{grid-column:2;grid-row:1 / 3;margin:0} } @media(max-height:500px) and (max-width:1100px){ #mh-approved .header{padding-block:6px} #mh-approved .header-brand small{display:none} #mh-approved .footer{padding:6px 12px;gap:4px;justify-content:center} #mh-approved .footer .brand{display:none} #mh-approved .footer-meta:after{content:' · Private Beta';color:var(--gold)} #mh-approved .footer nav{gap:0 12px} #mh-approved .footer nav a{display:inline-flex;align-items:center;min-height:36px;font-size:11px} } /* Quieter phone typography and ornaments after physical-device review. */ @media(max-width:1100px){ #mh-approved #mh-threshold a.path{box-shadow:none;border:0} #mh-approved .path:after{border-image-source:url("/haven-design/v4/entrance-assets/pathway-single-gold-frame.svg")} #mh-approved #mh-entrance>.divider{height:24px;margin-block:-12px;background-image:url("/haven-design/v4/entrance-assets/haven-quiet-divider.svg");background-size:min(240px,80%) 24px;filter:none} #mh-approved #mh-entrance>.divider:before,#mh-approved #mh-entrance>.divider:after{display:none} #mh-approved .haven-benefits h2:after{height:24px;background:url("/haven-design/v4/entrance-assets/haven-quiet-divider.svg") center/180px 24px no-repeat;filter:none} #mh-approved #mh-entrance section.haven-benefits:after{border:0;border-image:none;inset:8px;border-block:1px solid #a77d3b55} } @media(max-width:600px){ #mh-approved .hero{padding-top:32px} #mh-approved .hero-copy .prose{font-size:15px;line-height:1.5} #mh-approved #mh-threshold h2,#mh-approved .featured-heading h2{font-size:clamp(22px,5.6vw,27px)} #mh-approved .featured-world-grid h3{font-size:clamp(12px,3.1vw,14px);line-height:1.35} #mh-approved .featured-intro{font-size:16px} #mh-approved .invitation h2{font-size:clamp(22px,5.5vw,27px);line-height:1.35} #mh-approved .invitation .prose{font-size:16px;line-height:1.5;font-weight:400} #mh-approved .invitation .tagline{font-size:18px;line-height:1.4} } /* Cohesive public/member navigation details approved October 17. */ #mh-approved .header .nav{margin-left:auto;justify-content:flex-end;gap:0} #mh-approved .header .nav a[data-route]+a[data-route]{border-left:1px solid #8a734b} #mh-approved .footer nav{gap:0} #mh-approved .footer nav a{padding:9px 12px;display:inline-flex;align-items:center;min-height:44px} #mh-approved .footer nav a+a{border-left:1px solid #8a734b} #mh-approved .footer nav a:hover,#mh-approved .footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667;text-decoration:none} @media(max-width:600px){#mh-approved .footer nav{display:grid;grid-template-columns:1fr 1fr}#mh-approved .footer nav a:nth-child(odd){border-left:0}} /* One sapphire divider and shaped featured-image frames at every width. */ #mh-approved .featured-art{position:relative;border:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)} #mh-approved .featured-art:after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-single-gold-frame.svg") 12 stretch;pointer-events:none} #mh-approved #mh-entrance>.divider{height:44px;margin-block:-22px;background-image:url("/haven-design/v4/entrance-assets/haven-sapphire-divider-v1.png");background-size:min(380px,86%) auto;filter:none} #mh-approved #mh-entrance>.divider:before,#mh-approved #mh-entrance>.divider:after{display:none} #mh-approved .haven-benefits h2:after{width:min(280px,85%);height:34px;background-image:url("/haven-design/v4/entrance-assets/haven-sapphire-divider-v1.png");background-size:100% auto;filter:none} #mh-approved .page:has(.public-panel) .page-title:after{width:min(320px,85%);height:38px;background-image:url("/haven-design/v4/entrance-assets/haven-sapphire-divider-v1.png");background-size:100% auto;filter:none} @media(min-width:601px) and (min-height:501px){#mh-approved .header .nav a.mobile-account{display:none}} @media(min-width:1101px){#mh-approved .header .nav a.mobile-account{display:none}} #mh-approved .compass picture{display:block}#mh-approved .compass img{object-fit:contain} #mh-approved #mh-entrance section.haven-benefits:after{inset:5px;border:1px solid #a77d3b66;border-image:none} #mh-approved .parchment-corners{position:absolute;inset:5px;pointer-events:none;z-index:2} #mh-approved .parchment-corners span{position:absolute;width:74px;height:80px;background:url("/haven-design/v4/entrance-assets/haven-ruby-corner-v1.png") center/100% 100% no-repeat} #mh-approved .parchment-corners span:nth-child(1){top:0;left:0} #mh-approved .parchment-corners span:nth-child(2){top:0;right:0;transform:scaleX(-1)} #mh-approved .parchment-corners span:nth-child(3){bottom:0;left:0;transform:scaleY(-1)} #mh-approved .parchment-corners span:nth-child(4){bottom:0;right:0;transform:scale(-1)} @media(max-width:1100px){ #mh-approved #mh-threshold .path-art{background-size:cover!important;background-position:center;min-height:0} #mh-approved #mh-threshold .path:nth-child(1) .path-art{background-image:url("/haven-design/v4/entrance-assets/ExploreWorlds.png")!important} #mh-approved #mh-threshold .path:nth-child(2) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateACharacter.png")!important} #mh-approved #mh-threshold .path:nth-child(3) .path-art{background-image:url("/haven-design/v4/entrance-assets/EnterTheRoleplay.png")!important} #mh-approved #mh-threshold .path:nth-child(4) .path-art{background-image:url("/haven-design/v4/entrance-assets/CreateYourOwnSpace.png")!important} #mh-approved #mh-threshold .path:nth-child(5) .path-art{background-image:url("/haven-design/v4/entrance-assets/FindYourPeople.png")!important} #mh-approved .hero{min-height:0} #mh-approved .parchment-corners span{width:52px;height:56px} #mh-approved #mh-threshold a.path{clip-path:none;mask:radial-gradient(circle at 0 0,transparent 9px,#000 9.5px) top left/51% 51%,radial-gradient(circle at 100% 0,transparent 9px,#000 9.5px) top right/51% 51%,radial-gradient(circle at 0 100%,transparent 9px,#000 9.5px) bottom left/51% 51%,radial-gradient(circle at 100% 100%,transparent 9px,#000 9.5px) bottom right/51% 51%;mask-repeat:no-repeat} #mh-approved #mh-threshold a.path:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #e8ce86} } @media(max-width:600px){ #mh-approved .benefit-grid{grid-template-columns:1fr} #mh-approved .benefit-grid article+article{border-left:0} #mh-approved .parchment-corners span{width:40px;height:44px} #mh-approved #mh-entrance section.haven-benefits{padding-bottom:36px} } /* Tablet portrait keeps navigation visible in a shorter header. */ @media(min-width:601px) and (max-width:1100px) and (min-height:501px){ #mh-approved .hero{padding-top:48px} #mh-approved .header{padding:10px 16px;gap:4px 12px} #mh-approved .header .nav a[data-route]{min-height:44px;padding:4px 6px;font-size:12px;gap:3px} #mh-approved .header .nav svg.haven-icon{width:20px;height:20px;flex-basis:20px} #mh-approved .header .account-actions a{font-size:13px;padding:8px;min-height:44px} } @media(min-width:760px) and (max-width:1100px) and (min-height:501px){ #mh-approved .header{grid-template-columns:minmax(0,1fr) auto auto} #mh-approved .header-brand{grid-column:1;grid-row:1;font-size:14px} #mh-approved .header-brand small{font-size:11px} #mh-approved .header .nav{grid-column:2;grid-row:1;gap:0} #mh-approved .header .account-actions{grid-column:3;grid-row:1} } :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Lyssa's October 24 annotated reference: arched contours, decorated overlay header, stronger Orrery. */ body[data-page=index] #content{grid-column:1;grid-row:1/4;position:relative;z-index:0;scroll-padding-top:calc(var(--entrance-shell-height,110px) + 18px)} body[data-page=index] #shared-header{grid-column:1;grid-row:1;isolation:isolate;background:linear-gradient(90deg,#050b18ed,#081222ce 50%,#050b18ed);border-top:1px solid #c6a464;border-bottom:1px solid #c6a464;box-shadow:0 3px 18px #0008} body[data-page=index] #shared-header:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% auto;background-position:center 24%;opacity:.55;mask-image:linear-gradient(90deg,#000 0%,#0009 9%,transparent 24%,transparent 76%,#0009 91%,#000);-webkit-mask-image:linear-gradient(90deg,#000 0%,#0009 9%,transparent 24%,transparent 76%,#0009 91%,#000)} body[data-page=index] #preview-banner{grid-column:1;grid-row:2;position:relative;z-index:90;background:#070d1cd9} body[data-page=index] #mh-approved #mh-entrance>.hero{padding-top:calc(var(--entrance-shell-height,110px) + 28px);min-height:760px} body[data-page=index] #mh-approved .hero-copy .prose{max-width:560px;margin-top:12px;margin-bottom:12px;font-size:18px;line-height:1.45} body[data-page=index] #mh-approved .hero-copy :is(.prose,.tagline){text-shadow:0 1px 3px #000c,0 0 7px #050b1870} body[data-page=index] #mh-approved .hero-copy{isolation:isolate} body[data-page=index] #mh-approved .hero-copy:before{content:'';position:absolute;inset:-12px -16px -10px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 45% 55%,#02081270 20%,#02081238 63%,transparent 82%);filter:blur(12px)} body[data-page=index] #mh-approved .hero-actions{margin-top:14px} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1626,transparent 60%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 75%,#000f 82%,#000a 91%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 75%,#000f 82%,#000a 91%,transparent 100%);background-position:center top} .proto-header .proto-nav[aria-label="Public navigation"]:after{content:'';display:block;flex:none;width:28px;height:34px;margin-left:10px;background:url("/haven-design/v4/assets/header-accent-star.svg") center/contain no-repeat;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold a.path{position:relative;isolation:isolate;min-height:310px;border:0!important;border-radius:0!important;clip-path:none!important;mask-image:url("/haven-design/v4/assets/pathway-arched-mask.svg");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("/haven-design/v4/assets/pathway-arched-mask.svg");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;background:#091323;box-shadow:none;overflow:hidden;padding-top:24px;grid-template-rows:auto 1fr} body[data-page=index] #mh-approved #mh-threshold a.path:after{content:'';position:absolute;inset:0;border:0!important;border-radius:0!important;background:url("/haven-design/v4/assets/pathway-arched-frame.svg") center/100% 100% no-repeat;pointer-events:none;z-index:3} body[data-page=index] #mh-approved #mh-threshold .path .path-art{width:calc(100% - 28px);margin-inline:auto;height:112px;min-height:0;aspect-ratio:auto;border:0;border-radius:50% 50% 0 0/60% 60% 0 0;background-position:center;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{position:relative;z-index:1;padding:14px 22px 26px} body[data-page=index] #mh-approved #mh-threshold a.path:hover{filter:brightness(1.13)} body[data-page=index] #mh-approved #mh-threshold a.path:focus-visible{outline:0;box-shadow:inset 0 0 0 5px #ffe4a8} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]:after{display:none}body[data-page=index] #mh-approved #mh-entrance>.hero{padding-top:calc(var(--entrance-shell-height,130px) + 22px)}body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,#000b 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,#000b 90%,transparent 100%)}} @media(max-width:650px){body[data-page=index] #mh-approved #mh-threshold a.path{min-height:330px;grid-template-columns:1fr;grid-template-rows:auto 1fr}body[data-page=index] #mh-approved #mh-threshold .path .path-art{height:128px}body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px;max-width:32ch}body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:800px}} /* October 24 follow-up: rounder dome and a shorter card body. */ body[data-page=index] #mh-approved #mh-threshold a.path{min-height:250px;padding-top:16px;mask-image:url('assets/pathway-arched-mask.svg?v=rounder2');-webkit-mask-image:url('assets/pathway-arched-mask.svg?v=rounder2')} body[data-page=index] #mh-approved #mh-threshold a.path:after{background-image:url('assets/pathway-arched-frame.svg?v=rounder2')} body[data-page=index] #mh-approved #mh-threshold .path .path-art{height:92px;border-radius:55% 55% 0 0/85% 85% 0 0} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:10px 22px 22px} body[data-page=index] #mh-approved #mh-threshold .path h3{margin-top:0;margin-bottom:8px} body[data-page=index] #mh-approved #mh-threshold .path p{margin:0;line-height:1.4} body[data-page=index] #mh-approved .featured-heading>a{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 20px;border:0;background:transparent;color:var(--gold);font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;white-space:nowrap} body[data-page=index] #mh-approved .featured-heading>a:before,.proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} body[data-page=index] #mh-approved .featured-heading>a:after,.proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} body[data-page=index] #mh-approved .featured-heading>a svg{width:22px;height:22px;flex:none;color:var(--gold)} body[data-page=index] #mh-approved .featured-heading>a:hover:before,.proto-header .inline-login button:hover:before{filter:brightness(1.3)} body[data-page=index] #mh-approved .featured-heading>a:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:650px){body[data-page=index] #mh-approved #mh-threshold a.path{min-height:280px}body[data-page=index] #mh-approved #mh-threshold .path .path-art{height:105px}body[data-page=index] #mh-approved .featured-heading>a{font-size:13px;padding-inline:16px}} /* Lyssa's smaller square Featured Worlds review size. */ body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(160px,200px));max-width:1120px;gap:24px;justify-content:center} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:200px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{width:100%;max-width:200px;aspect-ratio:1/1} @media(max-width:650px){body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)}} /* A quieter aged parchment, retaining the source texture and ruby corners. */ body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#d8b985!important;background-position:center;border:3px solid #755123;box-shadow:inset 0 0 20px #7c54252b} /* Fine paper fibres over the preserved parchment; no overlay on text or ornaments. */ body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-image:url("/haven-design/v4/assets/lyssa-parchment.jpg")!important;background-size:1024px 784px;background-repeat:repeat;background-blend-mode:normal;background-position:center} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits:after{content:'';position:absolute;inset:6px;border:2px solid #d2a24f;border-image:none;box-shadow:0 0 0 1px #69431e,inset 0 0 0 1px #6d4b27;pointer-events:none;z-index:0} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#59402b} body[data-page=index] #mh-approved .haven-benefits p{color:#493124} body[data-page=index] #mh-approved .benefit-grid article>.nav-illustrated-icon{display:block;margin:0 auto 12px;transform:scale(1.25);transform-origin:center} /* Icon-only pathway trial: retain curved cards and approved copy. */ body[data-page=index] #mh-approved #mh-threshold .path:nth-child(n) .path-art{display:flex;align-items:center;justify-content:center;background:none!important;border-radius:0;overflow:visible} body[data-page=index] #mh-approved #mh-threshold .path-art:before,body[data-page=index] #mh-approved #mh-threshold .path-art:after{display:none} body[data-page=index] #mh-approved #mh-threshold .path-art>.nav-illustrated-icon{display:block;transform:translateY(12px) scale(1.85);transform-origin:center} /* Use the continuous Entrance scenery; do not redraw it inside Featured Worlds. */ body[data-page=index] #mh-approved #mh-entrance .featured-worlds{background:transparent!important} /* Existing gold ornament assets frame the subtitle, rather than competing with it. */ body[data-page=index] #mh-approved .featured-heading .featured-intro{display:flex;align-items:center;justify-content:center;gap:10px;font-style:italic;min-width:0} body[data-page=index] #mh-approved .featured-heading .featured-intro:before,body[data-page=index] #mh-approved .featured-heading .featured-intro:after{display:none} body[data-page=index] #mh-approved .featured-heading .featured-intro{max-width:500px} body[data-page=index] #mh-approved .featured-heading .featured-intro .featured-flourish{display:block;width:100px;height:24px;object-fit:contain;flex:0 0 100px} @media(max-width:700px){body[data-page=index] #mh-approved .featured-heading .featured-intro{width:100%;max-width:460px;gap:8px}body[data-page=index] #mh-approved .featured-heading .featured-intro .featured-flourish{width:38px;flex-basis:38px}} /* Short transition ribbon using the supplied celestial star and cartography. */ body[data-page=index] #mh-approved #mh-threshold .haven-motto{max-width:860px;margin:32px auto -10px;padding:16px 24px;background:linear-gradient(#07111eed,#07111eed),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center/cover;border-block:1px solid #b88c47;border-radius:10% 10% 35% 35%/7px 7px 18px 18px;box-shadow:inset 0 0 0 3px #b88c4715} body[data-page=index] #mh-approved #mh-threshold .haven-motto p{display:flex;align-items:center;justify-content:center;gap:20px;margin:0;color:#f0d49d;font:16px/1.4 'Marcellus SC',serif;letter-spacing:4px} body[data-page=index] #mh-approved #mh-threshold .haven-motto img{display:block;width:13px;height:24px;object-fit:contain;flex:none} @media(max-width:700px){body[data-page=index] #mh-approved #mh-threshold .haven-motto{padding:14px 10px}body[data-page=index] #mh-approved #mh-threshold .haven-motto p{font-size:13px;letter-spacing:2px;gap:10px}} @media(max-width:380px){body[data-page=index] #mh-approved #mh-threshold .haven-motto p{font-size:12px;letter-spacing:1px;gap:7px}body[data-page=index] #mh-approved .featured-heading .featured-intro{font-size:14px;gap:5px}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 11: locations */ @scope (:root[data-haven-style="locations"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid{gap:12px;align-items:start} #discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:auto;min-height:0} #discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:130px;width:100%;object-fit:cover} #discover-review .portal .destination-image{display:block;max-width:100%} #discover-review .portal .destination-name{color:var(--gold);text-decoration:none} #discover-review .portal .destination-name:hover{text-decoration:underline} #discover-review .portal a:focus-visible,#discover-review .simple-item a:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} #discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{padding:10px;gap:6px} #discover-review .portal .portal-heading h3{margin:0;font-size:18px} #discover-review .portal .tagline{font-size:16px;margin:0;display:block;overflow:visible} #discover-review .portal .portal-footer{display:block;margin-top:6px;padding-top:0;text-align:left} #discover-review .portal .portal-footer .tags,#discover-review .portal .card-meta{margin:3px 0;font-size:14px;text-align:left} #discover-review .rows .portal{display:flex;min-height:0;height:auto;padding:10px;gap:12px;align-items:flex-start} #discover-review .rows .portal-visual{width:72px;min-width:72px;flex:0 0 72px;display:block} #discover-review .rows .portal-art{width:72px;height:90px;object-fit:cover} #discover-review .rows .portal-copy{padding:0;min-height:0;flex:1} #discover-review .portal-art.default-art{object-fit:contain;padding:4px} #discover-review .simple-item{display:block;padding:10px 0} #discover-review .simple-item h3{margin:0 0 4px} #discover-review .simple-item p{margin:3px 0;font-size:15px} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} .messages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.messages-heading p{margin:0}.account-context{margin-bottom:22px}.message-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:14px;margin-bottom:22px}.message-tab[aria-pressed=true]{border-color:var(--gold);background:#17233C}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.list-heading h2{margin:0}.filter-label{display:flex;align-items:center;gap:8px;font-size:16px}select,input,textarea{font:18px 'Alegreya',Alegreya,serif;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 12px;max-width:100%}.mail-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.mail-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--edge);background:var(--panel)}.mail-row:last-child{border-bottom:0}.mail-direction{font:14px 'Marcellus SC',serif;color:var(--muted);width:75px;flex-shrink:0}.mail-copy{flex:1;min-width:0}.mail-copy p{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.mail-subject{font:20px 'Alegreya',Alegreya,serif;text-decoration:none}.read-link{font:16px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.snapshot-count{margin-top:12px}.mail-empty{padding:40px 20px;text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel{padding:24px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel h2{margin-top:20px}.compose-panel label{display:block;margin:18px 0 6px}.compose-panel input,.compose-panel textarea,.compose-panel select{width:100%;background:var(--page)}.compose-panel textarea{resize:vertical;min-height:160px}.compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.back-link{padding:0;background:transparent;border:0;min-height:30px}.whisper-help{border-top:1px solid var(--edge);padding-top:8px}.whisper-help p{font-size:16px;max-width:720px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:600px){.messages-heading{flex-wrap:wrap;align-items:flex-start}.list-heading{flex-wrap:wrap}.mail-row{gap:10px;padding:16px;flex-wrap:wrap}.mail-direction{width:100%;font-size:13px}.mail-subject{font-size:19px}.read-link{font-size:14px}.compose-panel{padding:18px}} .selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:16px}.selection-heading label{display:flex;align-items:center;gap:8px}.mail-select,#select-visible{width:18px;height:18px;flex:0 0 18px;accent-color:var(--gold)}.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:12px;margin-bottom:12px}.bulk-actions button{font-size:14px;padding:8px 10px}.bulk-actions button:disabled{opacity:.5;cursor:default}.trash-preview-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--panel);border-bottom:1px solid var(--edge)} #discover-review .portal-grid.columns-3 .portal,#discover-review .portal-grid.columns-4 .portal{height:auto;min-height:0;align-self:start} #discover-review .portal-grid .portal .portal-copy{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;justify-content:flex-start;padding:10px 12px;gap:6px} #discover-review .portal-grid .portal .portal-copy .portal-footer{display:block;flex:0 0 auto;margin:0;padding:0;text-align:left} #discover-review .portal-grid .portal .portal-footer .tags{margin:0 0 5px;text-align:left} #discover-review .portal-grid .portal .portal-counts{margin:0} #discover-review .portal-grid .portal .card-meta{margin:0 0 3px;text-align:left} #discover-review .portal-grid .portal .tagline{margin:0;flex:0 0 auto} #discover-review .portal-grid.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #discover-review .portal-grid.rows .portal{display:flex;flex-direction:row;height:auto!important;min-height:0!important;padding:10px;gap:10px;align-items:flex-start} #discover-review .portal-grid.rows .portal .portal-visual{display:block;width:64px!important;min-width:64px;flex:0 0 64px!important} #discover-review .portal-grid.rows .portal .portal-art{width:64px!important;height:82px!important;min-height:0;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid.rows .portal .portal-copy{padding:0;flex:1 1 0;min-width:0;gap:5px;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-footer{margin-top:0!important;padding-top:0;text-align:left} #discover-review .portal-grid.rows .portal .portal-heading h3{font-size:16px} #discover-review .portal-grid.rows .portal .tagline{font-size:15px} #discover-review .portal-grid.rows .portal .tags,#discover-review .portal-grid.rows .portal .card-meta{font-size:13px;overflow-wrap:anywhere} @media(min-width:1200px){ #discover-review .world-results .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(5,minmax(0,1fr))} #discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%;height:130px!important} } @media(max-width:1000px){#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#discover-review .portal-grid.rows{grid-template-columns:1fr}} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:130px!important;width:100%!important;object-fit:cover} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important;min-height:0!important;align-self:stretch;box-sizing:border-box} #discover-review .portal-grid .portal .portal-copy{flex:0 0 auto;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-copy{flex:1 1 0} #discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;min-width:150px;flex:0 0 150px!important} #discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:150px!important;min-height:150px;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:150px!important;min-height:150px} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important} #discover-review .portal-grid:not(.rows):not(.list) .portal{min-height:300px!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{height:166px;display:flex;justify-content:center;align-items:center;padding:8px} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{width:150px;max-width:100%} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{display:block;width:150px!important;max-width:100%;height:150px!important;min-height:150px;object-fit:contain!important;padding:0} #discover-review .portal-grid .portal .tagline{display:block!important;-webkit-line-clamp:unset;overflow:visible!important} #discover-review .portal-grid.rows .portal .portal-copy{min-height:150px!important;gap:5px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{display:flex!important;flex-direction:column;flex:1 0 auto;gap:0;margin:0!important;padding:0} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer .tags{margin:8px 0 6px!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts{margin-top:auto!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts .card-meta:last-child{margin-bottom:0} #discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(150px,auto) auto;gap:8px 12px;align-content:start} #discover-review .portal-grid.rows .portal .portal-copy{display:flex;min-height:150px!important;height:100%;padding:0;gap:6px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{margin-top:auto!important;flex:0 0 auto} #discover-review .portal-grid.rows .portal>.row-bottom-tags{grid-column:1/-1;grid-row:2;margin:0;padding-top:7px;border-top:1px solid var(--edge);font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:left} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{display:block;width:100%;height:150px;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{display:block;width:100%;max-width:none} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%!important;max-width:none;height:150px!important;min-height:150px;object-fit:cover!important;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain!important;padding:5px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-copy{padding:12px;gap:10px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-footer .tags{margin:10px 0!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-counts{padding-top:4px} #discover-review .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(auto-fit,200px)!important;justify-content:start} #discover-review .portal-grid:not(.rows):not(.list) .portal{width:200px!important;height:350px!important;min-height:350px!important;max-height:350px;box-sizing:border-box} #discover-review .portal-grid:not(.list){display:grid!important;grid-template-columns:repeat(3,minmax(0,320px))!important;gap:65px 32px!important;justify-content:start;padding-top:30px;align-items:start} #discover-review .portal-grid:not(.list) .portal{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;overflow:visible!important} #discover-review .portal-grid .portal:before{content:'';position:absolute;inset:12px 12px;background:#0c1525;border-radius:12px;z-index:-1} #discover-review .portal-grid .portal:after{content:'';position:absolute;inset:0;background:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png") center/100% 100% no-repeat;pointer-events:none;z-index:4} #discover-review .portal-grid:not(.list) .portal .portal-visual{width:calc(100% - 24px)!important;min-width:0!important;height:195px!important;flex:0 0 195px!important;margin:12px 12px 0!important;padding:0!important;position:relative;overflow:hidden;border-radius:14px 14px 0 0} #discover-review .portal-grid:not(.list) .portal .destination-image{display:block;width:100%!important;max-width:none;height:195px} #discover-review .portal-grid:not(.list) .portal .portal-art{display:block;width:100%!important;height:195px!important;min-height:0!important;object-fit:cover!important;padding:0!important} #discover-review .portal-grid .portal .portal-art.default-art{object-fit:contain!important;padding:18px!important} #discover-review .portal-grid .portal .portal-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 30%,#0c152520 50%,#0c1525aa 76%,#0c1525)} #discover-review .portal-grid:not(.list) .portal .portal-copy{display:flex!important;flex-direction:column!important;padding:14px 27px 40px!important;gap:10px!important;height:273px!important;min-height:0!important;flex:0 0 273px!important} #discover-review .portal-grid .portal .portal-heading h3{font-size:24px!important;line-height:1.2;margin:0} #discover-review .portal-grid .portal .tagline{font-size:18px!important;line-height:1.35!important;margin:0!important} #discover-review .portal-grid .portal .portal-footer{display:flex!important;flex-direction:column!important;gap:8px;margin-top:auto!important;padding:0!important;text-align:center} #discover-review .portal-grid .portal .tags{font-size:16px!important;line-height:1.4;margin:8px 0!important;text-align:center} #discover-review .portal-grid .portal .portal-counts{border-top:1px solid #b68c48;padding-top:10px!important;width:100%;text-align:center} #discover-review .portal-grid .portal .card-meta{font-size:18px!important;line-height:1.3!important;text-align:center!important} #discover-review .portal .category-medallion{position:absolute;top:-23px;left:calc(50% - 44px);width:88px;height:88px;object-fit:contain;z-index:5;pointer-events:none} #discover-review section{margin-bottom:55px} @media(max-width:1000px){#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,320px))!important}} @media(max-width:600px){#discover-review .portal-grid:not(.list){display:block!important;padding-top:0}#discover-review .portal-grid:not(.list) .portal{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:22px;border-bottom:1px solid #615239!important;padding-bottom:18px!important}#discover-review .portal-grid .portal:before,#discover-review .portal-grid .portal:after,#discover-review .portal-grid .portal .portal-visual,#discover-review .portal .category-medallion{display:none!important}#discover-review .portal-grid:not(.list) .portal .portal-copy{height:auto!important;padding:0!important;display:block!important}#discover-review .portal-grid .portal .portal-footer,#discover-review .portal-grid .portal .tags,#discover-review .portal-grid .portal .card-meta{text-align:left!important}#discover-review .portal-grid .portal .portal-counts{border:0}#discover-review .portal-grid .portal .tagline{margin:8px 0!important}} @media(min-width:601px){ #discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;padding-top:15px} #discover-review .portal-grid:not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review .portal-grid:not(.list) .portal .portal-visual{height:180px!important;flex-basis:180px!important} #discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review .portal-grid:not(.list) .portal .portal-art{height:180px!important} #discover-review .portal-grid:not(.list) .portal .portal-copy{height:228px!important;flex-basis:228px!important;padding:10px 27px 26px!important;gap:7px!important} #discover-review .portal-grid .portal .portal-footer{margin-top:12px!important;gap:5px} #discover-review section{margin-bottom:30px} #discover-review .portal .category-medallion{width:72px;height:72px;left:calc(50% - 36px);top:-18px} } #discover-review .portal-grid .portal .portal-visual:has(.default-art) .default-art{visibility:hidden!important} #discover-review .portal-grid .portal .portal-visual:has(.default-art){background:radial-gradient(ellipse at 50% 20%,#1d3150 0%,#0c1525 75%)} @media(min-width:601px){ #discover-review .portal .category-medallion{top:-29px} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:100%!important;height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .portal-grid .portal .portal-art.default-art{display:none!important} } #discover-review .measurement-bar,#discover-review .measurement-label{display:none!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,380px))!important;justify-content:center} #discover-review#discover-review .portal-grid .tags{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px} #discover-review#discover-review .portal-grid .tags span{position:relative;isolation:isolate;display:inline-block;padding:5px 9px;background:#ac4235;color:#efdbac;font:16px/1.25 'Alegreya',Alegreya,serif;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #discover-review#discover-review .portal-grid .tags span:before{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(#29100e,#100a0c);clip-path:polygon(5.5px 0,calc(100% - 5.5px) 0,100% 5.5px,100% calc(100% - 5.5px),calc(100% - 5.5px) 100%,5.5px 100%,0 calc(100% - 5.5px),0 5.5px)} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(auto-fit,320px)!important;justify-content:center;gap:40px 28px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:320px!important;height:480px!important;min-height:480px!important;max-height:480px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:195px!important;flex-basis:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:273px!important;flex-basis:273px!important;padding:14px 30px 36px!important;gap:10px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{margin-top:auto!important;gap:8px} #discover-review#discover-review .portal .category-medallion{width:88px;height:88px;left:calc(50% - 44px);top:-23px} } #discover-review#discover-review .portal-grid .portal .portal-visual:after{background:linear-gradient(transparent 20%,#0c152530 45%,#0c1525bd 72%,#0c1525 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts{position:relative;border-top:0;padding-top:16px!important} #discover-review#discover-review .portal-grid .portal .portal-counts:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5a160,transparent)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{content:'◇';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#0c1525;color:#e5bf70;padding:0 6px;font-size:17px;line-height:1} #discover-review#discover-review .portal-grid .portal .card-meta{margin:0 0 4px!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:170px!important;flex-basis:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:298px!important;flex-basis:298px!important;padding:12px 25px 32px!important;gap:8px!important} #discover-review#discover-review .portal-grid .portal .tags{margin:6px 0!important;gap:5px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{gap:10px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal .portal-counts:before,#discover-review#discover-review .portal-grid .portal .portal-counts:after{display:none}} @media(min-width:601px){ #discover-review#discover-review .portal-grid .portal .portal-footer>.tags{width:100%!important;max-width:100%;align-self:stretch!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin-left:0!important;margin-right:0!important} } @media(max-width:600px){ #discover-review#discover-review .portal-grid{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid .portal,#discover-review#discover-review .simple-item{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #6b593b!important;background:none!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal:before,#discover-review#discover-review .portal-grid .portal:after,#discover-review#discover-review .portal-visual,#discover-review#discover-review .category-medallion{display:none!important} #discover-review#discover-review .portal-copy,#discover-review#discover-review .portal-heading,#discover-review#discover-review .portal-footer,#discover-review#discover-review .portal-counts{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;flex:none!important;text-align:left!important} #discover-review#discover-review .portal-heading h3,#discover-review#discover-review .simple-item h3{display:block!important;width:100%!important;margin:0 0 8px!important;font-size:23px!important;line-height:1.3!important} #discover-review#discover-review .simple-item>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important} #discover-review#discover-review .tagline{display:block!important;font-size:18px!important;line-height:1.4!important;margin:0 0 10px!important} #discover-review#discover-review .portal-grid .tags,#discover-review#discover-review .simple-item .tags,#discover-review#discover-review .row-bottom-tags{display:block!important;width:100%!important;margin:8px 0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important} #discover-review#discover-review .tags span{display:inline!important;background:none!important;clip-path:none!important;padding:0!important;border:0!important;color:#c4d8ef!important;font-size:16px!important} #discover-review#discover-review .tags span:before{display:none!important} #discover-review#discover-review .tags span:not(:last-child):after{content:' · '} #discover-review#discover-review .portal-counts:before,#discover-review#discover-review .portal-counts:after{display:none!important} #discover-review#discover-review .card-meta{display:block!important;font-size:18px!important;line-height:1.4!important;margin:6px 0 0!important;text-align:left!important} #discover-review#discover-review .simple-item a{white-space:normal!important} #discover-review#discover-review .simple-item .tags{order:initial!important} } @media(max-width:600px){ #discover-review .views,#discover-review .card-density{display:none!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 24px!important} #discover-review#discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:1fr!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;padding:24px 22px!important;gap:14px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;height:200px!important;min-width:150px!important;margin:0!important;flex:none!important;align-self:start} #discover-review#discover-review .portal-grid.rows .portal .destination-image,#discover-review#discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:200px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-copy{display:flex!important;width:auto!important;height:252px!important;min-height:0!important;max-height:252px!important;padding:0 0 12px!important;gap:7px!important;flex:none!important} #discover-review#discover-review .portal-grid.rows .portal .portal-heading h3{font-size:21px!important} #discover-review#discover-review .portal-grid.rows .portal .tagline{font-size:17px!important;line-height:1.3!important} #discover-review#discover-review .portal-grid.rows .portal .portal-footer{margin-top:auto!important;gap:6px!important} #discover-review#discover-review .portal-grid.rows .portal .tags span{font-size:14px!important;padding:4px 7px!important} #discover-review#discover-review .portal-grid.rows .portal .card-meta{font-size:16px!important} } @media(min-width:601px) and (max-width:1000px){#discover-review#discover-review .portal-grid.rows{grid-template-columns:1fr!important}} #discover-review#discover-review .portal-grid.list{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid.list .simple-item{display:block!important;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #354663} #discover-review#discover-review .portal-grid.list .simple-item>*{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:6px 0!important} #discover-review#discover-review .portal-grid.list .simple-item h3{margin:0 0 7px!important;font-size:23px;line-height:1.3} #discover-review#discover-review .portal-grid.list .simple-item .tagline{font-size:18px;line-height:1.4} #discover-review#discover-review .portal-grid.list .simple-item .tags{font-size:16px;line-height:1.5} #discover-review#discover-review .portal-grid.list .simple-item .card-meta{font-size:18px;line-height:1.4} @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows .portal:after{background:none!important;border:22px solid transparent;box-sizing:border-box;border-image-source:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png");border-image-slice:110;border-image-width:22px;border-image-repeat:stretch} #discover-review#discover-review .portal-grid.rows .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid.rows .portal .category-medallion{left:61px;top:-23px} } .discovery-masthead{position:relative;margin:0 0 20px}.discovery-masthead>img{display:block;width:100%;height:auto}.discovery-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.discovery-masthead-copy h1{font-size:clamp(22px,2.6vw,34px);text-shadow:0 2px 8px #000}.discovery-masthead-copy p{margin:8px 0 0}@media(max-width:600px){.discovery-masthead-copy{position:static;padding:12px 0}.discovery-masthead-copy h1{font-size:24px}} .discovery-masthead{background:#070d1c} .discovery-masthead>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } .community-heading{margin-bottom:26px}.community-heading p{margin-bottom:0;max-width:760px}.community-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;align-items:start}.community-board{min-width:0}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.board-heading h2{margin-bottom:8px}.board-heading p{font-size:16px;max-width:470px;margin:0}.board-heading .button{flex-shrink:0}.thread-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--edge)}.thread-row:last-child{border-bottom:0}.thread-row>div{min-width:0}.thread-row h3{font:20px/1.35 'Alegreya',Alegreya,serif;margin:0}.thread-row h3 a{text-decoration:none}.thread-row p{font-size:15px;margin:8px 0 0}.thread-open{font:15px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.more-discussions{margin:14px 0 18px}.browse-board{margin-top:0}.community-links{list-style:none;margin:0;padding:0}.community-links li{border-top:1px solid var(--edge);padding:14px 0}.community-links li:last-child{padding-bottom:0}.community-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font:17px 'Marcellus SC',serif;text-decoration:none}.community-links p{font-size:15px;margin:7px 0 0}.community-guides .side-panel{margin-bottom:18px}.community-guides h2{font-size:20px}.community-board a:hover,.community-links a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:800px){.community-layout{grid-template-columns:1fr}.community-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-heading{flex-wrap:wrap}}@media(max-width:480px){.community-guides{grid-template-columns:1fr}.thread-row{gap:12px;padding:16px;align-items:flex-start}.thread-row h3{font-size:19px}.thread-open{font-size:14px}.board-heading .button{min-height:44px}} .account-overview-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}#account-review section{border-bottom:1px solid #354663;padding:18px 0} #locations-review .page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}#locations-review .title-group{display:flex;align-items:center;gap:14px}#locations-review .title-icon{width:72px;height:72px;object-fit:contain}#locations-review .title-group p{margin:0}#locations-review .location-columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}#locations-review .shortcut-panel{border:1px solid var(--edge);background:var(--panel);padding:18px;border-radius:4px;margin-bottom:20px}#locations-review .shortcut-links{display:flex;gap:10px;flex-wrap:wrap}#locations-review .shortcut-links a{font:16px 'Marcellus SC',serif}#locations-review .lookup{display:flex;gap:8px;flex-wrap:wrap}#locations-review input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}#locations-review label{display:block;font-size:16px;margin-bottom:6px}#locations-review .location-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;align-items:start;padding:16px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}#locations-review .location-art{width:150px;height:150px;object-fit:contain}#locations-review .location-info{min-height:150px;display:flex;flex-direction:column}#locations-review .location-info p{font-size:16px;margin:8px 0}#locations-review .location-actions{display:flex;flex-direction:column;gap:8px}#locations-review .location-info details{margin-top:auto}#locations-review .location-info summary{font-size:16px}#locations-review .manage-links{display:flex;flex-wrap:wrap;gap:10px;font-size:16px;margin:10px 0 0}#locations-review .region-panel{border:1px solid var(--edge);border-radius:4px;background:var(--panel);padding:18px;margin-top:22px}#locations-review .region-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}#locations-review .region-heading h3{margin:0}#locations-review .region-heading span{font:13px 'Cinzel',serif;color:var(--muted)}#locations-review .region-panel p{font-size:16px;margin:8px 0 14px}#locations-review .region-links{display:flex;gap:12px;flex-wrap:wrap;font:16px 'Marcellus SC',serif}#locations-review .fine{font-size:15px}#locations-review #location-status{font-size:16px;color:var(--gold);margin:16px 0}#locations-review .section-heading{display:flex;gap:10px;align-items:baseline;margin-bottom:14px}#locations-review .section-heading h2{margin:0}#locations-review .section-heading span{font-size:15px;color:var(--muted)}@media(max-width:900px){#locations-review .location-card{grid-template-columns:150px minmax(0,1fr)}#locations-review .location-actions{grid-column:2}}@media(max-width:760px){#locations-review .location-columns{grid-template-columns:1fr}}@media(max-width:480px){#locations-review .location-card{grid-template-columns:1fr}#locations-review .location-actions{grid-column:1}#locations-review .location-info{min-height:0}#locations-review .location-info details{margin-top:10px}#locations-review .title-icon{width:56px;height:56px}} .location-columns{display:block!important}#characters-review .portrait{width:150px;height:150px;object-fit:cover} body .page-scroll{background-color:#070d1c;background-image:linear-gradient(rgba(3,11,22,.72),rgba(3,11,22,.55)),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} body .discovery-masthead,body .home-scenic-masthead{background:transparent} body .site-header,body .site-footer{background-color:#070d1c} @media(max-width:600px){body .page-scroll{background-attachment:scroll;background-position:center top}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} #locations-review .locations-masthead{background:transparent!important;margin-bottom:8px} #locations-review .locations-masthead>img{mask-image:linear-gradient(#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(#000 55%,transparent 100%)} #locations-review .page-heading{justify-content:flex-end;margin:12px 0 20px} #locations-review .location-card,#locations-review .region-panel{background:rgba(5,13,27,.4);border:1px solid rgba(212,182,116,.65);border-radius:8px} #locations-review .location-columns{display:block!important} @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 12: messages */ @scope (:root[data-haven-style="messages"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid{gap:12px;align-items:start} #discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:auto;min-height:0} #discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:130px;width:100%;object-fit:cover} #discover-review .portal .destination-image{display:block;max-width:100%} #discover-review .portal .destination-name{color:var(--gold);text-decoration:none} #discover-review .portal .destination-name:hover{text-decoration:underline} #discover-review .portal a:focus-visible,#discover-review .simple-item a:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} #discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{padding:10px;gap:6px} #discover-review .portal .portal-heading h3{margin:0;font-size:18px} #discover-review .portal .tagline{font-size:16px;margin:0;display:block;overflow:visible} #discover-review .portal .portal-footer{display:block;margin-top:6px;padding-top:0;text-align:left} #discover-review .portal .portal-footer .tags,#discover-review .portal .card-meta{margin:3px 0;font-size:14px;text-align:left} #discover-review .rows .portal{display:flex;min-height:0;height:auto;padding:10px;gap:12px;align-items:flex-start} #discover-review .rows .portal-visual{width:72px;min-width:72px;flex:0 0 72px;display:block} #discover-review .rows .portal-art{width:72px;height:90px;object-fit:cover} #discover-review .rows .portal-copy{padding:0;min-height:0;flex:1} #discover-review .portal-art.default-art{object-fit:contain;padding:4px} #discover-review .simple-item{display:block;padding:10px 0} #discover-review .simple-item h3{margin:0 0 4px} #discover-review .simple-item p{margin:3px 0;font-size:15px} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} .messages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.messages-heading p{margin:0}.account-context{margin-bottom:22px}.message-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:14px;margin-bottom:22px}.message-tab[aria-pressed=true]{border-color:var(--gold);background:#17233C}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.list-heading h2{margin:0}.filter-label{display:flex;align-items:center;gap:8px;font-size:16px}select,input,textarea{font:18px 'Alegreya',Alegreya,serif;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 12px;max-width:100%}.mail-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.mail-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--edge);background:var(--panel)}.mail-row:last-child{border-bottom:0}.mail-direction{font:14px 'Marcellus SC',serif;color:var(--muted);width:75px;flex-shrink:0}.mail-copy{flex:1;min-width:0}.mail-copy p{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.mail-subject{font:20px 'Alegreya',Alegreya,serif;text-decoration:none}.read-link{font:16px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.snapshot-count{margin-top:12px}.mail-empty{padding:40px 20px;text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel{padding:24px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel h2{margin-top:20px}.compose-panel label{display:block;margin:18px 0 6px}.compose-panel input,.compose-panel textarea,.compose-panel select{width:100%;background:var(--page)}.compose-panel textarea{resize:vertical;min-height:160px}.compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.back-link{padding:0;background:transparent;border:0;min-height:30px}.whisper-help{border-top:1px solid var(--edge);padding-top:8px}.whisper-help p{font-size:16px;max-width:720px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:600px){.messages-heading{flex-wrap:wrap;align-items:flex-start}.list-heading{flex-wrap:wrap}.mail-row{gap:10px;padding:16px;flex-wrap:wrap}.mail-direction{width:100%;font-size:13px}.mail-subject{font-size:19px}.read-link{font-size:14px}.compose-panel{padding:18px}} .selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:16px}.selection-heading label{display:flex;align-items:center;gap:8px}.mail-select,#select-visible{width:18px;height:18px;flex:0 0 18px;accent-color:var(--gold)}.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:12px;margin-bottom:12px}.bulk-actions button{font-size:14px;padding:8px 10px}.bulk-actions button:disabled{opacity:.5;cursor:default}.trash-preview-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--panel);border-bottom:1px solid var(--edge)} #discover-review .portal-grid.columns-3 .portal,#discover-review .portal-grid.columns-4 .portal{height:auto;min-height:0;align-self:start} #discover-review .portal-grid .portal .portal-copy{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;justify-content:flex-start;padding:10px 12px;gap:6px} #discover-review .portal-grid .portal .portal-copy .portal-footer{display:block;flex:0 0 auto;margin:0;padding:0;text-align:left} #discover-review .portal-grid .portal .portal-footer .tags{margin:0 0 5px;text-align:left} #discover-review .portal-grid .portal .portal-counts{margin:0} #discover-review .portal-grid .portal .card-meta{margin:0 0 3px;text-align:left} #discover-review .portal-grid .portal .tagline{margin:0;flex:0 0 auto} #discover-review .portal-grid.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #discover-review .portal-grid.rows .portal{display:flex;flex-direction:row;height:auto!important;min-height:0!important;padding:10px;gap:10px;align-items:flex-start} #discover-review .portal-grid.rows .portal .portal-visual{display:block;width:64px!important;min-width:64px;flex:0 0 64px!important} #discover-review .portal-grid.rows .portal .portal-art{width:64px!important;height:82px!important;min-height:0;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid.rows .portal .portal-copy{padding:0;flex:1 1 0;min-width:0;gap:5px;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-footer{margin-top:0!important;padding-top:0;text-align:left} #discover-review .portal-grid.rows .portal .portal-heading h3{font-size:16px} #discover-review .portal-grid.rows .portal .tagline{font-size:15px} #discover-review .portal-grid.rows .portal .tags,#discover-review .portal-grid.rows .portal .card-meta{font-size:13px;overflow-wrap:anywhere} @media(min-width:1200px){ #discover-review .world-results .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(5,minmax(0,1fr))} #discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%;height:130px!important} } @media(max-width:1000px){#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#discover-review .portal-grid.rows{grid-template-columns:1fr}} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:130px!important;width:100%!important;object-fit:cover} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important;min-height:0!important;align-self:stretch;box-sizing:border-box} #discover-review .portal-grid .portal .portal-copy{flex:0 0 auto;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-copy{flex:1 1 0} #discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;min-width:150px;flex:0 0 150px!important} #discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:150px!important;min-height:150px;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:150px!important;min-height:150px} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important} #discover-review .portal-grid:not(.rows):not(.list) .portal{min-height:300px!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{height:166px;display:flex;justify-content:center;align-items:center;padding:8px} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{width:150px;max-width:100%} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{display:block;width:150px!important;max-width:100%;height:150px!important;min-height:150px;object-fit:contain!important;padding:0} #discover-review .portal-grid .portal .tagline{display:block!important;-webkit-line-clamp:unset;overflow:visible!important} #discover-review .portal-grid.rows .portal .portal-copy{min-height:150px!important;gap:5px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{display:flex!important;flex-direction:column;flex:1 0 auto;gap:0;margin:0!important;padding:0} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer .tags{margin:8px 0 6px!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts{margin-top:auto!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts .card-meta:last-child{margin-bottom:0} #discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(150px,auto) auto;gap:8px 12px;align-content:start} #discover-review .portal-grid.rows .portal .portal-copy{display:flex;min-height:150px!important;height:100%;padding:0;gap:6px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{margin-top:auto!important;flex:0 0 auto} #discover-review .portal-grid.rows .portal>.row-bottom-tags{grid-column:1/-1;grid-row:2;margin:0;padding-top:7px;border-top:1px solid var(--edge);font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:left} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{display:block;width:100%;height:150px;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{display:block;width:100%;max-width:none} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%!important;max-width:none;height:150px!important;min-height:150px;object-fit:cover!important;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain!important;padding:5px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-copy{padding:12px;gap:10px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-footer .tags{margin:10px 0!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-counts{padding-top:4px} #discover-review .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(auto-fit,200px)!important;justify-content:start} #discover-review .portal-grid:not(.rows):not(.list) .portal{width:200px!important;height:350px!important;min-height:350px!important;max-height:350px;box-sizing:border-box} #discover-review .portal-grid:not(.list){display:grid!important;grid-template-columns:repeat(3,minmax(0,320px))!important;gap:65px 32px!important;justify-content:start;padding-top:30px;align-items:start} #discover-review .portal-grid:not(.list) .portal{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;overflow:visible!important} #discover-review .portal-grid .portal:before{content:'';position:absolute;inset:12px 12px;background:#0c1525;border-radius:12px;z-index:-1} #discover-review .portal-grid .portal:after{content:'';position:absolute;inset:0;background:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png") center/100% 100% no-repeat;pointer-events:none;z-index:4} #discover-review .portal-grid:not(.list) .portal .portal-visual{width:calc(100% - 24px)!important;min-width:0!important;height:195px!important;flex:0 0 195px!important;margin:12px 12px 0!important;padding:0!important;position:relative;overflow:hidden;border-radius:14px 14px 0 0} #discover-review .portal-grid:not(.list) .portal .destination-image{display:block;width:100%!important;max-width:none;height:195px} #discover-review .portal-grid:not(.list) .portal .portal-art{display:block;width:100%!important;height:195px!important;min-height:0!important;object-fit:cover!important;padding:0!important} #discover-review .portal-grid .portal .portal-art.default-art{object-fit:contain!important;padding:18px!important} #discover-review .portal-grid .portal .portal-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 30%,#0c152520 50%,#0c1525aa 76%,#0c1525)} #discover-review .portal-grid:not(.list) .portal .portal-copy{display:flex!important;flex-direction:column!important;padding:14px 27px 40px!important;gap:10px!important;height:273px!important;min-height:0!important;flex:0 0 273px!important} #discover-review .portal-grid .portal .portal-heading h3{font-size:24px!important;line-height:1.2;margin:0} #discover-review .portal-grid .portal .tagline{font-size:18px!important;line-height:1.35!important;margin:0!important} #discover-review .portal-grid .portal .portal-footer{display:flex!important;flex-direction:column!important;gap:8px;margin-top:auto!important;padding:0!important;text-align:center} #discover-review .portal-grid .portal .tags{font-size:16px!important;line-height:1.4;margin:8px 0!important;text-align:center} #discover-review .portal-grid .portal .portal-counts{border-top:1px solid #b68c48;padding-top:10px!important;width:100%;text-align:center} #discover-review .portal-grid .portal .card-meta{font-size:18px!important;line-height:1.3!important;text-align:center!important} #discover-review .portal .category-medallion{position:absolute;top:-23px;left:calc(50% - 44px);width:88px;height:88px;object-fit:contain;z-index:5;pointer-events:none} #discover-review section{margin-bottom:55px} @media(max-width:1000px){#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,320px))!important}} @media(max-width:600px){#discover-review .portal-grid:not(.list){display:block!important;padding-top:0}#discover-review .portal-grid:not(.list) .portal{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:22px;border-bottom:1px solid #615239!important;padding-bottom:18px!important}#discover-review .portal-grid .portal:before,#discover-review .portal-grid .portal:after,#discover-review .portal-grid .portal .portal-visual,#discover-review .portal .category-medallion{display:none!important}#discover-review .portal-grid:not(.list) .portal .portal-copy{height:auto!important;padding:0!important;display:block!important}#discover-review .portal-grid .portal .portal-footer,#discover-review .portal-grid .portal .tags,#discover-review .portal-grid .portal .card-meta{text-align:left!important}#discover-review .portal-grid .portal .portal-counts{border:0}#discover-review .portal-grid .portal .tagline{margin:8px 0!important}} @media(min-width:601px){ #discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;padding-top:15px} #discover-review .portal-grid:not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review .portal-grid:not(.list) .portal .portal-visual{height:180px!important;flex-basis:180px!important} #discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review .portal-grid:not(.list) .portal .portal-art{height:180px!important} #discover-review .portal-grid:not(.list) .portal .portal-copy{height:228px!important;flex-basis:228px!important;padding:10px 27px 26px!important;gap:7px!important} #discover-review .portal-grid .portal .portal-footer{margin-top:12px!important;gap:5px} #discover-review section{margin-bottom:30px} #discover-review .portal .category-medallion{width:72px;height:72px;left:calc(50% - 36px);top:-18px} } #discover-review .portal-grid .portal .portal-visual:has(.default-art) .default-art{visibility:hidden!important} #discover-review .portal-grid .portal .portal-visual:has(.default-art){background:radial-gradient(ellipse at 50% 20%,#1d3150 0%,#0c1525 75%)} @media(min-width:601px){ #discover-review .portal .category-medallion{top:-29px} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:100%!important;height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .portal-grid .portal .portal-art.default-art{display:none!important} } #discover-review .measurement-bar,#discover-review .measurement-label{display:none!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,380px))!important;justify-content:center} #discover-review#discover-review .portal-grid .tags{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px} #discover-review#discover-review .portal-grid .tags span{position:relative;isolation:isolate;display:inline-block;padding:5px 9px;background:#ac4235;color:#efdbac;font:16px/1.25 'Alegreya',Alegreya,serif;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #discover-review#discover-review .portal-grid .tags span:before{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(#29100e,#100a0c);clip-path:polygon(5.5px 0,calc(100% - 5.5px) 0,100% 5.5px,100% calc(100% - 5.5px),calc(100% - 5.5px) 100%,5.5px 100%,0 calc(100% - 5.5px),0 5.5px)} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(auto-fit,320px)!important;justify-content:center;gap:40px 28px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:320px!important;height:480px!important;min-height:480px!important;max-height:480px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:195px!important;flex-basis:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:273px!important;flex-basis:273px!important;padding:14px 30px 36px!important;gap:10px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{margin-top:auto!important;gap:8px} #discover-review#discover-review .portal .category-medallion{width:88px;height:88px;left:calc(50% - 44px);top:-23px} } #discover-review#discover-review .portal-grid .portal .portal-visual:after{background:linear-gradient(transparent 20%,#0c152530 45%,#0c1525bd 72%,#0c1525 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts{position:relative;border-top:0;padding-top:16px!important} #discover-review#discover-review .portal-grid .portal .portal-counts:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5a160,transparent)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{content:'◇';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#0c1525;color:#e5bf70;padding:0 6px;font-size:17px;line-height:1} #discover-review#discover-review .portal-grid .portal .card-meta{margin:0 0 4px!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:170px!important;flex-basis:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:298px!important;flex-basis:298px!important;padding:12px 25px 32px!important;gap:8px!important} #discover-review#discover-review .portal-grid .portal .tags{margin:6px 0!important;gap:5px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{gap:10px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal .portal-counts:before,#discover-review#discover-review .portal-grid .portal .portal-counts:after{display:none}} @media(min-width:601px){ #discover-review#discover-review .portal-grid .portal .portal-footer>.tags{width:100%!important;max-width:100%;align-self:stretch!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin-left:0!important;margin-right:0!important} } @media(max-width:600px){ #discover-review#discover-review .portal-grid{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid .portal,#discover-review#discover-review .simple-item{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #6b593b!important;background:none!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal:before,#discover-review#discover-review .portal-grid .portal:after,#discover-review#discover-review .portal-visual,#discover-review#discover-review .category-medallion{display:none!important} #discover-review#discover-review .portal-copy,#discover-review#discover-review .portal-heading,#discover-review#discover-review .portal-footer,#discover-review#discover-review .portal-counts{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;flex:none!important;text-align:left!important} #discover-review#discover-review .portal-heading h3,#discover-review#discover-review .simple-item h3{display:block!important;width:100%!important;margin:0 0 8px!important;font-size:23px!important;line-height:1.3!important} #discover-review#discover-review .simple-item>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important} #discover-review#discover-review .tagline{display:block!important;font-size:18px!important;line-height:1.4!important;margin:0 0 10px!important} #discover-review#discover-review .portal-grid .tags,#discover-review#discover-review .simple-item .tags,#discover-review#discover-review .row-bottom-tags{display:block!important;width:100%!important;margin:8px 0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important} #discover-review#discover-review .tags span{display:inline!important;background:none!important;clip-path:none!important;padding:0!important;border:0!important;color:#c4d8ef!important;font-size:16px!important} #discover-review#discover-review .tags span:before{display:none!important} #discover-review#discover-review .tags span:not(:last-child):after{content:' · '} #discover-review#discover-review .portal-counts:before,#discover-review#discover-review .portal-counts:after{display:none!important} #discover-review#discover-review .card-meta{display:block!important;font-size:18px!important;line-height:1.4!important;margin:6px 0 0!important;text-align:left!important} #discover-review#discover-review .simple-item a{white-space:normal!important} #discover-review#discover-review .simple-item .tags{order:initial!important} } @media(max-width:600px){ #discover-review .views,#discover-review .card-density{display:none!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 24px!important} #discover-review#discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:1fr!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;padding:24px 22px!important;gap:14px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;height:200px!important;min-width:150px!important;margin:0!important;flex:none!important;align-self:start} #discover-review#discover-review .portal-grid.rows .portal .destination-image,#discover-review#discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:200px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-copy{display:flex!important;width:auto!important;height:252px!important;min-height:0!important;max-height:252px!important;padding:0 0 12px!important;gap:7px!important;flex:none!important} #discover-review#discover-review .portal-grid.rows .portal .portal-heading h3{font-size:21px!important} #discover-review#discover-review .portal-grid.rows .portal .tagline{font-size:17px!important;line-height:1.3!important} #discover-review#discover-review .portal-grid.rows .portal .portal-footer{margin-top:auto!important;gap:6px!important} #discover-review#discover-review .portal-grid.rows .portal .tags span{font-size:14px!important;padding:4px 7px!important} #discover-review#discover-review .portal-grid.rows .portal .card-meta{font-size:16px!important} } @media(min-width:601px) and (max-width:1000px){#discover-review#discover-review .portal-grid.rows{grid-template-columns:1fr!important}} #discover-review#discover-review .portal-grid.list{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid.list .simple-item{display:block!important;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #354663} #discover-review#discover-review .portal-grid.list .simple-item>*{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:6px 0!important} #discover-review#discover-review .portal-grid.list .simple-item h3{margin:0 0 7px!important;font-size:23px;line-height:1.3} #discover-review#discover-review .portal-grid.list .simple-item .tagline{font-size:18px;line-height:1.4} #discover-review#discover-review .portal-grid.list .simple-item .tags{font-size:16px;line-height:1.5} #discover-review#discover-review .portal-grid.list .simple-item .card-meta{font-size:18px;line-height:1.4} @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows .portal:after{background:none!important;border:22px solid transparent;box-sizing:border-box;border-image-source:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png");border-image-slice:110;border-image-width:22px;border-image-repeat:stretch} #discover-review#discover-review .portal-grid.rows .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid.rows .portal .category-medallion{left:61px;top:-23px} } .discovery-masthead{position:relative;margin:0 0 20px}.discovery-masthead>img{display:block;width:100%;height:auto}.discovery-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.discovery-masthead-copy h1{font-size:clamp(22px,2.6vw,34px);text-shadow:0 2px 8px #000}.discovery-masthead-copy p{margin:8px 0 0}@media(max-width:600px){.discovery-masthead-copy{position:static;padding:12px 0}.discovery-masthead-copy h1{font-size:24px}} .discovery-masthead{background:#070d1c} .discovery-masthead>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } body .page-scroll{background-color:#070d1c;background-image:linear-gradient(rgba(3,11,22,.72),rgba(3,11,22,.55)),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} body .discovery-masthead,body .home-scenic-masthead{background:transparent} body .site-header,body .site-footer{background-color:#070d1c} @media(max-width:600px){body .page-scroll{background-attachment:scroll;background-position:center top}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 13: seeall */ @scope (:root[data-haven-style="seeall"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid{gap:12px;align-items:start} #discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:auto;min-height:0} #discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:130px;width:100%;object-fit:cover} #discover-review .portal .destination-image{display:block;max-width:100%} #discover-review .portal .destination-name{color:var(--gold);text-decoration:none} #discover-review .portal .destination-name:hover{text-decoration:underline} #discover-review .portal a:focus-visible,#discover-review .simple-item a:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} #discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{padding:10px;gap:6px} #discover-review .portal .portal-heading h3{margin:0;font-size:18px} #discover-review .portal .tagline{font-size:16px;margin:0;display:block;overflow:visible} #discover-review .portal .portal-footer{display:block;margin-top:6px;padding-top:0;text-align:left} #discover-review .portal .portal-footer .tags,#discover-review .portal .card-meta{margin:3px 0;font-size:14px;text-align:left} #discover-review .rows .portal{display:flex;min-height:0;height:auto;padding:10px;gap:12px;align-items:flex-start} #discover-review .rows .portal-visual{width:72px;min-width:72px;flex:0 0 72px;display:block} #discover-review .rows .portal-art{width:72px;height:90px;object-fit:cover} #discover-review .rows .portal-copy{padding:0;min-height:0;flex:1} #discover-review .portal-art.default-art{object-fit:contain;padding:4px} #discover-review .simple-item{display:block;padding:10px 0} #discover-review .simple-item h3{margin:0 0 4px} #discover-review .simple-item p{margin:3px 0;font-size:15px} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} .messages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.messages-heading p{margin:0}.account-context{margin-bottom:22px}.message-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:14px;margin-bottom:22px}.message-tab[aria-pressed=true]{border-color:var(--gold);background:#17233C}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.list-heading h2{margin:0}.filter-label{display:flex;align-items:center;gap:8px;font-size:16px}select,input,textarea{font:18px 'Alegreya',Alegreya,serif;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 12px;max-width:100%}.mail-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.mail-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--edge);background:var(--panel)}.mail-row:last-child{border-bottom:0}.mail-direction{font:14px 'Marcellus SC',serif;color:var(--muted);width:75px;flex-shrink:0}.mail-copy{flex:1;min-width:0}.mail-copy p{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.mail-subject{font:20px 'Alegreya',Alegreya,serif;text-decoration:none}.read-link{font:16px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.snapshot-count{margin-top:12px}.mail-empty{padding:40px 20px;text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel{padding:24px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel h2{margin-top:20px}.compose-panel label{display:block;margin:18px 0 6px}.compose-panel input,.compose-panel textarea,.compose-panel select{width:100%;background:var(--page)}.compose-panel textarea{resize:vertical;min-height:160px}.compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.back-link{padding:0;background:transparent;border:0;min-height:30px}.whisper-help{border-top:1px solid var(--edge);padding-top:8px}.whisper-help p{font-size:16px;max-width:720px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:600px){.messages-heading{flex-wrap:wrap;align-items:flex-start}.list-heading{flex-wrap:wrap}.mail-row{gap:10px;padding:16px;flex-wrap:wrap}.mail-direction{width:100%;font-size:13px}.mail-subject{font-size:19px}.read-link{font-size:14px}.compose-panel{padding:18px}} .selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:16px}.selection-heading label{display:flex;align-items:center;gap:8px}.mail-select,#select-visible{width:18px;height:18px;flex:0 0 18px;accent-color:var(--gold)}.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:12px;margin-bottom:12px}.bulk-actions button{font-size:14px;padding:8px 10px}.bulk-actions button:disabled{opacity:.5;cursor:default}.trash-preview-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--panel);border-bottom:1px solid var(--edge)} #discover-review .portal-grid.columns-3 .portal,#discover-review .portal-grid.columns-4 .portal{height:auto;min-height:0;align-self:start} #discover-review .portal-grid .portal .portal-copy{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;justify-content:flex-start;padding:10px 12px;gap:6px} #discover-review .portal-grid .portal .portal-copy .portal-footer{display:block;flex:0 0 auto;margin:0;padding:0;text-align:left} #discover-review .portal-grid .portal .portal-footer .tags{margin:0 0 5px;text-align:left} #discover-review .portal-grid .portal .portal-counts{margin:0} #discover-review .portal-grid .portal .card-meta{margin:0 0 3px;text-align:left} #discover-review .portal-grid .portal .tagline{margin:0;flex:0 0 auto} #discover-review .portal-grid.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #discover-review .portal-grid.rows .portal{display:flex;flex-direction:row;height:auto!important;min-height:0!important;padding:10px;gap:10px;align-items:flex-start} #discover-review .portal-grid.rows .portal .portal-visual{display:block;width:64px!important;min-width:64px;flex:0 0 64px!important} #discover-review .portal-grid.rows .portal .portal-art{width:64px!important;height:82px!important;min-height:0;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid.rows .portal .portal-copy{padding:0;flex:1 1 0;min-width:0;gap:5px;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-footer{margin-top:0!important;padding-top:0;text-align:left} #discover-review .portal-grid.rows .portal .portal-heading h3{font-size:16px} #discover-review .portal-grid.rows .portal .tagline{font-size:15px} #discover-review .portal-grid.rows .portal .tags,#discover-review .portal-grid.rows .portal .card-meta{font-size:13px;overflow-wrap:anywhere} @media(min-width:1200px){ #discover-review .world-results .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(5,minmax(0,1fr))} #discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%;height:130px!important} } @media(max-width:1000px){#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#discover-review .portal-grid.rows{grid-template-columns:1fr}} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:130px!important;width:100%!important;object-fit:cover} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important;min-height:0!important;align-self:stretch;box-sizing:border-box} #discover-review .portal-grid .portal .portal-copy{flex:0 0 auto;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-copy{flex:1 1 0} #discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;min-width:150px;flex:0 0 150px!important} #discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:150px!important;min-height:150px;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:150px!important;min-height:150px} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important} #discover-review .portal-grid:not(.rows):not(.list) .portal{min-height:300px!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{height:166px;display:flex;justify-content:center;align-items:center;padding:8px} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{width:150px;max-width:100%} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{display:block;width:150px!important;max-width:100%;height:150px!important;min-height:150px;object-fit:contain!important;padding:0} #discover-review .portal-grid .portal .tagline{display:block!important;-webkit-line-clamp:unset;overflow:visible!important} #discover-review .portal-grid.rows .portal .portal-copy{min-height:150px!important;gap:5px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{display:flex!important;flex-direction:column;flex:1 0 auto;gap:0;margin:0!important;padding:0} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer .tags{margin:8px 0 6px!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts{margin-top:auto!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts .card-meta:last-child{margin-bottom:0} #discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(150px,auto) auto;gap:8px 12px;align-content:start} #discover-review .portal-grid.rows .portal .portal-copy{display:flex;min-height:150px!important;height:100%;padding:0;gap:6px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{margin-top:auto!important;flex:0 0 auto} #discover-review .portal-grid.rows .portal>.row-bottom-tags{grid-column:1/-1;grid-row:2;margin:0;padding-top:7px;border-top:1px solid var(--edge);font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:left} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{display:block;width:100%;height:150px;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{display:block;width:100%;max-width:none} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%!important;max-width:none;height:150px!important;min-height:150px;object-fit:cover!important;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain!important;padding:5px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-copy{padding:12px;gap:10px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-footer .tags{margin:10px 0!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-counts{padding-top:4px} #discover-review .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(auto-fit,200px)!important;justify-content:start} #discover-review .portal-grid:not(.rows):not(.list) .portal{width:200px!important;height:350px!important;min-height:350px!important;max-height:350px;box-sizing:border-box} #discover-review .portal-grid:not(.list){display:grid!important;grid-template-columns:repeat(3,minmax(0,320px))!important;gap:65px 32px!important;justify-content:start;padding-top:30px;align-items:start} #discover-review .portal-grid:not(.list) .portal{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;overflow:visible!important} #discover-review .portal-grid .portal:before{content:'';position:absolute;inset:12px 12px;background:#0c1525;border-radius:12px;z-index:-1} #discover-review .portal-grid .portal:after{content:'';position:absolute;inset:0;background:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png") center/100% 100% no-repeat;pointer-events:none;z-index:4} #discover-review .portal-grid:not(.list) .portal .portal-visual{width:calc(100% - 24px)!important;min-width:0!important;height:195px!important;flex:0 0 195px!important;margin:12px 12px 0!important;padding:0!important;position:relative;overflow:hidden;border-radius:14px 14px 0 0} #discover-review .portal-grid:not(.list) .portal .destination-image{display:block;width:100%!important;max-width:none;height:195px} #discover-review .portal-grid:not(.list) .portal .portal-art{display:block;width:100%!important;height:195px!important;min-height:0!important;object-fit:cover!important;padding:0!important} #discover-review .portal-grid .portal .portal-art.default-art{object-fit:contain!important;padding:18px!important} #discover-review .portal-grid .portal .portal-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 30%,#0c152520 50%,#0c1525aa 76%,#0c1525)} #discover-review .portal-grid:not(.list) .portal .portal-copy{display:flex!important;flex-direction:column!important;padding:14px 27px 40px!important;gap:10px!important;height:273px!important;min-height:0!important;flex:0 0 273px!important} #discover-review .portal-grid .portal .portal-heading h3{font-size:24px!important;line-height:1.2;margin:0} #discover-review .portal-grid .portal .tagline{font-size:18px!important;line-height:1.35!important;margin:0!important} #discover-review .portal-grid .portal .portal-footer{display:flex!important;flex-direction:column!important;gap:8px;margin-top:auto!important;padding:0!important;text-align:center} #discover-review .portal-grid .portal .tags{font-size:16px!important;line-height:1.4;margin:8px 0!important;text-align:center} #discover-review .portal-grid .portal .portal-counts{border-top:1px solid #b68c48;padding-top:10px!important;width:100%;text-align:center} #discover-review .portal-grid .portal .card-meta{font-size:18px!important;line-height:1.3!important;text-align:center!important} #discover-review .portal .category-medallion{position:absolute;top:-23px;left:calc(50% - 44px);width:88px;height:88px;object-fit:contain;z-index:5;pointer-events:none} #discover-review section{margin-bottom:55px} @media(max-width:1000px){#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,320px))!important}} @media(max-width:600px){#discover-review .portal-grid:not(.list){display:block!important;padding-top:0}#discover-review .portal-grid:not(.list) .portal{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:22px;border-bottom:1px solid #615239!important;padding-bottom:18px!important}#discover-review .portal-grid .portal:before,#discover-review .portal-grid .portal:after,#discover-review .portal-grid .portal .portal-visual,#discover-review .portal .category-medallion{display:none!important}#discover-review .portal-grid:not(.list) .portal .portal-copy{height:auto!important;padding:0!important;display:block!important}#discover-review .portal-grid .portal .portal-footer,#discover-review .portal-grid .portal .tags,#discover-review .portal-grid .portal .card-meta{text-align:left!important}#discover-review .portal-grid .portal .portal-counts{border:0}#discover-review .portal-grid .portal .tagline{margin:8px 0!important}} @media(min-width:601px){ #discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;padding-top:15px} #discover-review .portal-grid:not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review .portal-grid:not(.list) .portal .portal-visual{height:180px!important;flex-basis:180px!important} #discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review .portal-grid:not(.list) .portal .portal-art{height:180px!important} #discover-review .portal-grid:not(.list) .portal .portal-copy{height:228px!important;flex-basis:228px!important;padding:10px 27px 26px!important;gap:7px!important} #discover-review .portal-grid .portal .portal-footer{margin-top:12px!important;gap:5px} #discover-review section{margin-bottom:30px} #discover-review .portal .category-medallion{width:72px;height:72px;left:calc(50% - 36px);top:-18px} } #discover-review .portal-grid .portal .portal-visual:has(.default-art) .default-art{visibility:hidden!important} #discover-review .portal-grid .portal .portal-visual:has(.default-art){background:radial-gradient(ellipse at 50% 20%,#1d3150 0%,#0c1525 75%)} @media(min-width:601px){ #discover-review .portal .category-medallion{top:-29px} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:100%!important;height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .portal-grid .portal .portal-art.default-art{display:none!important} } #discover-review .measurement-bar,#discover-review .measurement-label{display:none!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,380px))!important;justify-content:center} #discover-review#discover-review .portal-grid .tags{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px} #discover-review#discover-review .portal-grid .tags span{position:relative;isolation:isolate;display:inline-block;padding:5px 9px;background:#ac4235;color:#efdbac;font:16px/1.25 'Alegreya',Alegreya,serif;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #discover-review#discover-review .portal-grid .tags span:before{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(#29100e,#100a0c);clip-path:polygon(5.5px 0,calc(100% - 5.5px) 0,100% 5.5px,100% calc(100% - 5.5px),calc(100% - 5.5px) 100%,5.5px 100%,0 calc(100% - 5.5px),0 5.5px)} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(auto-fit,320px)!important;justify-content:center;gap:40px 28px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:320px!important;height:480px!important;min-height:480px!important;max-height:480px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:195px!important;flex-basis:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:273px!important;flex-basis:273px!important;padding:14px 30px 36px!important;gap:10px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{margin-top:auto!important;gap:8px} #discover-review#discover-review .portal .category-medallion{width:88px;height:88px;left:calc(50% - 44px);top:-23px} } #discover-review#discover-review .portal-grid .portal .portal-visual:after{background:linear-gradient(transparent 20%,#0c152530 45%,#0c1525bd 72%,#0c1525 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts{position:relative;border-top:0;padding-top:16px!important} #discover-review#discover-review .portal-grid .portal .portal-counts:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5a160,transparent)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{content:'◇';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#0c1525;color:#e5bf70;padding:0 6px;font-size:17px;line-height:1} #discover-review#discover-review .portal-grid .portal .card-meta{margin:0 0 4px!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:170px!important;flex-basis:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:298px!important;flex-basis:298px!important;padding:12px 25px 32px!important;gap:8px!important} #discover-review#discover-review .portal-grid .portal .tags{margin:6px 0!important;gap:5px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{gap:10px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal .portal-counts:before,#discover-review#discover-review .portal-grid .portal .portal-counts:after{display:none}} @media(min-width:601px){ #discover-review#discover-review .portal-grid .portal .portal-footer>.tags{width:100%!important;max-width:100%;align-self:stretch!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin-left:0!important;margin-right:0!important} } @media(max-width:600px){ #discover-review#discover-review .portal-grid{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid .portal,#discover-review#discover-review .simple-item{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #6b593b!important;background:none!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal:before,#discover-review#discover-review .portal-grid .portal:after,#discover-review#discover-review .portal-visual,#discover-review#discover-review .category-medallion{display:none!important} #discover-review#discover-review .portal-copy,#discover-review#discover-review .portal-heading,#discover-review#discover-review .portal-footer,#discover-review#discover-review .portal-counts{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;flex:none!important;text-align:left!important} #discover-review#discover-review .portal-heading h3,#discover-review#discover-review .simple-item h3{display:block!important;width:100%!important;margin:0 0 8px!important;font-size:23px!important;line-height:1.3!important} #discover-review#discover-review .simple-item>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important} #discover-review#discover-review .tagline{display:block!important;font-size:18px!important;line-height:1.4!important;margin:0 0 10px!important} #discover-review#discover-review .portal-grid .tags,#discover-review#discover-review .simple-item .tags,#discover-review#discover-review .row-bottom-tags{display:block!important;width:100%!important;margin:8px 0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important} #discover-review#discover-review .tags span{display:inline!important;background:none!important;clip-path:none!important;padding:0!important;border:0!important;color:#c4d8ef!important;font-size:16px!important} #discover-review#discover-review .tags span:before{display:none!important} #discover-review#discover-review .tags span:not(:last-child):after{content:' · '} #discover-review#discover-review .portal-counts:before,#discover-review#discover-review .portal-counts:after{display:none!important} #discover-review#discover-review .card-meta{display:block!important;font-size:18px!important;line-height:1.4!important;margin:6px 0 0!important;text-align:left!important} #discover-review#discover-review .simple-item a{white-space:normal!important} #discover-review#discover-review .simple-item .tags{order:initial!important} } @media(max-width:600px){ #discover-review .views,#discover-review .card-density{display:none!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 24px!important} #discover-review#discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:1fr!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;padding:24px 22px!important;gap:14px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;height:200px!important;min-width:150px!important;margin:0!important;flex:none!important;align-self:start} #discover-review#discover-review .portal-grid.rows .portal .destination-image,#discover-review#discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:200px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-copy{display:flex!important;width:auto!important;height:252px!important;min-height:0!important;max-height:252px!important;padding:0 0 12px!important;gap:7px!important;flex:none!important} #discover-review#discover-review .portal-grid.rows .portal .portal-heading h3{font-size:21px!important} #discover-review#discover-review .portal-grid.rows .portal .tagline{font-size:17px!important;line-height:1.3!important} #discover-review#discover-review .portal-grid.rows .portal .portal-footer{margin-top:auto!important;gap:6px!important} #discover-review#discover-review .portal-grid.rows .portal .tags span{font-size:14px!important;padding:4px 7px!important} #discover-review#discover-review .portal-grid.rows .portal .card-meta{font-size:16px!important} } @media(min-width:601px) and (max-width:1000px){#discover-review#discover-review .portal-grid.rows{grid-template-columns:1fr!important}} #discover-review#discover-review .portal-grid.list{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid.list .simple-item{display:block!important;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #354663} #discover-review#discover-review .portal-grid.list .simple-item>*{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:6px 0!important} #discover-review#discover-review .portal-grid.list .simple-item h3{margin:0 0 7px!important;font-size:23px;line-height:1.3} #discover-review#discover-review .portal-grid.list .simple-item .tagline{font-size:18px;line-height:1.4} #discover-review#discover-review .portal-grid.list .simple-item .tags{font-size:16px;line-height:1.5} #discover-review#discover-review .portal-grid.list .simple-item .card-meta{font-size:18px;line-height:1.4} @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows .portal:after{background:none!important;border:22px solid transparent;box-sizing:border-box;border-image-source:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png");border-image-slice:110;border-image-width:22px;border-image-repeat:stretch} #discover-review#discover-review .portal-grid.rows .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid.rows .portal .category-medallion{left:61px;top:-23px} } .discovery-masthead{position:relative;margin:0 0 20px}.discovery-masthead>img{display:block;width:100%;height:auto}.discovery-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.discovery-masthead-copy h1{font-size:clamp(22px,2.6vw,34px);text-shadow:0 2px 8px #000}.discovery-masthead-copy p{margin:8px 0 0}@media(max-width:600px){.discovery-masthead-copy{position:static;padding:12px 0}.discovery-masthead-copy h1{font-size:24px}} .discovery-masthead{background:#070d1c} .discovery-masthead>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } .community-heading{margin-bottom:26px}.community-heading p{margin-bottom:0;max-width:760px}.community-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;align-items:start}.community-board{min-width:0}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.board-heading h2{margin-bottom:8px}.board-heading p{font-size:16px;max-width:470px;margin:0}.board-heading .button{flex-shrink:0}.thread-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--edge)}.thread-row:last-child{border-bottom:0}.thread-row>div{min-width:0}.thread-row h3{font:20px/1.35 'Alegreya',Alegreya,serif;margin:0}.thread-row h3 a{text-decoration:none}.thread-row p{font-size:15px;margin:8px 0 0}.thread-open{font:15px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.more-discussions{margin:14px 0 18px}.browse-board{margin-top:0}.community-links{list-style:none;margin:0;padding:0}.community-links li{border-top:1px solid var(--edge);padding:14px 0}.community-links li:last-child{padding-bottom:0}.community-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font:17px 'Marcellus SC',serif;text-decoration:none}.community-links p{font-size:15px;margin:7px 0 0}.community-guides .side-panel{margin-bottom:18px}.community-guides h2{font-size:20px}.community-board a:hover,.community-links a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:800px){.community-layout{grid-template-columns:1fr}.community-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-heading{flex-wrap:wrap}}@media(max-width:480px){.community-guides{grid-template-columns:1fr}.thread-row{gap:12px;padding:16px;align-items:flex-start}.thread-row h3{font-size:19px}.thread-open{font-size:14px}.board-heading .button{min-height:44px}} .account-overview-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}#account-review section{border-bottom:1px solid #354663;padding:18px 0} body .page-scroll{background-color:#070d1c;background-image:linear-gradient(rgba(3,11,22,.72),rgba(3,11,22,.55)),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} body .discovery-masthead,body .home-scenic-masthead{background:transparent} body .site-header,body .site-footer{background-color:#070d1c} @media(max-width:600px){body .page-scroll{background-attachment:scroll;background-position:center top}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} #account-review .account-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} #account-review .account-dashboard section{margin:0;padding:20px;border:1px solid rgba(212,182,116,.6);border-radius:8px;background:rgba(5,13,27,.38)} #account-review .account-dashboard h2{font:400 24px/1.3 'Cinzel',serif;color:#e4c581;margin:0 0 12px} #account-review .account-dashboard p{font-size:18px;line-height:1.45;margin-bottom:16px} #account-review .account-panel-actions{display:flex;gap:10px;flex-wrap:wrap} #account-review #account-preview-status{margin-top:18px;padding:12px;border-left:2px solid #d4b674;background:#071320bb} @media(max-width:700px){#account-review .account-dashboard{grid-template-columns:1fr}} .site-nav .admin-link{border:1px solid var(--edge);padding:5px 9px;border-radius:4px}.admin-shortcut{margin-top:18px;padding-top:14px;border-top:1px solid var(--edge)}.admin-shortcut p{font-size:15px;margin-top:8px}.concept-bar{font-size:14px;color:var(--muted);margin-bottom:18px}.personal-locations{background:var(--panel);border:1px solid var(--edge);padding:18px;border-radius:4px}.ownership{font:14px 'Marcellus SC',serif;color:var(--muted);display:block;margin-bottom:8px}.admin-intro{max-width:760px;margin-bottom:24px}.admin-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px}.admin-panel{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:20px}.admin-panel details{padding:12px 0;border-bottom:1px solid var(--edge)}.admin-panel summary{font-size:19px}.admin-panel summary small{font:15px 'Alegreya',serif;color:var(--muted);margin-left:8px}.admin-panel .list{margin-left:16px}.admin-panel .list li{font-size:17px}.admin-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.site-identity{padding:13px 0;border-bottom:1px solid var(--edge)}.site-identity strong{display:block;color:var(--gold);font:18px 'Cinzel',serif}.site-identity small{font-size:15px;color:var(--muted)}.callout{border-left:2px solid var(--gold);padding:10px 14px;margin-top:18px;font-size:16px}.admin-panel h3{margin-top:14px}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}} .admin-tabs{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--edge);padding-bottom:16px;margin-bottom:24px}.view-tab[aria-pressed="true"]{border-color:var(--gold);background:#17233C}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-list{list-style:none;padding:0;margin:0}.tool-list li{padding:14px 0;border-bottom:1px solid var(--edge)}.tool-list a{display:flex;justify-content:space-between;gap:12px;font:18px Marcellus SC,serif;text-decoration:none}.tool-list small{display:block;color:var(--muted);font-size:16px;margin-top:6px}.guide-panel{margin-top:4px}.guide-panel details{border:0;margin:0;padding:0}.hooks dt{color:var(--gold);margin-top:14px}.hooks dd{margin:4px 0;display:flex;gap:6px;flex-wrap:wrap}.hooks code{font:13px monospace;padding:4px;background:var(--page);border-radius:3px}.account-table-wrap{overflow-x:auto}.account-table{width:100%;border-collapse:collapse;text-align:left;font-size:16px}.account-table td,.account-table th{padding:12px 8px;border-bottom:1px solid var(--edge)}.account-table button{font-size:14px;padding:6px 8px;min-height:34px}.admin-view>.admin-panel{margin-bottom:20px}.admin-intro{margin-bottom:20px}@media(max-width:760px){.tools-grid{grid-template-columns:1fr}.admin-tabs{gap:6px}.view-tab{font-size:14px;padding:9px 10px}} #admin-review .admin-panel{background:rgba(5,13,27,.42);border:1px solid #d4b67488;border-radius:8px}#admin-review .admin-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:14px 0 25px}#admin-review .tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#admin-review .admin-panel{padding:18px;margin-bottom:18px}#admin-review .account-table{width:100%;border-collapse:collapse}#admin-review .account-table td,#admin-review .account-table th{padding:8px;text-align:left}#admin-review .account-table-wrap{overflow:auto}@media(max-width:700px){#admin-review .tools-grid{grid-template-columns:1fr}} @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} .directory-page>.directory-heading{position:relative;padding:0;border:0;border-radius:0;background:transparent;margin:0 0 22px;isolation:isolate} .directory-heading>.directory-masthead-art{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)} .directory-heading>.directory-masthead-copy{position:absolute;bottom:5%;left:5%;right:5%;text-align:center} .directory-heading .directory-masthead-copy h1{font:400 clamp(26px,3vw,40px)/1.2 'Cinzel Decorative',serif;color:#e4c581;text-shadow:0 2px 9px #000;margin:0 0 8px} .directory-heading .directory-masthead-copy p{font-size:18px;line-height:1.4;color:#c4d8ef;text-shadow:0 2px 6px #000;max-width:650px;margin:0 auto} @media(max-width:600px){.directory-heading>.directory-masthead-copy{position:static;padding:0 10px 12px;margin-top:-8px}.directory-heading .directory-masthead-copy h1{font-size:27px}.directory-heading .directory-masthead-copy p{font-size:17px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} .directory-page .feed-list{gap:0}.directory-page .feed-post{background:transparent;border:0;border-top:1px solid #a78a5080;border-radius:0;padding:12px 0;margin:0}.directory-page .post-meta{justify-content:flex-start;gap:8px 18px;line-height:1.35}.directory-page .post-meta strong{font-size:17px}.directory-page .post-meta time{margin-left:auto;font-size:14px}.directory-page .feed-post blockquote{margin:8px 0 10px;padding:0;border:0;font-size:18px;line-height:1.45}.directory-page .feed-post .room-actions{justify-content:flex-start}.directory-page .feed-post .room-actions button{font-size:14px;padding:4px 10px;min-height:36px}.directory-page .directory-tools{margin:12px 0;gap:10px}.directory-page .directory-tools input,.directory-page .directory-tools select{padding:8px;font-size:17px}@media(max-width:550px){.directory-page .post-meta time{margin-left:0;width:100%}.directory-page .feed-post .room-actions button{min-height:44px;flex:0 1 auto}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* VARIANT 14: whochat */ @scope (:root[data-haven-style="whochat"]) { /* Shared interaction treatment for current local Haven review pages. */ .mail-waiting-preview{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#f2d18a;text-decoration:none;font:12px/1.25 'Cinzel',Georgia,serif;padding:6px;border-radius:3px;background:#d4b6740c} .mail-waiting-preview svg{width:19px;height:19px;flex-shrink:0} .mail-waiting-preview small{font-size:9px;color:#b3cbe6} .mail-waiting-preview:hover{background:#1b65844d;color:#ffe0a0;text-decoration:underline} .mail-waiting-preview:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} @media(min-width:801px) and (max-width:1150px){.mail-waiting-preview span{max-width:85px}.site-header:has(.mail-waiting-preview) .haven-wordmark{max-width:155px}.site-header:has(.mail-waiting-preview) .site-nav a,.site-header:has(.mail-waiting-preview) .site-nav .menu-logout{padding-inline:6px;font-size:11px}} @media(max-width:800px){.mail-waiting-preview{margin-left:auto}.mail-waiting-preview span,.mail-waiting-preview small{display:none}} .site-header .site-nav a,.site-header .site-nav .menu-logout{gap:6px} .site-header .site-nav .menu-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:inherit} .site-header .site-nav .menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:transparent;border:0;border-left:1px solid #8a734b;clip-path:none;border-radius:0;box-shadow:none;color:var(--gold,#d4b674);font:15px 'Marcellus SC',Georgia,serif} .site-header .site-nav .menu-logout:after{display:none} .site-header .site-nav .menu-logout:hover,.site-header .site-nav .menu-logout:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px #d9b667} .site-header .site-nav .menu-logout:focus-visible{outline:2px solid #f8dda1;outline-offset:-2px} /* Chronicle categories size to their labels instead of stretching into a grid. */ #all-notices>.notice{padding:12px;margin:10px 0} #all-notices>.notice h2{margin-bottom:5px} #all-notices>.notice .thread-open{margin-top:6px} #category-view.edition-empty,#past-editions.edition-empty{padding:12px} #category-view h2{margin-bottom:8px} #category-view #subcategories{margin:8px 0 12px} #category-view #subcategory-status:empty{display:none} #category-view p:last-child,#past-editions p:last-child{margin-bottom:0} nav.chronicle-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center} nav.chronicle-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px} .haven-compass-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px} .haven-compass-link img{object-fit:contain} .site-header .haven-wordmark{flex:0 0 auto;gap:9px;text-decoration:none;color:var(--gold,#d4b674);font:15px/1.3 'Cinzel',Georgia,serif} .site-header:has(.haven-wordmark) .site-nav{margin-left:auto;margin-right:0;justify-content:flex-end} @media(max-width:1000px){.site-header:has(.haven-wordmark){gap:8px}.site-header:has(.haven-wordmark) .site-nav a{padding-inline:8px;font-size:14px}} @media(max-width:800px){.site-header:has(.haven-wordmark) .site-nav{margin-left:0;margin-right:0;justify-content:stretch}} .haven-compass-link:hover{filter:brightness(1.15)} .haven-compass-link:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} .site-header .site-nav{gap:0;justify-content:center} .site-header .site-nav a{padding:9px 12px;min-height:44px;display:inline-flex;align-items:center} .site-header .site-nav a+a{border-left:1px solid #8a734b} @media(max-width:800px){ .site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0} .site-header .site-nav a{justify-content:center;text-align:center} .site-header .site-nav a:nth-child(4n+1){border-left:0} } @media(max-width:480px){ .site-header .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .site-header .site-nav a:nth-child(odd){border-left:0} } .site-header .site-nav a,.site-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .site-header .site-nav a:hover,.site-header .site-nav a:focus-visible, .site-footer nav a:hover,.site-footer nav a:focus-visible{ background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322); color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none; } button:not(:disabled),a.button{transition:background-color .15s,border-color .15s,color .15s,filter .15s} button:not(:disabled):hover,a.button:hover{background-color:#26354c;border-color:#d9b667;color:#ffe0a0} button.blue:not(:disabled):hover,button.emerald:not(:disabled):hover,button.crimson:not(:disabled):hover, a.button.blue:hover,a.button.emerald:hover,a.button.crimson:hover{filter:brightness(1.18)} .site-header .site-nav a:focus-visible,.site-footer nav a:focus-visible, button:not(:disabled):focus-visible,a.button:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} /* Reuse the entrance's original frame artwork and corner geometry. */ button,a.button{ position:relative;background-color:#233f67;color:#e8ce86;border:0;border-radius:0; font-family:'Cinzel',Georgia,serif;min-height:44px;padding:12px 18px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); } button::after,a.button::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url("/haven-design/v4/assets/9bf7014e5f-pathway-gold-frame.svg") 12 stretch;pointer-events:none} button:not(:disabled):hover,a.button:hover{background-color:#2c507e;color:#ffe0a0;text-decoration:none} button.emerald,a.button.emerald{background-color:#18573f} button.crimson,a.button.crimson{background-color:#8b0e1a} button.emerald:not(:disabled):hover,a.button.emerald:hover{background-color:#206b4e} button.crimson:not(:disabled):hover,a.button.crimson:hover{background-color:#a51b29} button:not(:disabled):focus-visible,a.button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #f8dda1} button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8ce86} button:disabled{cursor:default;opacity:.55} /* Icon-over-label navigation keeps the full member menu compact. */ .site-header .site-nav a,.site-header .site-nav .menu-logout{flex-direction:column;justify-content:center;gap:4px;padding:6px 10px;min-height:54px;white-space:nowrap;font-size:13px} .site-header .site-nav .menu-icon{width:20px;height:20px;flex:0 0 20px} .site-header:has(.haven-wordmark){gap:12px;align-items:center} .site-header .haven-wordmark{font-size:14px;max-width:220px} @media(min-width:801px) and (max-width:1100px){ .site-header:has(.haven-wordmark){flex-wrap:nowrap;padding-inline:18px;gap:8px} .site-header .haven-wordmark{max-width:190px;flex-shrink:1;font-size:13px} .site-header .haven-wordmark span{max-width:132px} .site-header:has(.haven-wordmark) .site-nav{flex-wrap:nowrap;flex-shrink:0} .site-header:has(.haven-wordmark) .site-nav a,.site-header .site-nav .menu-logout{padding-inline:8px;font-size:12px} } @media(prefers-reduced-motion:reduce){.site-header .site-nav a,.site-footer nav a,button,a.button{transition:none}} .site-header .haven-wordmark img{width:34px;height:34px;object-fit:contain} .site-header .menu-icon,.site-header .mail-waiting-preview svg{width:24px;height:24px;flex-shrink:0} .site-footer .footer-identity img{width:34px;height:34px;object-fit:contain} #discover-review .category-medallion{position:absolute;width:88px;height:88px;object-fit:contain} :root{color-scheme:dark;--page:#070D1C;--panel:#101A30;--text:#C4D8EF;--muted:#B3CBE6;--gold:#D4B674;--edge:#354663}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:18px/1.4 'Alegreya',Alegreya,serif;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.site-header,.site-footer{background:var(--page);padding:12px max(18px,calc((100vw - 1084px)/2));display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:18px 'Cinzel',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:14px 'Alegreya',serif;margin-top:3px}.site-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.site-nav a,.site-footer a{color:var(--gold);text-decoration:none;font:15px 'Marcellus SC',serif;padding:5px 0}a:hover{text-decoration:underline}.site-nav [aria-current=page]{border-bottom:1px solid var(--gold)}.page-scroll{overflow:auto;min-height:0}main{max-width:1120px;padding:24px 18px;margin:auto}.site-footer{border-top:1px solid var(--edge);font-size:14px;color:var(--muted);gap:12px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.site-footer a{font-size:14px}h1{font:400 30px/1.2 'Cinzel Decorative',serif;color:var(--gold);margin:0 0 8px}h2{font:400 22px 'Cinzel',serif;color:var(--gold);margin:0 0 14px}h3{font:400 19px 'Cinzel',serif;color:var(--gold);margin:0 0 6px}p{margin:0 0 12px;color:var(--muted)}a{color:var(--gold)}button,.button,summary{font:16px 'Marcellus SC',serif;color:var(--gold);cursor:pointer}button,.button{display:inline-block;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;min-height:40px;text-decoration:none}.primary{border-color:var(--gold)}button:hover,.button:hover{background:#17233C}.welcome{display:flex;align-items:center;gap:20px;margin:0 0 24px}.welcome img{width:88px;height:88px;object-fit:cover;border:1px solid var(--edge);border-radius:4px}.welcome p{margin:0}.welcome .links{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:22px}section{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.place{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.place p{font-size:16px;flex:1}.place a{font:16px 'Marcellus SC',serif}.side-panel{padding:18px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.goto{display:flex;gap:8px;flex-wrap:wrap}.goto input{background:var(--page);color:var(--text);border:1px solid var(--edge);padding:9px;width:100%;font:18px 'Alegreya',serif;min-width:0}.side-panel label{display:block;margin-bottom:6px}.fine{font-size:15px}.empty{padding:14px 0;border-top:1px solid var(--edge)}details{margin-top:14px}summary{padding:8px 0}.list{list-style:none;margin:8px 0 0;padding:0}.list li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);flex-wrap:wrap}.list small{color:var(--muted);font-size:14px}.row-links{display:flex;gap:12px;flex-wrap:wrap;font-size:16px}.review-note{border-top:1px solid var(--edge);padding-top:14px;font-size:14px;color:var(--muted)}#status{color:var(--gold);font-size:16px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.welcome .links{margin-left:0}.site-header,.site-footer{padding:10px 12px;gap:8px}.site-nav,.site-footer nav{margin-left:0;gap:12px}.site-footer .brand{display:none}main{padding:20px 12px}}@media(max-width:480px){.recent-grid{grid-template-columns:1fr}h1{font-size:25px}.welcome img{width:88px;height:88px}}@media(pointer:coarse){button,.button,summary{min-height:44px}} #discover-review .portal-grid.list{display:block}#discover-review .simple-item{padding:12px 0;border-bottom:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center}#discover-review .simple-item h3{font-size:20px}#discover-review .simple-context{font-size:15px;margin:0;color:var(--muted)}#discover-review .simple-action{grid-column:2;grid-row:1/3;font:16px 'Marcellus SC',serif}#discover-review .simple-details{grid-column:1/-1;margin:0}#discover-review .simple-details summary{font:15px 'Alegreya',serif;padding:3px 0;color:var(--muted)}#discover-review .simple-details p{font-size:16px;margin:8px 0}#discover-review .simple-details .card-meta{font-size:14px}@media(max-width:480px){#discover-review .simple-item{gap:6px 10px}#discover-review .simple-action{font-size:14px}}#discover-review .portal-visual{flex-shrink:0}#discover-review .rows .portal-visual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:150px}#discover-review .rows .portal-visual .tags{overflow-wrap:anywhere}#discover-review .rows .portal-visual .button{margin-top:0;max-width:100%;text-align:center}#discover-review .rows .portal-copy{min-height:0}@media(max-width:600px){#discover-review .rows .portal-visual{width:110px}}#discover-review .portal-art.default-art{object-fit:contain;padding:8px;background:var(--panel)}#discover-review .rows .portal{align-items:stretch}#discover-review .rows .portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}#discover-review .rows .portal-heading h3{flex:1;min-width:0}#discover-review .rows .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-footer{margin-top:auto;padding-top:10px;text-align:right;display:flex;flex-direction:column;gap:5px}#discover-review .rows .portal-visual .button{margin-top:auto;align-self:center}#discover-review .rows .portal-copy{padding-top:0;padding-bottom:0}#discover-review .description{display:block;overflow:visible;-webkit-line-clamp:unset}#discover-review .portal-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}#discover-review .portal-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}#discover-review .portal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#discover-review .portal-heading h3{flex:1;min-width:0}#discover-review .portal-heading .kind{text-align:right;margin-left:auto;flex-shrink:0}#discover-review .rows .portal-heading{align-items:baseline}@media(max-width:1000px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#discover-review .portal-grid.columns-3,#discover-review .portal-grid.columns-4{grid-template-columns:minmax(0,1fr)}}#discover-review .portal-copy>.portal-footer{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right}#discover-review .portal-heading>.button{margin-top:0;flex-shrink:0}#discover-review .portal-heading{flex-wrap:wrap}#discover-review .portal-copy>.tags{margin-bottom:2px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}#discover-review .portal-counts{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{margin-left:auto;text-align:right;flex-shrink:0}#discover-review .portal{position:relative}#discover-review .columns-3 .portal-visual,#discover-review .columns-4 .portal-visual{position:relative}#discover-review .columns-3 .portal-visual>.button,#discover-review .columns-4 .portal-visual>.button{position:absolute;right:10px;bottom:10px;margin:0;background:var(--page);border-color:var(--gold);box-shadow:0 2px 8px #070d1c66}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline}#discover-review .columns-3 .portal-footer>.tags,#discover-review .columns-4 .portal-footer>.tags{grid-column:1/-1;text-align:left}#discover-review .columns-3 .portal-footer>.portal-counts,#discover-review .columns-4 .portal-footer>.portal-counts{grid-column:1}#discover-review .columns-3 .portal-footer>.kind,#discover-review .columns-4 .portal-footer>.kind{grid-column:2}#discover-review .measurement-label{position:absolute;left:6px;top:6px;z-index:2;background:#070D1CEE;color:var(--text);border:1px dashed var(--gold);padding:4px 6px;font:12px/1.3 Arial,sans-serif;pointer-events:none;white-space:pre-line}#discover-review .measurement-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:15px}#discover-review .measurement-bar button{font:14px 'Alegreya',serif;padding:4px 8px;min-height:30px}#discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:480px;min-height:480px}#discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:250px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{min-height:0;padding:10px 14px;gap:6px}#discover-review .columns-3 .portal-copy>.portal-footer,#discover-review .columns-4 .portal-copy>.portal-footer{padding-top:6px;flex-shrink:0;gap:4px 8px;align-items:end}#discover-review .columns-3 .portal-footer>.button,#discover-review .columns-4 .portal-footer>.button{grid-column:2;margin-top:0;align-self:end;justify-self:end;max-width:100%;font-size:14px;padding:5px 8px;min-height:30px}#discover-review .columns-3 .portal-heading,#discover-review .columns-4 .portal-heading{flex-shrink:0;align-items:baseline}#discover-review .columns-3 .portal-heading .kind,#discover-review .columns-4 .portal-heading .kind{max-width:90px;font-size:12px}#discover-review .columns-3 .tagline,#discover-review .columns-4 .tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}#discover-review .columns-3 .description,#discover-review .columns-4 .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#discover-review .portal-footer .portal-counts{font-size:14px}#discover-review .portal-visual{position:relative}#discover-review .status-badge{position:absolute;right:8px;top:8px;background:var(--page);color:var(--muted);font-size:13px;padding:3px 6px;border-radius:3px}#discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{gap:4px} #discover-review .portal-grid{gap:12px;align-items:start} #discover-review .columns-3 .portal,#discover-review .columns-4 .portal{height:auto;min-height:0} #discover-review .columns-3 .portal-art,#discover-review .columns-4 .portal-art{height:130px;width:100%;object-fit:cover} #discover-review .portal .destination-image{display:block;max-width:100%} #discover-review .portal .destination-name{color:var(--gold);text-decoration:none} #discover-review .portal .destination-name:hover{text-decoration:underline} #discover-review .portal a:focus-visible,#discover-review .simple-item a:focus-visible{outline:2px solid #f8dda1;outline-offset:3px} #discover-review .columns-3 .portal-copy,#discover-review .columns-4 .portal-copy{padding:10px;gap:6px} #discover-review .portal .portal-heading h3{margin:0;font-size:18px} #discover-review .portal .tagline{font-size:16px;margin:0;display:block;overflow:visible} #discover-review .portal .portal-footer{display:block;margin-top:6px;padding-top:0;text-align:left} #discover-review .portal .portal-footer .tags,#discover-review .portal .card-meta{margin:3px 0;font-size:14px;text-align:left} #discover-review .rows .portal{display:flex;min-height:0;height:auto;padding:10px;gap:12px;align-items:flex-start} #discover-review .rows .portal-visual{width:72px;min-width:72px;flex:0 0 72px;display:block} #discover-review .rows .portal-art{width:72px;height:90px;object-fit:cover} #discover-review .rows .portal-copy{padding:0;min-height:0;flex:1} #discover-review .portal-art.default-art{object-fit:contain;padding:4px} #discover-review .simple-item{display:block;padding:10px 0} #discover-review .simple-item h3{margin:0 0 4px} #discover-review .simple-item p{margin:3px 0;font-size:15px} .home-page-masthead{display:block;width:100%;height:auto;margin:0 0 22px}.site-header .site-nav [aria-current]{border-bottom:0}.welcome h1{font-size:26px}.recent-grid .place{align-self:start}.site-header{padding-top:8px;padding-bottom:8px}@media(max-width:760px){.welcome h1{font-size:22px}} .site-header .member-menu-toggle{display:none} .site-header .mail-waiting-preview{align-items:center;gap:7px} .site-header .mail-waiting-preview .mail-waiting-label{line-height:1.25;white-space:nowrap;max-width:none} .site-header .haven-wordmark img{width:46px;height:46px;object-fit:contain} @media(max-width:1100px){ body .site-header:has(.haven-wordmark){position:relative;display:flex;flex-wrap:nowrap;gap:10px;min-width:0;padding:8px 12px;align-items:center} body .site-header .haven-wordmark{max-width:none;flex:0 1 auto;font-size:13px;gap:6px;min-width:0} body .site-header .haven-wordmark span{max-width:130px} body .site-header .mail-waiting-preview{margin-left:auto;flex-shrink:0;font-size:11px} body .site-header .mail-waiting-preview span{max-width:95px;display:inline} body .site-header .mail-waiting-preview small{display:none} body .site-header .member-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 15px;font:14px 'Marcellus SC',serif} body .site-header:has(.haven-wordmark) .site-nav{display:none;position:absolute;top:100%;right:12px;left:auto;width:min(250px,calc(100vw - 24px));margin:0;padding:6px;background:#101a30;border:1px solid #d4b674;z-index:20;box-shadow:0 10px 20px #0007;grid-template-columns:minmax(0,1fr);gap:0;max-height:70dvh;overflow:auto} body .site-header:has(.haven-wordmark) .site-nav.is-open{display:grid} body .site-header .site-nav a,body .site-header .site-nav .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;border:0;border-bottom:1px solid #354663;padding:10px 14px;font-size:14px;min-width:0;white-space:normal;min-height:46px;text-align:left;width:100%} body .site-header .site-nav>:last-child{border-bottom:0} } @media(max-width:480px){ body .site-header .haven-wordmark span{max-width:110px;font-size:12px} body .site-header .haven-wordmark img{width:40px;height:40px} body .site-header .mail-waiting-preview span{display:none} body .site-header .mail-waiting-preview{padding:8px;min-height:44px} body .site-header:has(.haven-wordmark) .site-nav{grid-template-columns:minmax(0,1fr)} .site-footer{padding:6px 8px;gap:3px;font-size:11px} .site-footer nav{margin:0!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important} .site-footer nav a{font-size:11px;padding:6px;min-height:36px;justify-content:center;text-align:center} } .site-header{position:relative;z-index:30}.account-menu{position:relative;margin:0}.account-menu summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:6px 10px;color:#d4b674;font:15px 'Marcellus SC',serif;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-options{position:absolute;right:0;top:100%;min-width:190px;background:#101a30;border:1px solid #d4b674;padding:6px;z-index:40}.site-header .account-options a{display:block!important;border:0!important;padding:10px!important;text-align:left!important}.site-footer{display:flex;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1084px)/2));background:#070d1c;border-top:1px solid #354663;color:#b3cbe6;font-size:14px}.site-footer nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.site-footer a{font:14px 'Marcellus SC',serif;color:#d4b674}@media(max-width:1100px){.account-menu summary{flex-direction:row;justify-content:flex-start;padding:10px 14px;min-height:46px}.account-options{position:static;border:0;border-left:1px solid #d4b674;margin-left:24px}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:0}} .messages-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.messages-heading p{margin:0}.account-context{margin-bottom:22px}.message-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:14px;margin-bottom:22px}.message-tab[aria-pressed=true]{border-color:var(--gold);background:#17233C}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.list-heading h2{margin:0}.filter-label{display:flex;align-items:center;gap:8px;font-size:16px}select,input,textarea{font:18px 'Alegreya',Alegreya,serif;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:9px 12px;max-width:100%}.mail-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.mail-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--edge);background:var(--panel)}.mail-row:last-child{border-bottom:0}.mail-direction{font:14px 'Marcellus SC',serif;color:var(--muted);width:75px;flex-shrink:0}.mail-copy{flex:1;min-width:0}.mail-copy p{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.mail-subject{font:20px 'Alegreya',Alegreya,serif;text-decoration:none}.read-link{font:16px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.snapshot-count{margin-top:12px}.mail-empty{padding:40px 20px;text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel{padding:24px;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.compose-panel h2{margin-top:20px}.compose-panel label{display:block;margin:18px 0 6px}.compose-panel input,.compose-panel textarea,.compose-panel select{width:100%;background:var(--page)}.compose-panel textarea{resize:vertical;min-height:160px}.compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.back-link{padding:0;background:transparent;border:0;min-height:30px}.whisper-help{border-top:1px solid var(--edge);padding-top:8px}.whisper-help p{font-size:16px;max-width:720px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:600px){.messages-heading{flex-wrap:wrap;align-items:flex-start}.list-heading{flex-wrap:wrap}.mail-row{gap:10px;padding:16px;flex-wrap:wrap}.mail-direction{width:100%;font-size:13px}.mail-subject{font-size:19px}.read-link{font-size:14px}.compose-panel{padding:18px}} .selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:16px}.selection-heading label{display:flex;align-items:center;gap:8px}.mail-select,#select-visible{width:18px;height:18px;flex:0 0 18px;accent-color:var(--gold)}.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:12px;margin-bottom:12px}.bulk-actions button{font-size:14px;padding:8px 10px}.bulk-actions button:disabled{opacity:.5;cursor:default}.trash-preview-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--panel);border-bottom:1px solid var(--edge)} #discover-review .portal-grid.columns-3 .portal,#discover-review .portal-grid.columns-4 .portal{height:auto;min-height:0;align-self:start} #discover-review .portal-grid .portal .portal-copy{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;justify-content:flex-start;padding:10px 12px;gap:6px} #discover-review .portal-grid .portal .portal-copy .portal-footer{display:block;flex:0 0 auto;margin:0;padding:0;text-align:left} #discover-review .portal-grid .portal .portal-footer .tags{margin:0 0 5px;text-align:left} #discover-review .portal-grid .portal .portal-counts{margin:0} #discover-review .portal-grid .portal .card-meta{margin:0 0 3px;text-align:left} #discover-review .portal-grid .portal .tagline{margin:0;flex:0 0 auto} #discover-review .portal-grid.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #discover-review .portal-grid.rows .portal{display:flex;flex-direction:row;height:auto!important;min-height:0!important;padding:10px;gap:10px;align-items:flex-start} #discover-review .portal-grid.rows .portal .portal-visual{display:block;width:64px!important;min-width:64px;flex:0 0 64px!important} #discover-review .portal-grid.rows .portal .portal-art{width:64px!important;height:82px!important;min-height:0;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid.rows .portal .portal-copy{padding:0;flex:1 1 0;min-width:0;gap:5px;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-footer{margin-top:0!important;padding-top:0;text-align:left} #discover-review .portal-grid.rows .portal .portal-heading h3{font-size:16px} #discover-review .portal-grid.rows .portal .tagline{font-size:15px} #discover-review .portal-grid.rows .portal .tags,#discover-review .portal-grid.rows .portal .card-meta{font-size:13px;overflow-wrap:anywhere} @media(min-width:1200px){ #discover-review .world-results .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(5,minmax(0,1fr))} #discover-review .world-results .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%;height:130px!important} } @media(max-width:1000px){#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#discover-review .portal-grid.rows{grid-template-columns:1fr}} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:130px!important;width:100%!important;object-fit:cover} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important;min-height:0!important;align-self:stretch;box-sizing:border-box} #discover-review .portal-grid .portal .portal-copy{flex:0 0 auto;justify-content:flex-start} #discover-review .portal-grid.rows .portal .portal-copy{flex:1 1 0} #discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;min-width:150px;flex:0 0 150px!important} #discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:150px!important;min-height:150px;object-fit:cover} #discover-review .portal-grid.rows .portal .portal-art.default-art{object-fit:contain} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{height:150px!important;min-height:150px} #discover-review .portal-grid .portal{height:var(--uniform-card-height,auto)!important} #discover-review .portal-grid:not(.rows):not(.list) .portal{min-height:300px!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{height:166px;display:flex;justify-content:center;align-items:center;padding:8px} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{width:150px;max-width:100%} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{display:block;width:150px!important;max-width:100%;height:150px!important;min-height:150px;object-fit:contain!important;padding:0} #discover-review .portal-grid .portal .tagline{display:block!important;-webkit-line-clamp:unset;overflow:visible!important} #discover-review .portal-grid.rows .portal .portal-copy{min-height:150px!important;gap:5px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{display:flex!important;flex-direction:column;flex:1 0 auto;gap:0;margin:0!important;padding:0} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer .tags{margin:8px 0 6px!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts{margin-top:auto!important} #discover-review .portal-grid.rows .portal .portal-copy .portal-counts .card-meta:last-child{margin-bottom:0} #discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(150px,auto) auto;gap:8px 12px;align-content:start} #discover-review .portal-grid.rows .portal .portal-copy{display:flex;min-height:150px!important;height:100%;padding:0;gap:6px} #discover-review .portal-grid.rows .portal .portal-copy .portal-footer{margin-top:auto!important;flex:0 0 auto} #discover-review .portal-grid.rows .portal>.row-bottom-tags{grid-column:1/-1;grid-row:2;margin:0;padding-top:7px;border-top:1px solid var(--edge);font-size:13px;line-height:1.4;overflow-wrap:anywhere;text-align:left} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-visual{display:block;width:100%;height:150px;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .destination-image{display:block;width:100%;max-width:none} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art{width:100%!important;max-width:none;height:150px!important;min-height:150px;object-fit:cover!important;padding:0} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-art.default-art{object-fit:contain!important;padding:5px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-copy{padding:12px;gap:10px} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-footer .tags{margin:10px 0!important} #discover-review .portal-grid:not(.rows):not(.list) .portal .portal-counts{padding-top:4px} #discover-review .portal-grid:not(.rows):not(.list){grid-template-columns:repeat(auto-fit,200px)!important;justify-content:start} #discover-review .portal-grid:not(.rows):not(.list) .portal{width:200px!important;height:350px!important;min-height:350px!important;max-height:350px;box-sizing:border-box} #discover-review .portal-grid:not(.list){display:grid!important;grid-template-columns:repeat(3,minmax(0,320px))!important;gap:65px 32px!important;justify-content:start;padding-top:30px;align-items:start} #discover-review .portal-grid:not(.list) .portal{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;width:100%!important;height:480px!important;min-height:480px!important;max-height:480px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;overflow:visible!important} #discover-review .portal-grid .portal:before{content:'';position:absolute;inset:12px 12px;background:#0c1525;border-radius:12px;z-index:-1} #discover-review .portal-grid .portal:after{content:'';position:absolute;inset:0;background:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png") center/100% 100% no-repeat;pointer-events:none;z-index:4} #discover-review .portal-grid:not(.list) .portal .portal-visual{width:calc(100% - 24px)!important;min-width:0!important;height:195px!important;flex:0 0 195px!important;margin:12px 12px 0!important;padding:0!important;position:relative;overflow:hidden;border-radius:14px 14px 0 0} #discover-review .portal-grid:not(.list) .portal .destination-image{display:block;width:100%!important;max-width:none;height:195px} #discover-review .portal-grid:not(.list) .portal .portal-art{display:block;width:100%!important;height:195px!important;min-height:0!important;object-fit:cover!important;padding:0!important} #discover-review .portal-grid .portal .portal-art.default-art{object-fit:contain!important;padding:18px!important} #discover-review .portal-grid .portal .portal-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 30%,#0c152520 50%,#0c1525aa 76%,#0c1525)} #discover-review .portal-grid:not(.list) .portal .portal-copy{display:flex!important;flex-direction:column!important;padding:14px 27px 40px!important;gap:10px!important;height:273px!important;min-height:0!important;flex:0 0 273px!important} #discover-review .portal-grid .portal .portal-heading h3{font-size:24px!important;line-height:1.2;margin:0} #discover-review .portal-grid .portal .tagline{font-size:18px!important;line-height:1.35!important;margin:0!important} #discover-review .portal-grid .portal .portal-footer{display:flex!important;flex-direction:column!important;gap:8px;margin-top:auto!important;padding:0!important;text-align:center} #discover-review .portal-grid .portal .tags{font-size:16px!important;line-height:1.4;margin:8px 0!important;text-align:center} #discover-review .portal-grid .portal .portal-counts{border-top:1px solid #b68c48;padding-top:10px!important;width:100%;text-align:center} #discover-review .portal-grid .portal .card-meta{font-size:18px!important;line-height:1.3!important;text-align:center!important} #discover-review .portal .category-medallion{position:absolute;top:-23px;left:calc(50% - 44px);width:88px;height:88px;object-fit:contain;z-index:5;pointer-events:none} #discover-review section{margin-bottom:55px} @media(max-width:1000px){#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,320px))!important}} @media(max-width:600px){#discover-review .portal-grid:not(.list){display:block!important;padding-top:0}#discover-review .portal-grid:not(.list) .portal{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:22px;border-bottom:1px solid #615239!important;padding-bottom:18px!important}#discover-review .portal-grid .portal:before,#discover-review .portal-grid .portal:after,#discover-review .portal-grid .portal .portal-visual,#discover-review .portal .category-medallion{display:none!important}#discover-review .portal-grid:not(.list) .portal .portal-copy{height:auto!important;padding:0!important;display:block!important}#discover-review .portal-grid .portal .portal-footer,#discover-review .portal-grid .portal .tags,#discover-review .portal-grid .portal .card-meta{text-align:left!important}#discover-review .portal-grid .portal .portal-counts{border:0}#discover-review .portal-grid .portal .tagline{margin:8px 0!important}} @media(min-width:601px){ #discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;padding-top:15px} #discover-review .portal-grid:not(.list) .portal{height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review .portal-grid:not(.list) .portal .portal-visual{height:180px!important;flex-basis:180px!important} #discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review .portal-grid:not(.list) .portal .portal-art{height:180px!important} #discover-review .portal-grid:not(.list) .portal .portal-copy{height:228px!important;flex-basis:228px!important;padding:10px 27px 26px!important;gap:7px!important} #discover-review .portal-grid .portal .portal-footer{margin-top:12px!important;gap:5px} #discover-review section{margin-bottom:30px} #discover-review .portal .category-medallion{width:72px;height:72px;left:calc(50% - 36px);top:-18px} } #discover-review .portal-grid .portal .portal-visual:has(.default-art) .default-art{visibility:hidden!important} #discover-review .portal-grid .portal .portal-visual:has(.default-art){background:radial-gradient(ellipse at 50% 20%,#1d3150 0%,#0c1525 75%)} @media(min-width:601px){ #discover-review .portal .category-medallion{top:-29px} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:100%!important;height:420px!important;min-height:420px!important;max-height:420px!important} #discover-review#discover-review .portal-grid .portal .portal-art.default-art{display:none!important} } #discover-review .measurement-bar,#discover-review .measurement-label{display:none!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(2,minmax(0,380px))!important;justify-content:center} #discover-review#discover-review .portal-grid .tags{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px} #discover-review#discover-review .portal-grid .tags span{position:relative;isolation:isolate;display:inline-block;padding:5px 9px;background:#ac4235;color:#efdbac;font:16px/1.25 'Alegreya',Alegreya,serif;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #discover-review#discover-review .portal-grid .tags span:before{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(#29100e,#100a0c);clip-path:polygon(5.5px 0,calc(100% - 5.5px) 0,100% 5.5px,100% calc(100% - 5.5px),calc(100% - 5.5px) 100%,5.5px 100%,0 calc(100% - 5.5px),0 5.5px)} } @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list){grid-template-columns:repeat(auto-fit,320px)!important;justify-content:center;gap:40px 28px!important} #discover-review#discover-review .portal-grid:not(.list) .portal{width:320px!important;height:480px!important;min-height:480px!important;max-height:480px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:195px!important;flex-basis:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:195px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:273px!important;flex-basis:273px!important;padding:14px 30px 36px!important;gap:10px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{margin-top:auto!important;gap:8px} #discover-review#discover-review .portal .category-medallion{width:88px;height:88px;left:calc(50% - 44px);top:-23px} } #discover-review#discover-review .portal-grid .portal .portal-visual:after{background:linear-gradient(transparent 20%,#0c152530 45%,#0c1525bd 72%,#0c1525 100%)} #discover-review#discover-review .portal-grid .portal .portal-counts{position:relative;border-top:0;padding-top:16px!important} #discover-review#discover-review .portal-grid .portal .portal-counts:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5a160,transparent)} #discover-review#discover-review .portal-grid .portal .portal-counts:after{content:'◇';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#0c1525;color:#e5bf70;padding:0 6px;font-size:17px;line-height:1} #discover-review#discover-review .portal-grid .portal .card-meta{margin:0 0 4px!important} @media(min-width:601px){ #discover-review#discover-review .portal-grid:not(.list) .portal .portal-visual{height:170px!important;flex-basis:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .destination-image,#discover-review#discover-review .portal-grid:not(.list) .portal .portal-art{height:170px!important} #discover-review#discover-review .portal-grid:not(.list) .portal .portal-copy{height:298px!important;flex-basis:298px!important;padding:12px 25px 32px!important;gap:8px!important} #discover-review#discover-review .portal-grid .portal .tags{margin:6px 0!important;gap:5px!important} #discover-review#discover-review .portal-grid .portal .portal-footer{gap:10px!important} } @media(max-width:600px){#discover-review#discover-review .portal-grid .portal .portal-counts:before,#discover-review#discover-review .portal-grid .portal .portal-counts:after{display:none}} @media(min-width:601px){ #discover-review#discover-review .portal-grid .portal .portal-footer>.tags{width:100%!important;max-width:100%;align-self:stretch!important;justify-self:stretch!important;justify-content:center!important;text-align:center!important;margin-left:0!important;margin-right:0!important} } @media(max-width:600px){ #discover-review#discover-review .portal-grid{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid .portal,#discover-review#discover-review .simple-item{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #6b593b!important;background:none!important;box-shadow:none!important} #discover-review#discover-review .portal-grid .portal:before,#discover-review#discover-review .portal-grid .portal:after,#discover-review#discover-review .portal-visual,#discover-review#discover-review .category-medallion{display:none!important} #discover-review#discover-review .portal-copy,#discover-review#discover-review .portal-heading,#discover-review#discover-review .portal-footer,#discover-review#discover-review .portal-counts{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;flex:none!important;text-align:left!important} #discover-review#discover-review .portal-heading h3,#discover-review#discover-review .simple-item h3{display:block!important;width:100%!important;margin:0 0 8px!important;font-size:23px!important;line-height:1.3!important} #discover-review#discover-review .simple-item>*{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:100%!important} #discover-review#discover-review .tagline{display:block!important;font-size:18px!important;line-height:1.4!important;margin:0 0 10px!important} #discover-review#discover-review .portal-grid .tags,#discover-review#discover-review .simple-item .tags,#discover-review#discover-review .row-bottom-tags{display:block!important;width:100%!important;margin:8px 0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important} #discover-review#discover-review .tags span{display:inline!important;background:none!important;clip-path:none!important;padding:0!important;border:0!important;color:#c4d8ef!important;font-size:16px!important} #discover-review#discover-review .tags span:before{display:none!important} #discover-review#discover-review .tags span:not(:last-child):after{content:' · '} #discover-review#discover-review .portal-counts:before,#discover-review#discover-review .portal-counts:after{display:none!important} #discover-review#discover-review .card-meta{display:block!important;font-size:18px!important;line-height:1.4!important;margin:6px 0 0!important;text-align:left!important} #discover-review#discover-review .simple-item a{white-space:normal!important} #discover-review#discover-review .simple-item .tags{order:initial!important} } @media(max-width:600px){ #discover-review .views,#discover-review .card-density{display:none!important} } @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 24px!important} #discover-review#discover-review .portal-grid.rows .portal{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:1fr!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;padding:24px 22px!important;gap:14px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-visual{width:150px!important;height:200px!important;min-width:150px!important;margin:0!important;flex:none!important;align-self:start} #discover-review#discover-review .portal-grid.rows .portal .destination-image,#discover-review#discover-review .portal-grid.rows .portal .portal-art{width:150px!important;height:200px!important} #discover-review#discover-review .portal-grid.rows .portal .portal-copy{display:flex!important;width:auto!important;height:252px!important;min-height:0!important;max-height:252px!important;padding:0 0 12px!important;gap:7px!important;flex:none!important} #discover-review#discover-review .portal-grid.rows .portal .portal-heading h3{font-size:21px!important} #discover-review#discover-review .portal-grid.rows .portal .tagline{font-size:17px!important;line-height:1.3!important} #discover-review#discover-review .portal-grid.rows .portal .portal-footer{margin-top:auto!important;gap:6px!important} #discover-review#discover-review .portal-grid.rows .portal .tags span{font-size:14px!important;padding:4px 7px!important} #discover-review#discover-review .portal-grid.rows .portal .card-meta{font-size:16px!important} } @media(min-width:601px) and (max-width:1000px){#discover-review#discover-review .portal-grid.rows{grid-template-columns:1fr!important}} #discover-review#discover-review .portal-grid.list{display:block!important;padding:0!important} #discover-review#discover-review .portal-grid.list .simple-item{display:block!important;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #354663} #discover-review#discover-review .portal-grid.list .simple-item>*{display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:100%!important;text-align:left!important;margin:6px 0!important} #discover-review#discover-review .portal-grid.list .simple-item h3{margin:0 0 7px!important;font-size:23px;line-height:1.3} #discover-review#discover-review .portal-grid.list .simple-item .tagline{font-size:18px;line-height:1.4} #discover-review#discover-review .portal-grid.list .simple-item .tags{font-size:16px;line-height:1.5} #discover-review#discover-review .portal-grid.list .simple-item .card-meta{font-size:18px;line-height:1.4} @media(min-width:601px){ #discover-review#discover-review .portal-grid.rows .portal:after{background:none!important;border:22px solid transparent;box-sizing:border-box;border-image-source:url("/haven-design/v4/assets/4fafb72325-discovery-gold-frame-regular-v1.png");border-image-slice:110;border-image-width:22px;border-image-repeat:stretch} #discover-review#discover-review .portal-grid.rows .portal .portal-visual:after{display:none!important} #discover-review#discover-review .portal-grid.rows .portal .category-medallion{left:61px;top:-23px} } .discovery-masthead{position:relative;margin:0 0 20px}.discovery-masthead>img{display:block;width:100%;height:auto}.discovery-masthead-copy{position:absolute;bottom:8%;left:5%;right:5%;text-align:center}.discovery-masthead-copy h1{font-size:clamp(22px,2.6vw,34px);text-shadow:0 2px 8px #000}.discovery-masthead-copy p{margin:8px 0 0}@media(max-width:600px){.discovery-masthead-copy{position:static;padding:12px 0}.discovery-masthead-copy h1{font-size:24px}} .discovery-masthead{background:#070d1c} .discovery-masthead>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 100%)} body .site-footer nav{gap:0} body .site-footer nav a{padding:4px 12px} body .site-footer nav a+a{border-left:1px solid #a78a50} body .site-footer nav a:first-child{padding-left:0} body .site-footer nav a:last-child{padding-right:0} @media(min-width:1101px){ body .site-header .site-nav>.account-menu{border-left:1px solid #a78a50;padding-left:0;align-self:stretch} } body .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} body .site-footer .footer-identity{display:flex;align-items:center;gap:10px;color:#d4b674;text-decoration:none;font:15px 'Cinzel',serif} .footer-identity img{width:34px;height:34px;object-fit:contain}.footer-identity small{display:block;font:600 11px/1.5 Arial,sans-serif;color:#e8c46c;margin-top:3px;letter-spacing:.3px} body .site-footer .footer-copyright{text-align:center;font-size:14px;white-space:nowrap}body .site-footer .footer-copyright small{display:block;font-size:12px} body .site-footer nav{justify-self:end;margin-left:0;justify-content:flex-end;gap:0} body .site-footer nav a{font-size:13px;padding:4px 9px} @media(max-width:1100px){body .site-footer{grid-template-columns:auto 1fr;gap:8px 16px}body .site-footer nav{grid-column:1/-1;justify-self:center;justify-content:center}body .site-footer .footer-copyright{text-align:right}body .site-header .help-menu{border-left:0}} @media(max-width:600px){body .site-footer{padding:8px 12px}body .site-footer .footer-identity{font-size:12px}body .site-footer .footer-identity img{width:28px;height:28px}body .site-footer .footer-copyright{font-size:12px}body .site-footer nav a{font-size:12px;padding:3px 6px}} @media(min-width:1101px){ body .site-footer{grid-template-columns:minmax(0,1fr) auto max-content;gap:24px;padding-left:24px;padding-right:24px} body .site-footer nav{display:flex;flex-wrap:nowrap;justify-self:end;justify-content:flex-end;width:max-content;white-space:nowrap} body .site-footer nav a{flex:0 0 auto} } @media(min-width:1101px){ body .site-footer{position:relative;grid-template-columns:minmax(0,1fr) max-content;min-height:66px} body .site-footer .footer-copyright{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} body .site-footer nav{grid-column:2} } body .site-header{padding-left:24px!important;padding-right:24px!important} body .site-header .haven-wordmark>span{display:block;font-size:15px;line-height:1.35} body .site-header .header-beta{display:block;margin-top:3px;color:#e8c46c;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.3px} body .site-header .haven-wordmark img{width:34px;height:34px} body .site-header .site-nav{margin-left:auto} @media(max-width:600px){body .site-header{padding-left:12px!important;padding-right:12px!important}body .site-header .haven-wordmark>span{font-size:12px}body .site-header .haven-wordmark img{width:28px;height:28px}} body .site-header .haven-wordmark .header-tagline{display:block;margin-top:2px;color:#c4d8ef;font:italic 15px/1.3 'Alegreya',Alegreya,serif;letter-spacing:0;white-space:normal} @media(max-width:600px){body .site-header .haven-wordmark .header-tagline{font-size:12px}} @media(min-width:1101px){ body .site-header{position:relative;min-height:82px} body .site-header .haven-wordmark{flex:0 0 auto;max-width:none} body .site-header .haven-wordmark .header-tagline{white-space:nowrap} body .site-header .mail-waiting-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0} } .community-heading{margin-bottom:26px}.community-heading p{margin-bottom:0;max-width:760px}.community-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;align-items:start}.community-board{min-width:0}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.board-heading h2{margin-bottom:8px}.board-heading p{font-size:16px;max-width:470px;margin:0}.board-heading .button{flex-shrink:0}.thread-list{border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:var(--panel)}.thread-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--edge)}.thread-row:last-child{border-bottom:0}.thread-row>div{min-width:0}.thread-row h3{font:20px/1.35 'Alegreya',Alegreya,serif;margin:0}.thread-row h3 a{text-decoration:none}.thread-row p{font-size:15px;margin:8px 0 0}.thread-open{font:15px 'Marcellus SC',serif;flex-shrink:0;text-decoration:none}.more-discussions{margin:14px 0 18px}.browse-board{margin-top:0}.community-links{list-style:none;margin:0;padding:0}.community-links li{border-top:1px solid var(--edge);padding:14px 0}.community-links li:last-child{padding-bottom:0}.community-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font:17px 'Marcellus SC',serif;text-decoration:none}.community-links p{font-size:15px;margin:7px 0 0}.community-guides .side-panel{margin-bottom:18px}.community-guides h2{font-size:20px}.community-board a:hover,.community-links a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:800px){.community-layout{grid-template-columns:1fr}.community-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-heading{flex-wrap:wrap}}@media(max-width:480px){.community-guides{grid-template-columns:1fr}.thread-row{gap:12px;padding:16px;align-items:flex-start}.thread-row h3{font-size:19px}.thread-open{font-size:14px}.board-heading .button{min-height:44px}} .account-overview-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}#account-review section{border-bottom:1px solid #354663;padding:18px 0} body .page-scroll{background-color:#070d1c;background-image:linear-gradient(rgba(3,11,22,.72),rgba(3,11,22,.55)),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} body .discovery-masthead,body .home-scenic-masthead{background:transparent} body .site-header,body .site-footer{background-color:#070d1c} @media(max-width:600px){body .page-scroll{background-attachment:scroll;background-position:center top}} body .page-scroll>main{border:1px solid rgba(212,182,116,.65);border-radius:8px;margin:24px auto;background:transparent;box-shadow:0 0 0 1px rgba(7,13,28,.25);width:calc(100% - 36px)} @media(max-width:600px){body .page-scroll>main{width:calc(100% - 20px);margin:12px auto;border-radius:6px}} body .page-scroll>main{padding-top:12px;padding-left:12px;padding-right:12px} body .discovery-masthead,body .home-scenic-masthead{margin-bottom:10px} body .chronicle-banner{margin-bottom:12px} @media(max-width:600px){body .page-scroll>main{padding-top:8px;padding-left:8px;padding-right:8px}} #account-review .account-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} #account-review .account-dashboard section{margin:0;padding:20px;border:1px solid rgba(212,182,116,.6);border-radius:8px;background:rgba(5,13,27,.38)} #account-review .account-dashboard h2{font:400 24px/1.3 'Cinzel',serif;color:#e4c581;margin:0 0 12px} #account-review .account-dashboard p{font-size:18px;line-height:1.45;margin-bottom:16px} #account-review .account-panel-actions{display:flex;gap:10px;flex-wrap:wrap} #account-review #account-preview-status{margin-top:18px;padding:12px;border-left:2px solid #d4b674;background:#071320bb} @media(max-width:700px){#account-review .account-dashboard{grid-template-columns:1fr}} .site-nav .admin-link{border:1px solid var(--edge);padding:5px 9px;border-radius:4px}.admin-shortcut{margin-top:18px;padding-top:14px;border-top:1px solid var(--edge)}.admin-shortcut p{font-size:15px;margin-top:8px}.concept-bar{font-size:14px;color:var(--muted);margin-bottom:18px}.personal-locations{background:var(--panel);border:1px solid var(--edge);padding:18px;border-radius:4px}.ownership{font:14px 'Marcellus SC',serif;color:var(--muted);display:block;margin-bottom:8px}.admin-intro{max-width:760px;margin-bottom:24px}.admin-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px}.admin-panel{background:var(--panel);border:1px solid var(--edge);border-radius:4px;padding:20px}.admin-panel details{padding:12px 0;border-bottom:1px solid var(--edge)}.admin-panel summary{font-size:19px}.admin-panel summary small{font:15px 'Alegreya',serif;color:var(--muted);margin-left:8px}.admin-panel .list{margin-left:16px}.admin-panel .list li{font-size:17px}.admin-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.site-identity{padding:13px 0;border-bottom:1px solid var(--edge)}.site-identity strong{display:block;color:var(--gold);font:18px 'Cinzel',serif}.site-identity small{font-size:15px;color:var(--muted)}.callout{border-left:2px solid var(--gold);padding:10px 14px;margin-top:18px;font-size:16px}.admin-panel h3{margin-top:14px}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}} .admin-tabs{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--edge);padding-bottom:16px;margin-bottom:24px}.view-tab[aria-pressed="true"]{border-color:var(--gold);background:#17233C}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-list{list-style:none;padding:0;margin:0}.tool-list li{padding:14px 0;border-bottom:1px solid var(--edge)}.tool-list a{display:flex;justify-content:space-between;gap:12px;font:18px Marcellus SC,serif;text-decoration:none}.tool-list small{display:block;color:var(--muted);font-size:16px;margin-top:6px}.guide-panel{margin-top:4px}.guide-panel details{border:0;margin:0;padding:0}.hooks dt{color:var(--gold);margin-top:14px}.hooks dd{margin:4px 0;display:flex;gap:6px;flex-wrap:wrap}.hooks code{font:13px monospace;padding:4px;background:var(--page);border-radius:3px}.account-table-wrap{overflow-x:auto}.account-table{width:100%;border-collapse:collapse;text-align:left;font-size:16px}.account-table td,.account-table th{padding:12px 8px;border-bottom:1px solid var(--edge)}.account-table button{font-size:14px;padding:6px 8px;min-height:34px}.admin-view>.admin-panel{margin-bottom:20px}.admin-intro{margin-bottom:20px}@media(max-width:760px){.tools-grid{grid-template-columns:1fr}.admin-tabs{gap:6px}.view-tab{font-size:14px;padding:9px 10px}} #admin-review .admin-panel{background:rgba(5,13,27,.42);border:1px solid #d4b67488;border-radius:8px}#admin-review .admin-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:14px 0 25px}#admin-review .tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#admin-review .admin-panel{padding:18px;margin-bottom:18px}#admin-review .account-table{width:100%;border-collapse:collapse}#admin-review .account-table td,#admin-review .account-table th{padding:8px;text-align:left}#admin-review .account-table-wrap{overflow:auto}@media(max-width:700px){#admin-review .tools-grid{grid-template-columns:1fr}} @media(min-width:1101px) and (max-width:1450px){body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{margin-left:0}} /* Navigation review revision: preserve existing menus and shared art. */ body .site-header{flex-wrap:wrap} @media(min-width:1101px){body .site-header{padding-left:18px;padding-right:18px;gap:10px}body .site-header .site-nav{margin-left:auto;gap:0}body .site-header .site-nav>.admin-preview-link{border-left:1px solid #a78a50}body .site-header .site-nav>a{padding-left:9px;padding-right:9px}body .site-header .mail-waiting-preview{position:static;transform:none;margin-left:auto}body .site-header .site-nav{flex-shrink:0}} @media(min-width:1101px) and (max-width:1500px){body .site-header .site-nav{width:100%;justify-content:flex-end}body .site-header .mail-waiting-preview{margin-left:auto}} @media(max-width:1100px){body .site-header .site-nav>.admin-preview-link{border-left:0}} .directory-page{max-width:1120px;margin:auto;padding:28px 20px 36px} .directory-heading{text-align:center;padding:26px 18px;border:1px solid #d4b67499;border-radius:8px;background:linear-gradient(140deg,#071320d9,#19304a80);margin-bottom:20px} .directory-heading h1{margin-bottom:10px}.directory-heading p{max-width:650px;margin:0 auto} .preview-label{display:block;font-size:14px;color:#c4d8ef;text-align:center;margin:0 0 12px} .directory-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0} .directory-tools label{display:grid;gap:5px;flex:1;min-width:170px}.directory-tools input,.directory-tools select{font:18px Alegreya,serif;padding:10px;background:#071320;color:#c4d8ef;border:1px solid #d4b67488;border-radius:4px;min-height:44px} .directory-tools button,.room-actions button{min-height:44px}.room-list{display:grid;gap:14px}.room-row,.feed-post{padding:20px;border:1px solid #d4b67499;border-radius:8px;background:#071320b8;margin-bottom:0} .room-top,.post-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.room-row h3{margin:0}.room-path,.post-time{font-size:15px;color:#b3cbe6}.room-top+ p{margin-top:8px}.occupants{margin:12px 0;color:#e4c581}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.directory-section{margin-top:28px}.directory-section>p{max-width:780px}.directory-page h2{margin-bottom:8px}.feed-list{display:grid;gap:16px}.post-meta strong{color:#e4c581}.feed-post blockquote{margin:14px 0;padding-left:16px;border-left:2px solid #a78a50;font-size:20px;line-height:1.6}.feed-post .room-actions{justify-content:flex-end}.preview-status{padding:12px;border-left:2px solid #d4b674;background:#101a30;margin:14px 0}.preview-status:empty{display:none}.empty-results{padding:20px;border:1px solid #d4b67488}.directory-page button:focus-visible,.directory-page input:focus-visible,.directory-page select:focus-visible{outline:2px solid #e4c581;outline-offset:3px} @media(max-width:600px){.directory-page{padding:18px 12px}.directory-heading{padding:20px 12px}.room-row,.feed-post{padding:15px}.room-actions button{flex:1}.directory-tools label{min-width:100%;width:100%}.directory-heading h1{font-size:27px}} .world-heading{font:400 27px 'Cinzel',serif!important;text-align:center;padding:18px;border-top:1px solid #d4b674;border-bottom:1px solid #d4b674;margin:24px 0 18px!important;background:linear-gradient(90deg,transparent,#19304a70,transparent)} .world-heading small{display:block;font:14px Alegreya,serif;color:#b3cbe6;margin-top:6px} .region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.region-group h4{font:400 20px 'Cinzel',serif;color:#e4c581;padding-bottom:10px;border-bottom:1px solid #a78a5080;margin:0 0 8px} .directory-page .room-row{background:transparent;border:0;border-bottom:1px solid #a78a5055;border-radius:0;padding:12px 0 18px}.directory-page .room-row h3{font-size:19px}.directory-page .room-top{align-items:start;gap:6px}.directory-page .room-top>span{font-size:14px}.directory-page .room-path{font-size:14px}.directory-page .occupants{font-size:17px;margin:10px 0}.directory-page .room-actions button{padding:6px 12px;font-size:15px} @media(max-width:850px){.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.region-grid{grid-template-columns:1fr}.world-heading{font-size:23px!important}} /* Equal room footprints; text wraps without clipping or hiding occupants. */ .directory-page .region-group{display:flex;flex-direction:column;min-width:0} .directory-page .region-group>.room-list{flex:1;grid-auto-rows:1fr} .directory-page .room-row{display:flex;flex-direction:column;min-height:270px;min-width:0;overflow-wrap:anywhere} .directory-page .room-top{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-height:94px} .directory-page .room-top>div{width:100%} .directory-page .room-top h3{min-height:27px;line-height:1.4} .directory-page .room-top>span{display:block;line-height:1.4} .directory-page .room-top+p{min-height:52px;line-height:1.5} .directory-page .occupants{line-height:1.5} .directory-page .room-actions{margin-top:auto;padding-top:6px} .directory-page .directory-section:last-of-type>.room-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;grid-auto-rows:1fr} @media(max-width:850px){.directory-page .directory-section:last-of-type>.room-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:550px){.directory-page .directory-section:last-of-type>.room-list{grid-template-columns:1fr}} .directory-page>.directory-heading{position:relative;padding:0;border:0;border-radius:0;background:transparent;margin:0 0 22px;isolation:isolate} .directory-heading>.directory-masthead-art{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)} .directory-heading>.directory-masthead-copy{position:absolute;bottom:5%;left:5%;right:5%;text-align:center} .directory-heading .directory-masthead-copy h1{font:400 clamp(26px,3vw,40px)/1.2 'Cinzel Decorative',serif;color:#e4c581;text-shadow:0 2px 9px #000;margin:0 0 8px} .directory-heading .directory-masthead-copy p{font-size:18px;line-height:1.4;color:#c4d8ef;text-shadow:0 2px 6px #000;max-width:650px;margin:0 auto} @media(max-width:600px){.directory-heading>.directory-masthead-copy{position:static;padding:0 10px 12px;margin-top:-8px}.directory-heading .directory-masthead-copy h1{font-size:27px}.directory-heading .directory-masthead-copy p{font-size:17px}} @media(max-width:1100px){body .site-header .site-nav>.account-menu{border-left:0;border-bottom:1px solid #354663;margin:0}body .site-header .site-nav>.account-menu>summary{margin:0;min-height:46px}body .site-header .site-nav>.admin-preview-link{border-left:0}} @media(max-width:1100px){body .site-header #responsive-member-nav.site-nav>*:not(:last-child){border-bottom:1px solid #354663!important}body .site-header #responsive-member-nav.site-nav>.account-menu>summary{border-bottom:0!important}} :root{--page:#070D1C;--panel:#101A30;--edge:#354663;--gold:#D4B674;--text:#C4D8EF;--muted:#B3CBE6;--reading-size:18px;color-scheme:dark} *{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--page);color:var(--text);font:var(--reading-size)/1.55 Alegreya,serif;overflow-x:hidden;background-image:linear-gradient(#070d1cd9,#070d1ced),url("/haven-design/v4/assets/ab855f7889-characters-celestial-background-v1.png");background-size:cover;background-attachment:fixed}button,input,textarea,select{font-family:Alegreya,serif;font-size:1rem;color:var(--text)}p,label,input,textarea,select{color:var(--text)}button,a.button{cursor:pointer}a{color:var(--gold)}button,.button{background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:5px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(1.18)}h1{font:400 clamp(26px,3vw,43px)/1.25 'Cinzel Decorative',serif;color:var(--gold)}h2,h3{font-family:Cinzel,serif;color:var(--gold)}input,select,textarea{background:var(--page);border:1px solid var(--edge);padding:10px;border-radius:4px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:grid;gap:6px;margin:12px 0}small,.fine{font-size:.85em;color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;background:var(--panel);z-index:1001;padding:10px}.skip-link:focus{top:8px} #shared-header{position:sticky;top:0;z-index:100;background:#070d1cf5;border-bottom:1px solid var(--gold);box-shadow:0 4px 18px #0006}.proto-header{display:flex;align-items:center;gap:20px;padding:10px 24px;max-width:1920px;margin:auto}.proto-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:18px 'Cinzel Decorative',serif;min-width:210px}.proto-brand img{width:58px;height:58px;object-fit:contain}.proto-brand small{display:block;font:12px 'Marcellus SC',serif;color:var(--muted)}.proto-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.proto-nav a{font:14px 'Marcellus SC',serif;display:grid;text-decoration:none;justify-items:center;padding:4px 7px;gap:4px}.proto-nav svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.5}.proto-nav a[aria-current=page]{background:#d4b67416;border-radius:4px;box-shadow:0 2px var(--gold)}.proto-member{display:flex;align-items:center;gap:10px;font-size:14px}.proto-member small{display:block}.menu-button{display:none}.inline-login{display:flex;align-items:center;gap:7px}.inline-login input{width:100px;padding:7px}.inline-login label{margin:0;font-size:12px}.inline-login button{font-size:13px;padding:7px}.header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-controls>a{font:14px 'Marcellus SC',serif} #preview-banner{font:13px/1.4 'Marcellus SC',serif;background:#101a30;padding:7px 20px;border-bottom:1px solid var(--edge);text-align:center;color:var(--muted)}#preview-banner a{margin-left:8px}#content{min-height:65vh}body #content>main{max-width:1440px;margin:0 auto;padding:24px 28px 40px;overflow:visible;height:auto}body #content>main#mh-approved{max-width:none;padding:0}#mh-approved #mh-entrance{display:block!important}#mh-approved .hero{min-height:670px}#mh-approved .hero-actions .crimson{background:#651929;border-color:var(--gold)}#mh-approved h2{font-family:'Cinzel Decorative',serif}#mh-approved .prose{font-family:Alegreya,serif;color:var(--text)}#mh-approved .hero-copy .prose{max-width:680px}#mh-approved .invitation{min-height:520px}#shared-footer{border-top:1px solid var(--gold);background:#070d1ce8;border-radius:30% 30% 0 0 / 14px 14px 0 0}.proto-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:14px}.proto-footer nav{display:flex;gap:18px;flex-wrap:wrap}.proto-footer a{font-family:'Marcellus SC',serif}.proto-page{max-width:1280px}.proto-panel{background:var(--panel);border:1px solid var(--edge);padding:24px;border-radius:10px;margin:20px 0}.proto-panel>h2:first-child{margin-top:0}.proto-masthead{position:relative;min-height:210px;display:grid;align-items:center;overflow:hidden;border-radius:12px;border:1px solid #d4b67466;background:var(--panel)}.proto-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.proto-masthead>div{position:relative;padding:24px 36px;background:linear-gradient(90deg,#070d1ce8,transparent)}.proto-masthead h1{margin:0}.proto-masthead p{margin:10px 0 0}.auth{max-width:580px;margin:24px auto}.eyebrow{color:var(--gold);font:14px 'Marcellus SC',serif}.check{display:inline-flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.theme-options button{display:flex;flex-direction:column;gap:10px;padding:20px}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.swatches{display:flex;gap:5px}.swatches i{width:24px;height:24px;border-radius:50%;border:1px solid #888}.fields{display:flex;gap:16px;flex-wrap:wrap}.fields>*{flex:1;min-width:150px}.composer-top,.composer-bottom,.composer-bottom>div,.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.composer-top label{display:flex;align-items:center;gap:8px}.composer-tools{justify-content:flex-end;margin:6px 0 12px}.composer-bottom{justify-content:space-between}#formatting{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}#formatting[hidden]{display:none}#post-text{min-height:100px}.demo-post{padding:18px 0;border-bottom:1px solid var(--edge);white-space:pre-wrap;overflow-wrap:anywhere}.demo-post strong{color:var(--gold);font-family:'Marcellus SC',serif}.demo-post small{display:block}#post-preview{white-space:pre-wrap}.breadcrumbs{margin:18px 0;font-size:16px}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-card{border:1px solid #d4b67499;border-radius:8px;background:#101a30c9;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px}.browse-card img{height:160px;width:100%;object-fit:cover;border-radius:5px}.browse-card h3{margin:0}.browse-card p{margin:0}.browse-card .button{margin-top:auto}.browse-grid.rows{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center}.browse-grid.rows img{width:100px;height:100px;grid-row:span 3}.browse-grid.list{grid-template-columns:1fr}.browse-grid.list img{display:none}.browse-grid.list .browse-card{display:grid;grid-template-columns:1fr auto;padding:14px}.browse-grid.list .browse-card p{grid-column:1}.browse-grid.list .button{grid-column:2;grid-row:1/4}.character-gallery .character{min-width:0}.character-gallery .portrait{object-fit:contain!important;background:#101a30}body[data-page=characters] h1{font-family:'Cinzel Decorative',serif!important}.character-gallery button{background:#641827;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #260d1b}.discovery-masthead-copy,.home-masthead-copy{color:var(--text)}.review-note,.note{color:var(--muted)!important}.status{color:var(--gold)}#announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--gold);padding:12px 20px;z-index:500;border-radius:8px;max-width:90vw;display:none}#announcement.show{display:block}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#030712b8}.dialog-close{float:right}.dialog-close+*{clear:both}.dialog-close:focus{outline:2px solid var(--gold)}#editor-content{clear:both;padding-top:10px}#profile-preview{padding:24px;margin:20px 0;border:1px solid var(--gold);white-space:pre-wrap}body[data-theme]:not([data-theme=celestial]){background-image:none}body[data-theme]:not([data-theme=celestial]) #preview-banner,body[data-theme]:not([data-theme=celestial]) #shared-header,body[data-theme]:not([data-theme=celestial]) #shared-footer{background:var(--page)}body[data-theme]:not([data-theme=celestial]) .proto-panel,body[data-theme]:not([data-theme=celestial]) .side-panel,body[data-theme]:not([data-theme=celestial]) .place,body[data-theme]:not([data-theme=celestial]) .browse-card{background:var(--panel)}body[data-theme=contrast] .proto-masthead>img{opacity:.12}body[data-theme=parchment] .proto-masthead{background:var(--panel)}body[data-theme=parchment] .proto-masthead>img,body[data-theme=parchment] .home-scenic-masthead img,body[data-theme=parchment] .discovery-masthead img{opacity:.12}body[data-theme=parchment] .proto-masthead>div{background:transparent}[hidden]{display:none!important}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} #mh-approved .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:58px;padding:12px 24px;font-family:'Marcellus SC',serif;font-weight:400;line-height:1.3;flex:1}#mh-approved .hero-actions>a svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#mh-approved .hero-actions{gap:20px}#mh-approved .hero-actions>a:after{display:none}#shared-footer .proto-footer{min-height:54px;padding:8px 28px;font-size:12px;line-height:1.3}#shared-footer .proto-footer>span:first-child{font-family:'Marcellus SC',serif}#shared-footer .proto-footer small{font-size:10px}#shared-footer .proto-footer nav{gap:18px} @media(min-width:1600px){.proto-header{padding-left:60px;padding-right:60px}.proto-nav{gap:28px}} @media(max-width:1200px){.inline-login{display:none}.proto-header{gap:12px;padding:9px 16px}.proto-nav{gap:5px}.proto-nav a{font-size:12px;padding:4px}.proto-brand{min-width:190px;font-size:15px}.proto-member{font-size:12px}} @media(max-width:1000px){.menu-button{display:inline-flex;margin-left:auto}.proto-header{flex-wrap:wrap}.proto-nav{display:none;order:5;flex:0 0 100%;border-top:1px solid var(--edge);padding:12px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow:auto}.proto-nav.open{display:grid}.proto-nav a{font-size:15px;padding:10px}.proto-member small{display:none}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-controls{margin-left:auto}.proto-header .menu-button+.header-controls{margin-left:0}.theme-options{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body #content>main{padding:18px 14px 28px}.proto-header{gap:8px}.proto-brand{min-width:0;flex:1;font-size:14px}.proto-brand img{width:42px;height:42px}.proto-brand small{font-size:10px}.proto-member{display:none}.proto-nav{grid-template-columns:repeat(2,1fr)}.header-controls{flex:0 0 100%;justify-content:center}.proto-footer{flex-direction:column;text-align:center;padding:20px 14px}.proto-footer nav{justify-content:center}.proto-masthead{min-height:165px}.proto-masthead>div{padding:20px}.proto-panel{padding:18px}.theme-options,.browse-grid{grid-template-columns:1fr}.browse-grid.rows .browse-card{display:flex}.browse-grid.list .browse-card{display:flex}.composer-top{gap:8px}.composer-bottom>div{width:100%;justify-content:space-between;gap:6px}.composer-bottom .check{font-size:15px}.proto-page h1{overflow-wrap:anywhere}#mh-approved .hero{min-height:600px}.character-gallery{grid-template-columns:1fr!important}.filters{display:flex!important;flex-wrap:wrap}.filters>*{max-width:100%;min-width:0}.proto-header .header-controls{display:none}.proto-brand small:first-of-type{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #mh-approved .hero-actions>a:after{display:block}#mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{display:flex;align-items:center;justify-content:center;gap:12px;font:400 15px/1.3 'Marcellus SC',serif;text-decoration:none;min-height:58px;padding:12px 24px;border:0;position:relative} @media(max-width:600px){#shared-footer .proto-footer{gap:8px;padding:10px 14px}#shared-footer .proto-footer>span:last-child{display:none}#mh-approved .hero-actions{gap:12px}#mh-approved .hero-actions>a{font-size:14px;padding:12px;min-height:52px}} #shared-footer .proto-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;max-width:none;padding:7px 28px;min-height:56px}#shared-footer .footer-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;line-height:1.25}#shared-footer .footer-brand img{width:40px;height:40px;object-fit:contain}#shared-footer .footer-brand span{font:13px 'Cinzel Decorative',serif}#shared-footer .footer-brand small{display:block;font:12px Alegreya,serif;color:var(--muted);margin-top:3px}#shared-footer .footer-meta{text-align:center;justify-self:center;white-space:nowrap;font:12px Alegreya,serif}#shared-footer .proto-footer nav{justify-self:end;justify-content:flex-end;gap:14px} @media(max-width:900px){#shared-footer .proto-footer{grid-template-columns:1fr 1fr;padding:8px 16px;gap:8px 12px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{font-size:11px;gap:10px}} @media(max-width:500px){#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .footer-brand{justify-self:center}#shared-footer .footer-meta{grid-row:2}#shared-footer .proto-footer nav{grid-row:3;justify-self:center;justify-content:center;gap:14px}} /* Persistent shell: only the central page scrolls. */ #mh-approved .hero-actions>a,#mh-approved .hero-actions>a[data-route]{background:transparent!important;box-shadow:none;isolation:isolate}#mh-approved .hero-actions>a:before{content:'';position:absolute;inset:0;transform:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-emerald-fill.svg") 12 fill stretch;pointer-events:none;z-index:-1;font-size:0}#mh-approved .hero-actions>a.crimson:before{border-image-source:url("/haven-design/v4/assets/button-crimson-fill.svg")}#mh-approved .hero-actions>a:after{z-index:1}#mh-approved .hero-actions>a:hover:before{filter:brightness(1.12)} html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}#shared-header{position:relative;grid-row:1}#preview-banner{grid-row:2}#content{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-padding:18px}#shared-footer{grid-row:4;position:relative;z-index:100}#announcement,dialog,.skip-link{grid-row:auto} .theme-dropdown{max-width:620px;margin:22px 0}.theme-dropdown select{width:100%;min-height:48px}.selected-theme-preview{display:flex;align-items:center;gap:16px;margin-top:12px}.proto-nav .account-menu{position:relative;align-self:stretch;display:grid;align-items:center}.proto-nav .account-menu>summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer;padding:4px 7px;min-height:44px;font:14px 'Marcellus SC',serif;color:var(--gold)}.proto-nav .account-menu>summary::-webkit-details-marker{display:none}.proto-nav .account-options{position:absolute;top:100%;right:0;width:220px;background:var(--panel);border:1px solid var(--gold);padding:6px;z-index:120;box-shadow:0 10px 24px #0009}.proto-nav .account-options a{display:block;padding:10px;border-bottom:1px solid var(--edge);font-size:14px}.proto-nav .menu-logout{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;border-left:1px solid var(--edge);font:14px 'Marcellus SC',serif;min-height:44px;padding:4px 12px;clip-path:none}.proto-nav .menu-logout:after{display:none}.proto-header>.proto-member{margin-left:auto}.proto-nav .admin-preview-link{font-size:13px}.proto-nav svg{color:var(--gold)}.proto-nav .mobile-auth{display:none} .account-theme-settings{scroll-margin-top:20px}.account-theme-settings>label{max-width:620px}.account-theme-settings h2{font-family:Cinzel,serif} #account-review #theme-settings{padding:24px}#account-review #theme-settings>.check{display:flex;width:max-content}#account-review #theme-settings #reset-theme{margin:4px 0 12px}@media(max-width:600px){#account-review #theme-settings{padding:18px}} #account-review .account-dashboard>#theme-settings{margin:0;background:rgba(5,13,27,.38);padding:20px}#theme-settings-dialog{width:min(620px,calc(100vw - 32px));padding:24px}#theme-settings-dialog h2{clear:both;padding-top:12px}#theme-settings-dialog .check{display:flex;width:max-content}#theme-settings-dialog #reset-theme{display:block;margin-top:14px} /* Entrance: a single star chart beneath softly masked scenic layers. */ body[data-page=index] #content{background-color:#070d1c;background-image:linear-gradient(#070d1c22,#070d1c33),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat,repeat-y} body[data-page=index] #mh-approved,body[data-page=index] #mh-entrance{background:transparent} body[data-page=index] #mh-approved #mh-entrance{background:none!important} body[data-page=index] #mh-approved #mh-entrance>section{background-color:transparent!important;background-image:none!important} body[data-page=index] #mh-approved #mh-entrance>.hero,body[data-page=index] #mh-approved #mh-entrance>.invitation{position:relative;isolation:isolate;overflow:hidden} body[data-page=index] #mh-approved #mh-entrance>.hero:before,body[data-page=index] #mh-approved #mh-entrance>.hero:after,body[data-page=index] #mh-approved #mh-entrance>.invitation:before,body[data-page=index] #mh-approved #mh-entrance>.invitation:after{display:none!important} body[data-page=index] .entrance-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat} body[data-page=index] #mh-approved #mh-entrance>section>.entrance-scene{position:absolute;inset:0;width:auto;height:auto;z-index:-1} body[data-page=index] .scene-observatory{background-image:linear-gradient(90deg,#050b1666,transparent 62%),url("/haven-design/v4/entrance-assets/approved-review-art-1.jpg");mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,#000c 65%,transparent 100%)} body[data-page=index] .scene-doorway{background-image:radial-gradient(ellipse at 50% 48%,#020b2099,transparent 72%),url("/haven-design/v4/entrance-assets/closing-doorway-panorama-v1.png");mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 20%,#000 38%,#000 70%,#0009 84%,transparent 100%)} body[data-page=index] #mh-approved #mh-entrance>section.haven-benefits{background-color:#f3cd83!important;background-image:linear-gradient(#fbe8ba12,#efb64c18),url("/haven-design/v4/entrance-assets/haven-parchment-amber-v2.png")!important;background-size:auto,cover;background-position:center;background-repeat:no-repeat;border-block:2px solid #936022;box-shadow:inset 0 0 25px #84441444} body[data-page=index] #mh-approved .haven-benefits h2,body[data-page=index] #mh-approved .haven-benefits h3{color:#171a1c}body[data-page=index] #mh-approved .haven-benefits p{color:#302313} @media(max-width:1100px){body[data-page=index] .scene-observatory{background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000d 30%,#0006 62%,transparent 100%)}} @media(max-width:1000px){.proto-nav .account-menu{display:block}.proto-nav .account-options{position:static;width:100%;box-shadow:none}.proto-nav .account-menu>summary{flex-direction:row;justify-content:center}.proto-nav .menu-logout{flex-direction:row;justify-content:center}.proto-header>.proto-member{margin-left:0}.proto-nav.open{grid-template-columns:1fr;width:250px;position:absolute;right:12px;top:100%;background:var(--panel);border:1px solid var(--gold);gap:0}.proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--edge)}.proto-nav.open .account-menu>summary,.proto-nav.open .menu-logout{justify-content:flex-start}.proto-nav.open .account-options a{padding-left:30px}.proto-nav .mobile-auth{display:flex}} @media(max-width:600px){.proto-header .proto-member{display:flex}.proto-header .proto-member a{font-size:18px}.proto-header .proto-member small{display:none}#shared-footer .proto-footer{padding:6px 12px;gap:4px}#shared-footer .footer-brand img{width:30px;height:30px}#shared-footer .footer-brand span{font-size:11px}#shared-footer .footer-brand small{font-size:10px;margin:0}#shared-footer .footer-meta{font-size:10px}#shared-footer .proto-footer nav{gap:12px;font-size:10px}.selected-theme-preview{flex-wrap:wrap}} /* Restored history and Lyssa's October 24 review directions. Original sources remain intact. */ .proto-header .proto-nav>a{font:400 14px/1.2 'Marcellus SC',serif;color:var(--gold)} .proto-header .proto-nav>a+a{border-left:1px solid var(--edge)} .proto-header .public-menu-icon{width:26px;height:26px;fill:currentColor;color:var(--gold)} .proto-header .inline-login label{font-family:'Marcellus SC',serif} .proto-header .inline-login{display:flex} .proto-header .inline-login input{font-family:Alegreya,serif} .proto-header .proto-brand img{position:relative;transform:translateY(5px);filter:drop-shadow(0 3px 4px #0009)} #shared-footer .proto-footer nav{font:400 12px/1.4 'Marcellus SC',serif;gap:12px;flex-wrap:wrap} #shared-footer .proto-footer nav a{color:var(--gold)} #shared-footer .proto-footer{grid-template-columns:minmax(205px,1fr) auto minmax(400px,1fr)} body[data-page=index] #mh-approved #mh-threshold a.path{border:2px solid #c5a060!important;border-radius:44px 18px 38px 18px!important;clip-path:none!important;overflow:hidden;background:linear-gradient(155deg,#142541e8,#080f21ed);box-shadow:inset 0 0 0 4px #d4b67422,0 7px 20px #0008} body[data-page=index] #mh-approved #mh-threshold a.path:after{border:1px solid #d4b67488!important;border-image:none!important;inset:5px;border-radius:37px 12px 31px 12px;pointer-events:none} body[data-page=index] #mh-approved #mh-threshold .path .path-art{border-radius:40px 15px 0 0;background-size:cover!important} body[data-page=index] #mh-approved #mh-threshold .path>span:last-child{padding:17px 16px 23px} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center;gap:24px;max-width:1600px} body[data-page=index] #mh-approved .featured-world-grid>a{width:100%;max-width:300px;grid-column:auto;justify-self:center} body[data-page=index] #mh-approved .featured-art{aspect-ratio:1/1;width:100%;max-width:300px;background-size:cover;background-position:center} body #content>main.public-review-root{max-width:none;padding:0;min-height:100%;background:linear-gradient(#070d1c8c,#070d1cbb),url("/haven-design/v4/entrance-assets/celestial-cartography-background-v1.png") center top/100% auto repeat-y;color:var(--text);overflow:visible;container-type:inline-size} #mh-approved.public-review-root .page{display:block;position:static;height:auto;min-height:100%;max-width:1220px;margin:0 auto;padding:32px 40px 52px;overflow:visible;background:transparent} #mh-approved.public-review-root h1.page-title{font:400 clamp(28px,3vw,43px)/1.3 'Cinzel Decorative',serif;color:var(--gold)} #mh-approved.public-review-root h2,#mh-approved.public-review-root h3{font-family:Cinzel,serif;color:var(--gold)} #mh-approved.public-review-root p,#mh-approved.public-review-root li,#mh-approved.public-review-root label{font-family:Alegreya,serif;color:var(--text);font-size:var(--reading-size);line-height:1.6} #mh-approved.public-review-root a,#mh-approved.public-review-root summary{font-family:'Marcellus SC',serif;color:var(--gold)} #mh-approved.public-review-root .public-panel{background:#101a30e8;border-color:var(--gold)} #mh-approved.public-review-root .public-page-nav{font:400 14px 'Marcellus SC',serif} #mh-approved.public-review-root .help-topic{margin:18px 0;border:1px solid #d4b67466;border-radius:18px 5px;background:#101a30d9;overflow:hidden} #mh-approved.public-review-root .help-topic>summary{padding:18px 24px;cursor:pointer;font:400 23px/1.4 Cinzel,serif;color:var(--gold);background:linear-gradient(90deg,#1b2d43bb,transparent)} #mh-approved.public-review-root .help-topic-content{padding:0 20px 20px} #mh-approved.public-review-root .help-topic-content .public-panel{padding:22px 26px;border:0;background:transparent} #mh-approved.public-review-root .account-panel{max-width:820px;margin-inline:auto} #mh-approved.public-review-root .account-form{max-width:580px;margin:22px auto} #mh-approved.public-review-root .account-form label{display:grid;gap:8px;margin:16px 0} #mh-approved.public-review-root .account-form input{width:100%;font:18px Alegreya,serif} #mh-approved.public-review-root .account-form input:disabled{opacity:.75} #mh-approved.public-review-root .account-form button:disabled{opacity:.8} #mh-approved.public-review-root .account-panel>.public-action{margin-top:12px} #help-review .help-topic-content{font-family:Alegreya,serif} #help-review .public-panel{background:transparent;border:0;padding:12px 0} #help-review .public-section h2{font:400 22px Cinzel,serif} #help-review .public-section p{font:400 18px/1.6 Alegreya,serif} @media(max-width:1100px){#shared-footer .proto-footer{grid-template-columns:1fr auto;gap:6px}#shared-footer .footer-meta{grid-column:1/-1;grid-row:2}#shared-footer .proto-footer nav{max-width:570px}.proto-header .inline-login{display:flex}.proto-header .inline-login input{width:108px}} @media(max-width:650px){#mh-approved.public-review-root .page{padding:24px 18px 38px}body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,300px)}#shared-footer .proto-footer{grid-template-columns:1fr}#shared-footer .proto-footer nav{justify-self:center;justify-content:center}#shared-footer .footer-brand{justify-self:center}.proto-header .inline-login{flex-wrap:wrap}.proto-header .inline-login input{width:100px}} /* Responsive shared shell: login reorganizes instead of disappearing. */ .proto-header .header-controls{display:flex!important;flex:0 0 auto;min-width:0;max-width:100%;margin-left:auto} .proto-header .inline-login{display:flex!important;flex-wrap:nowrap;align-items:end;gap:8px;max-width:100%} .proto-header .inline-login label{min-width:0;margin:0;display:grid;gap:4px;font-size:12px;line-height:1.3} .proto-header .inline-login input{width:clamp(110px,9vw,145px);min-width:0;max-width:100%;height:40px;padding:7px 9px} .proto-header .inline-login button{min-height:40px;white-space:nowrap;padding:7px 12px;margin:0} .proto-header .proto-nav{min-width:0} .proto-header .proto-nav .public-menu-icon{display:block;width:26px;height:26px;flex:none} @media(min-width:1001px) and (max-width:1240px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto;column-gap:20px;row-gap:8px} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1} .proto-header:has(.header-controls) .proto-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:18px;border-top:1px solid var(--edge);padding-top:8px} .proto-header:has(.header-controls) .menu-button{display:none} } @media(max-width:1000px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;position:relative} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;display:inline-flex} .proto-header:has(.header-controls) .header-controls{grid-column:1/-1;grid-row:2;justify-self:end} .proto-header:has(.header-controls) .proto-nav:not(.open){display:none} .proto-header:has(.header-controls) .proto-nav.open{display:grid;max-width:calc(100vw - 24px);top:100%;right:12px} .proto-header .inline-login input{width:145px} #shared-footer .proto-footer nav{max-width:100%;font-size:11px} } @media(max-width:520px){ .proto-header:has(.header-controls) .header-controls{width:100%;justify-self:stretch;margin:0} .proto-header .inline-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px} .proto-header .inline-login input{width:100%;font-size:16px} .proto-header .inline-login button{font-size:13px;padding-inline:8px} .proto-header .proto-brand span{font-size:13px;overflow-wrap:anywhere} .proto-header .proto-brand img{width:38px;height:38px} #shared-footer .proto-footer{padding:7px 12px;gap:6px} #shared-footer .proto-footer nav{gap:5px 12px;font-size:10px} #shared-footer .footer-meta{grid-column:1;grid-row:auto;white-space:normal} #mh-approved.public-review-root .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center} #mh-approved.public-review-root .account-panel{padding:20px 16px} #mh-approved.public-review-root .help-topic-content{padding:0 10px 12px} #mh-approved.public-review-root .help-topic>summary{padding:16px;font-size:20px} } @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){position:relative;flex-wrap:wrap} .proto-header:not(:has(.header-controls)) .menu-button{display:inline-flex;margin-left:0} .proto-header:not(:has(.header-controls)) .proto-nav:not(.open){display:none} .proto-header:not(:has(.header-controls)) .proto-nav.open{display:grid;position:absolute;right:12px;top:100%;width:min(300px,calc(100vw - 24px));max-height:65vh;overflow:auto;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--gold);padding:8px;gap:0} .proto-header:not(:has(.header-controls)) .proto-nav.open>a{display:flex;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--edge);min-height:44px;padding:10px} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu{display:block} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-menu>summary,.proto-header:not(:has(.header-controls)) .proto-nav.open .menu-logout{display:flex;flex-direction:row;justify-content:flex-start;padding:10px;border:0;border-bottom:1px solid var(--edge)} .proto-header:not(:has(.header-controls)) .proto-nav.open .account-options{position:static;width:100%;box-shadow:none} } /* Carry the approved hover treatment onto the current shared shell. */ .proto-header .proto-nav[aria-label="Public navigation"]>a{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:center;gap:4px;padding:6px 10px;text-align:center;text-decoration:none} .proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:color .15s,background .15s,box-shadow .15s} .proto-header .proto-nav>a:hover,.proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:hover,#shared-footer .proto-footer nav a:focus-visible{background:linear-gradient(90deg,#0a294322,#1b65847a 50%,#0a294322);color:#ffe0a0;box-shadow:inset 0 -2px 0 #d9b667;text-decoration:none} .proto-header .proto-nav>a:focus-visible,#shared-footer .proto-footer nav a:focus-visible{outline:2px solid #f8dda1;outline-offset:2px} #shared-footer .proto-footer nav{gap:0} #shared-footer .proto-footer nav a{padding:3px 9px;line-height:1.3} #shared-footer .proto-footer nav a+a{border-left:1px solid #8a734b} /* Compact desktop header: the menu does not consume a second row. */ @media(min-width:1001px){ .proto-header:has(.header-controls){display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:12px;padding:8px 18px;align-items:center} .proto-header:has(.header-controls) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:has(.header-controls) .proto-brand img{width:50px;height:50px} .proto-header:has(.header-controls) .proto-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:0;border-top:0;padding:0} .proto-header:has(.header-controls) .header-controls{grid-column:3;grid-row:1;margin:0} .proto-header:has(.header-controls) .menu-button{display:none} .proto-header .inline-login input{width:110px;height:36px} .proto-header .inline-login button{min-height:36px} } @media(min-width:1001px) and (max-width:1366px){ .proto-header:has(.header-controls){grid-template-columns:minmax(215px,1fr) auto auto;gap:9px;padding:8px 14px} .proto-header:has(.header-controls) .proto-brand span{font-size:15px} .proto-header:has(.header-controls) .proto-brand small{font-size:10px} .proto-header .proto-nav[aria-label="Public navigation"]>a{font-size:12px;padding:5px 8px} .proto-header .inline-login{gap:6px} .proto-header .inline-login input{width:96px;padding-inline:7px} } @media(min-width:701px) and (max-width:1000px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px} .proto-header:has(.header-controls) .header-controls{grid-column:2;grid-row:1;justify-self:end} .proto-header:has(.header-controls) .menu-button{grid-column:3;grid-row:1} .proto-header .inline-login input{width:110px} } @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:44px}} @media(prefers-reduced-motion:reduce){.proto-header .proto-nav>a,#shared-footer .proto-footer nav a{transition:none}} /* Center the navigation on the header itself, between equal side tracks. */ @media(min-width:1001px){ .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .proto-header:has(.header-controls) .proto-nav{justify-self:center} .proto-header:has(.header-controls) .header-controls{justify-self:end} } .proto-header .inline-login button{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:70px;min-height:38px;padding:9px 16px;font-family:'Marcellus SC',serif;color:var(--gold)} .proto-header .inline-login button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} .proto-header .inline-login button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} .proto-header .inline-login button:hover:before{filter:brightness(1.3)} .proto-header .inline-login button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} @media(max-width:520px){.proto-header .inline-login button{min-width:60px;padding-inline:10px}} /* Give the compass more visual weight without increasing the header row. */ .proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:68px;height:50px;flex:none;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand{gap:14px;overflow:visible} @media(max-width:700px){.proto-header .proto-brand>img,.proto-header:has(.header-controls) .proto-brand>img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}.proto-header .proto-brand{gap:10px}} /* Only the compass is a navigation link; the brand wording is plain text. */ .proto-header .proto-brand>span{color:var(--gold);text-decoration:none;cursor:default} .proto-header .proto-brand .brand-compass{display:flex;align-items:center;justify-content:center;flex:none;width:68px;height:50px;text-decoration:none;background:transparent;border:0} .proto-header .proto-brand .brand-compass img{width:68px;height:50px;object-fit:contain;transform:translateY(4px) scale(1.35);transform-origin:center} .proto-header .proto-brand .brand-compass:hover{filter:brightness(1.14)} .proto-header .proto-brand .brand-compass:focus-visible{outline:2px solid var(--gold);outline-offset:5px} @media(max-width:700px){.proto-header .proto-brand .brand-compass{width:56px;height:44px}.proto-header .proto-brand .brand-compass img{width:56px;height:44px;transform:translateY(3px) scale(1.2)}} /* Equal control baselines for Discover and the directories. */ body #discover-review #discovery-filter{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) auto auto;gap:14px;align-items:end;padding:16px 0;min-width:0} body #discover-review #discovery-filter>label{display:grid;gap:7px;margin:0;min-width:0} body #discover-review #discovery-filter input,body #discover-review #discovery-filter select{display:block;width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body #discover-review #discovery-filter button{height:44px;min-height:44px;margin:0;align-self:end;white-space:nowrap;padding-block:9px} body #discover-review #discovery-filter .views{display:flex;align-items:end;justify-content:flex-end;gap:10px;margin:0;align-self:end;min-width:0} body #discover-review #discovery-filter .views button{font-size:15px} body .directory-page .directory-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;gap:14px;align-items:end} body .directory-page .directory-tools>label{display:grid;gap:7px;margin:0;min-width:0;width:100%} body .directory-page .directory-tools input,body .directory-page .directory-tools select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box} body .directory-page .directory-tools>button{height:44px;min-height:44px;align-self:end;margin:0;padding-block:9px} /* Compose belongs with the other mail actions. */ #messages-review .messages-heading{display:block} #messages-review .message-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #messages-review .message-tabs button{min-height:44px;margin-block:0} #messages-review .message-tabs #compose-open{margin-left:auto} /* Account actions share one sapphire treatment and the same gold frame. */ #account-review .account-dashboard a.button,#account-review .account-dashboard button{position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;font-family:Cinzel,serif;text-decoration:none} #account-review .account-dashboard a.button:before,#account-review .account-dashboard button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #account-review .account-dashboard a.button:after,#account-review .account-dashboard button:after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #account-review .account-dashboard a.button:hover:before,#account-review .account-dashboard button:hover:before{filter:brightness(1.3)} #account-review .account-dashboard a.button:focus-visible,#account-review .account-dashboard button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Compact member navigation, including separators around the Account dropdown. */ .membership-comparison{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--edge)} .membership-comparison table{border-collapse:collapse;width:100%;min-width:520px;font-family:'Crimson Pro',serif;line-height:1.35} .membership-comparison caption{text-align:left;padding:14px;color:var(--gold);font-family:Cinzel,serif} .membership-comparison th,.membership-comparison td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--edge)} .membership-comparison thead th{color:var(--gold);background:#15233b} .membership-comparison tbody th{font-weight:400;width:46%} .membership-comparison tbody tr:nth-child(even){background:#19294360} @media(max-width:1240px){ .proto-header:not(:has(.header-controls)){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px} .proto-header:not(:has(.header-controls)) .proto-brand{grid-column:1;grid-row:1;min-width:0} .proto-header:not(:has(.header-controls)) .proto-member{display:flex;grid-column:2;grid-row:1;min-width:0;margin:0} .proto-header:not(:has(.header-controls)) .menu-button{grid-column:3;grid-row:1;justify-self:end;margin:0} .proto-header:not(:has(.header-controls)) .proto-nav.open{right:16px;top:100%;margin:0;box-sizing:border-box;max-width:calc(100vw - 32px)} .proto-header .proto-nav.open[aria-label="Member navigation"]{padding:4px 8px;gap:0} .proto-header .proto-nav.open[aria-label="Member navigation"]>a,.proto-header .proto-nav.open[aria-label="Member navigation"]>.menu-logout,.proto-header .proto-nav.open[aria-label="Member navigation"]>.account-menu>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:5px 8px;line-height:1.2;box-sizing:border-box} .proto-header .proto-nav.open[aria-label="Member navigation"] .nav-illustrated-icon{display:inline-block;flex:0 0 34px;margin:0} } @media(max-width:600px){ .proto-header:not(:has(.header-controls)){column-gap:8px} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:clamp(11px,2.5vw,14px)} .proto-header:not(:has(.header-controls)) .proto-brand small{font-size:10px} .proto-header:not(:has(.header-controls)) .proto-member a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:40px} .proto-header:not(:has(.header-controls)) .menu-button{padding:10px 12px;min-height:44px} } @media(min-width:1241px){ .proto-header .proto-nav[aria-label="Member navigation"]{flex:0 1 auto;gap:0;margin-left:auto;justify-content:center} .proto-header .proto-nav[aria-label="Member navigation"]>a,.proto-header .proto-nav[aria-label="Member navigation"]>details>summary,.proto-header .proto-nav[aria-label="Member navigation"]>.menu-logout{padding:4px 10px} .proto-header .proto-nav[aria-label="Member navigation"]>*+*{border-left:1px solid var(--edge)} .proto-header .proto-nav[aria-label="Member navigation"]>details>summary{border-left:0} } @media(max-width:1240px){.proto-header .proto-nav.open[aria-label="Member navigation"]>*{border-left:0}} /* Administration uses the ordinary sapphire action color. */ #admin-review a.button,#admin-review button:not(.danger):not([data-danger]){position:relative;isolation:isolate;background:transparent;color:var(--gold);border:0;border-radius:0;clip-path:none;box-shadow:none;min-height:44px;padding:10px 18px;text-decoration:none} #admin-review a.button:before,#admin-review button:not(.danger):not([data-danger]):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/assets/button-sapphire-fill.svg") 12 fill stretch} #admin-review a.button:after,#admin-review button:not(.danger):not([data-danger]):after{content:'';position:absolute;inset:0;pointer-events:none;border:10px solid transparent;border-image:url("/haven-design/v4/entrance-assets/pathway-gold-frame.svg") 12 stretch} #admin-review button[aria-pressed=true]:before,#admin-review a.button:hover:before,#admin-review button:hover:before{filter:brightness(1.3)} #admin-review a.button:focus-visible,#admin-review button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px} /* Internal Help uses the actual public pages, at their full reading width. */ body #content>main#mh-approved.public-review-root{display:block;width:100%;height:auto;min-height:100%;align-self:stretch} #mh-approved.public-review-root #mh-page{display:block;width:100%;max-width:1220px;margin:0 auto;box-sizing:border-box} #mh-approved.public-review-root #mh-page-content{display:block;width:100%} #mh-approved.public-review-root .help-public-tabs{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px} body[data-page=help] #mh-approved .public-panel{max-width:1050px;margin-inline:auto} @media(max-width:1100px){body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto}body #discover-review #discovery-filter .views{grid-column:1/-1;justify-content:flex-end}} @media(max-width:650px){ body #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr) auto;gap:12px} body #discover-review #discovery-filter>label:first-child{grid-column:1/-1} body #discover-review #discovery-filter .views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px} body #discover-review #discovery-filter .views button{white-space:normal;font-size:13px;padding-inline:9px} body .directory-page .directory-tools{grid-template-columns:minmax(0,1fr) auto} body .directory-page .directory-tools>label:first-child{grid-column:1/-1} #messages-review .message-tabs{gap:8px} #messages-review .message-tabs #compose-open{margin-left:0} #mh-approved.public-review-root .help-public-tabs{gap:12px} } /* Original supplied Asset Library artwork, displayed without pixel editing. */ .nav-illustrated-icon{display:inline-block;position:relative;width:34px;height:34px;flex:none;vertical-align:middle;overflow:hidden;pointer-events:none} .nav-illustrated-icon:before{content:"";display:block;position:absolute;background-image:url("/haven-design/v4/assets/nav-standalone-atlas.png");background-repeat:no-repeat} .proto-header .proto-nav>a>.nav-illustrated-icon,.proto-header .proto-nav summary>.nav-illustrated-icon,.proto-header .menu-logout>.nav-illustrated-icon{display:block;margin-inline:auto} .proto-header .proto-nav[aria-label="Public navigation"]>a{grid-template-rows:34px auto} .proto-header .account-options a:has(.nav-illustrated-icon){display:flex;align-items:center;gap:10px} .proto-header .account-options .nav-illustrated-icon{width:34px;height:34px} .proto-header .menu-logout .nav-illustrated-icon[data-icon="door"]{transform:scaleX(-1)} @media(max-width:1240px){.proto-header .proto-nav.open .nav-illustrated-icon{margin-inline:0}} @media(max-width:1000px){.proto-header .proto-nav.open[aria-label="Public navigation"]>a{display:flex;align-items:center}} .proto-header .proto-nav[aria-label="Public navigation"]:after{display:none!important} .proto-header .proto-nav .nav-accent-star{display:block;margin:0 7px;width:34px;height:34px;align-self:center} #mh-approved .hero-actions .nav-illustrated-icon,#mh-approved .invitation .nav-illustrated-icon,#mh-approved .featured-heading .nav-illustrated-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;vertical-align:middle} @media(max-width:1000px){.proto-header .proto-nav.open .nav-accent-star{display:none}} .nav-illustrated-icon[data-icon="home"]:before{width:29.9737px;height:34.0000px;left:2.0132px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:0.0000px -90.3684px} .nav-illustrated-icon[data-icon="scroll"]:before{width:28.1842px;height:34.0000px;left:2.9079px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-29.9737px -90.3684px} .nav-illustrated-icon[data-icon="people"]:before{width:30.8684px;height:34.0000px;left:1.5658px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-58.1579px -90.3684px} .nav-illustrated-icon[data-icon="help"]:before{width:28.5600px;height:34.0000px;left:2.7200px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-90.6667px -92.0267px} .nav-illustrated-icon[data-icon="account"]:before{width:27.7368px;height:34.0000px;left:3.1316px;top:0.0000px;background-size:343.5789px 229.0526px;background-position:-117.6579px -89.9211px} .nav-illustrated-icon[data-icon="door"]:before{width:27.2000px;height:34.0000px;left:3.4000px;top:0.0000px;background-size:326.4000px 217.6000px;background-position:-138.1250px -84.1500px} .nav-illustrated-icon[data-icon="chat"]:before{width:29.4054px;height:34.0000px;left:2.2973px;top:0.0000px;background-size:352.8649px 235.2432px;background-position:-178.7297px -93.7297px} .nav-illustrated-icon[data-icon="discover"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="worlds"]:before{width:28.3333px;height:34.0000px;left:2.8333px;top:0.0000px;background-size:334.7692px 223.1795px;background-position:-197.4615px -87.1795px} .nav-illustrated-icon[data-icon="characters"]:before{width:28.8767px;height:34.0000px;left:2.5616px;top:0.0000px;background-size:357.6986px 238.4658px;background-position:-241.2603px -95.4795px} .nav-illustrated-icon[data-icon="search"]:before{width:29.0133px;height:34.0000px;left:2.4933px;top:0.0000px;background-size:348.1600px 232.1067px;background-position:-262.9333px -92.4800px} .nav-illustrated-icon[data-icon="settings"]:before{width:30.0260px;height:34.0000px;left:1.9870px;top:0.0000px;background-size:339.1169px 226.0779px;background-position:-309.0909px -88.7532px} .nav-illustrated-icon[data-icon="journey-compass"]:before{width:22.4839px;height:34.0000px;left:5.7581px;top:0.0000px;background-size:210.5806px 140.3871px;background-position:-40.7177px -6.4435px} .nav-illustrated-icon[data-icon="ruby-star"]:before{width:16.2478px;height:34.0000px;left:8.8761px;top:0.0000px;background-size:231.0796px 154.0531px;background-position:-151.3451px -5.8673px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:15.7806px;height:34.0000px;left:9.1097px;top:0.0000px;background-size:220.3544px 146.9030px;background-position:-159.8143px -5.0211px} .nav-illustrated-icon[data-icon="sapphire-star"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-blue-star.png");background-size:contain;background-position:center} .nav-illustrated-icon[data-icon="shopping-cart"]:before{width:34px;height:34px;left:0;top:0;background-image:url("/haven-design/v4/assets/celestial-shopping-cart-v1.png");background-size:contain;background-position:center} /* Shared responsive layer; approved artwork, text, fonts, and desktop proportions stay intact. */ #content, #content>main, #shared-header, #shared-footer{min-width:0} #content :is(.columns,.fields,.tools-grid,.account-dashboard,.region-grid,.portal-grid,.directory-tools,.message-tabs)>*{min-width:0} #content :is(p,li,dd,.prose,.mail-subject){overflow-wrap:break-word} #content img{max-width:100%} .proto-header .proto-nav.open{overscroll-behavior:contain;max-height:min(70dvh,calc(100dvh - 110px));scrollbar-gutter:stable} #shared-footer .footer-menu{display:none} #shared-footer .footer-brand small{color:var(--gold)} /* Retire the old special full-row treatment of the fifth pathway card. */ body[data-page=index] #mh-approved #mh-threshold .path:last-child{grid-column:auto;width:100%;margin:0} @media(max-width:1024px){ body #content>main{padding-inline:22px} #mh-approved.public-review-root .page{padding-inline:22px} #content :is(.columns){grid-template-columns:minmax(0,1fr)} #mh-approved .public-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px} #mh-approved .public-page-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px} body[data-page=index] #mh-approved #mh-threshold .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:850px;margin-inline:auto} body[data-page=index] #mh-approved #mh-threshold .path{width:100%;margin:0} #content :is(.discovery-masthead,.home-masthead){min-width:0} } @media(max-width:700px){ #content :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%} #content :is(.account-dashboard,.tools-grid,.region-grid,.recent-grid){grid-template-columns:minmax(0,1fr)!important} #content :is(.admin-tabs,.message-tabs,.room-actions,.controls,.composer-tools){flex-wrap:wrap;gap:8px} #content :is(.admin-heading,.messages-heading,.directory-heading){max-width:100%} #content :is(.public-panel,.account-panel){padding:22px 18px} #content :is(h1,h2,h3){overflow-wrap:break-word} #content :is(.discovery-masthead-copy,.home-masthead-copy){padding-inline:14px} #content :is(.discovery-masthead-copy,.home-masthead-copy) h1{font-size:clamp(25px,5vw,36px)} #content .fields{display:grid;grid-template-columns:minmax(0,1fr)} #content .fields>*{width:100%;min-width:0} #content .check{max-width:100%;width:auto;white-space:normal} #content .check input{flex:none} #content :is(button,a.button){max-width:100%;white-space:normal} #discover-review .portal-grid.rows .portal{grid-template-columns:90px minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:90px;max-width:100%} #content .browse-grid.rows .browse-card{grid-template-columns:80px minmax(0,1fr)} #content .browse-grid.rows .browse-card .button{grid-column:1/-1} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} body[data-page=index] #mh-approved .featured-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center} body[data-page=index] #mh-approved .featured-heading>*{margin:0} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:18px} } @media(max-width:650px){ .proto-header:has(.header-controls) .header-controls:empty{display:none!important} .proto-header:has(.header-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center} .proto-header:has(.header-controls) .menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0} .proto-header .proto-nav.open[aria-label="Public navigation"]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 24px));padding:8px} .proto-header .proto-nav.open[aria-label="Public navigation"]>a{min-height:44px;border-left:0;border-bottom:1px solid var(--edge)} .proto-header .proto-nav .inline-login.phone-login{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:10px 0 0;padding:10px 6px 6px;border-top:1px solid var(--edge)} .proto-header .proto-nav .phone-login label{display:grid;font-size:13px;gap:5px;margin:0} .proto-header .proto-nav .phone-login input{display:block;width:100%;height:44px;font-size:16px} .proto-header .proto-nav .phone-login button{min-height:44px;width:100%;margin-top:2px} /* An upward-opening disclosure keeps every legal destination reachable without a tall footer. */ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 14px;min-height:62px;text-align:left} #shared-footer .footer-brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;min-width:0} #shared-footer .footer-brand img{width:32px;height:32px} #shared-footer .footer-brand span{font-size:11px} #shared-footer .footer-brand small{font-size:11px} #shared-footer .footer-meta{grid-column:1;grid-row:2;justify-self:start;margin-left:39px;text-align:left;font-size:10px;line-height:1.3;white-space:normal} #shared-footer .footer-brand .footer-meta-inline{display:block;margin:3px 0 0;font:10px/1.3 Alegreya,serif;color:var(--muted);white-space:normal} #shared-footer .proto-footer:has(.footer-meta-inline){grid-template-rows:auto;row-gap:0} #shared-footer .proto-footer:has(.footer-meta-inline) .footer-menu{grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{display:none} #shared-footer .footer-menu{display:block;grid-column:2;grid-row:1/3;align-self:center;position:relative;text-align:left} #shared-footer .footer-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:14px 'Marcellus SC',serif;cursor:pointer;list-style:none;white-space:nowrap} #shared-footer .footer-menu>summary:after{content:'▴';font-size:12px} #shared-footer .footer-menu[open]>summary:after{content:'▾'} #shared-footer .footer-menu>summary::-webkit-details-marker{display:none} #shared-footer .footer-menu nav{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 28px));max-height:55dvh;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 -8px 24px #0008} #shared-footer .footer-menu nav a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;border-left:0} #shared-footer .footer-menu nav a+a{border-left:0;border-top:1px solid var(--edge)} #preview-banner{font-size:11px;padding:5px 10px;line-height:1.35} .membership-comparison{overflow:visible;border:0} .membership-comparison table,.membership-comparison tbody{display:block;width:100%;min-width:0} .membership-comparison caption{display:block;padding:12px 0} .membership-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .membership-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border:1px solid var(--edge);background:#14213990} .membership-comparison tbody th{display:block;grid-column:1/-1;width:auto;padding:10px 12px;color:var(--gold);border-top:0} .membership-comparison tbody td{display:block;padding:10px 12px;overflow-wrap:anywhere} .membership-comparison tbody td+td{border-left:1px solid var(--edge)} .membership-comparison td:before{content:attr(data-membership);display:block;color:var(--gold);font:12px 'Marcellus SC',serif;margin-bottom:5px} } @media(max-width:450px){ body #content>main{padding:18px 12px 26px} #mh-approved.public-review-root .page{padding:24px 12px} #mh-approved.public-review-root .public-panel{padding:20px 14px} .proto-header{padding-inline:12px} .proto-header .proto-brand{gap:8px} .proto-header .proto-brand .brand-compass,.proto-header .proto-brand .brand-compass img{width:44px;height:40px;transform:none} .proto-header:not(:has(.header-controls)) .proto-brand>span{font-size:11px} .proto-header .inline-login input{min-height:44px} .proto-header .inline-login label{font-size:11px} .proto-header .inline-login button{min-height:44px} .proto-header .proto-nav.open{right:12px;max-width:calc(100vw - 24px)} body[data-page=index] #mh-approved #mh-entrance>.hero{min-height:700px;padding-inline:20px;padding-bottom:38px} body[data-page=index] #mh-approved .hero-copy{max-width:100%} body[data-page=index] #mh-approved .hero-copy .prose{font-size:17px} body[data-page=index] #mh-approved .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;gap:12px} body[data-page=index] #mh-approved #mh-threshold .paths{grid-template-columns:minmax(0,300px);justify-content:center} body[data-page=index] #mh-approved #mh-threshold .path:last-child{width:100%} body[data-page=index] #mh-approved .featured-world-grid{grid-template-columns:minmax(0,200px)} body[data-page=index] #mh-approved .benefit-grid{grid-template-columns:minmax(0,1fr)} #content :is(.message-tabs,.admin-tabs)>button{flex:1 1 auto} #content .directory-tools{grid-template-columns:minmax(0,1fr)} #content .directory-tools>label:first-child{grid-column:auto} #content .directory-tools>button{justify-self:start} #discover-review #discovery-filter{grid-template-columns:minmax(0,1fr)} #discover-review #discovery-filter>label:first-child,#discover-review #discovery-filter .views{grid-column:auto} #discover-review #discovery-filter>button{justify-self:start} #discover-review .portal-grid.rows .portal{grid-template-columns:minmax(0,1fr)!important} #discover-review .portal-grid.rows .portal-art{width:100%;max-height:180px} #shared-footer .footer-brand small{display:none} } @media(max-height:500px) and (max-width:1100px){ .proto-header{padding-block:4px} #preview-banner{font-size:10px;padding-block:3px} #shared-footer .proto-footer{padding-block:4px;min-height:48px} .proto-header .proto-nav.open{max-height:calc(100dvh - 80px)} } /* One continuous curved footer: age notice left, motto center, destinations right. */ #shared-footer{isolation:isolate;background:transparent;border:0;border-radius:0} #shared-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/haven-design/v4/assets/footer-curve.svg") center top/100% 100% no-repeat} #shared-footer:after{content:'';position:absolute;left:50%;top:calc(22% - 8px);width:36px;height:16px;transform:translateX(-50%);pointer-events:none;background:url("/haven-design/v4/assets/footer-center-ornament.svg") center/contain no-repeat} #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:78px;padding:21px 24px 8px;align-items:center} #shared-footer .footer-age-notice{display:flex;align-items:center;gap:10px;min-width:0} #shared-footer .footer-age-badge{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:2px solid #d9b667;border-radius:50%;color:#f1d397;font:20px/1 'Marcellus SC',serif} #shared-footer .footer-age-notice p{margin:0;color:var(--text);font:12px/1.35 Alegreya,serif} #shared-footer .footer-center{display:grid;gap:4px;text-align:center;justify-items:center} #shared-footer .footer-motto{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;color:#efdfbf;font:14px/1.3 'Marcellus SC',serif;letter-spacing:3px} #shared-footer .footer-motto-star{color:#d9b667;font-size:19px;letter-spacing:0} #shared-footer .footer-center .footer-meta{grid-column:auto;grid-row:auto;margin:0;justify-self:center;font:10px/1.3 Alegreya,serif;white-space:normal;text-align:center} #shared-footer .proto-footer>.footer-desktop-links{grid-column:3;grid-row:1;justify-self:end} @media(max-width:1100px) and (min-width:651px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding-inline:18px} #shared-footer .footer-center{grid-column:2;grid-row:1} #shared-footer .proto-footer>.footer-desktop-links{grid-column:1/-1;grid-row:2;justify-self:center} #shared-footer .footer-motto{font-size:13px;gap:10px;letter-spacing:2px} } @media(max-width:650px){ #shared-footer .proto-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;padding:19px 12px 7px;min-height:86px} #shared-footer .footer-center{grid-column:1/-1;grid-row:1;gap:1px} #shared-footer .footer-motto{font-size:12px;gap:10px;letter-spacing:2px} #shared-footer .footer-motto-star{font-size:16px} #shared-footer .footer-center .footer-meta{font-size:9px} #shared-footer .footer-age-notice{grid-column:1;grid-row:2;gap:7px} #shared-footer .footer-age-badge{width:32px;height:32px;font-size:16px} #shared-footer .footer-age-notice p{font-size:10px;line-height:1.25} #shared-footer .footer-menu{grid-column:2;grid-row:2;align-self:center} #shared-footer .footer-menu>summary{font-size:12px;padding:7px 9px} } @media(max-width:360px){#shared-footer .footer-motto{font-size:11px;letter-spacing:1px;gap:8px}#shared-footer .footer-age-notice p{font-size:9px}} } /* Entrance featured Worlds repair — November 1, 2026. */ body[data-page="index"] #mh-approved .featured-heading > a { width:max-content !important;max-width:100%;justify-self:end;flex:0 0 auto; } body[data-page="index"] #mh-approved .featured-world-grid > a, body[data-page="index"] #mh-approved .featured-world-grid > a:hover, body[data-page="index"] #mh-approved .featured-world-grid > a:focus-visible { text-align:center;text-decoration:none !important; } body[data-page="index"] #mh-approved .featured-world-grid > a > h3 {text-align:center;} /* IMG elements cannot display the old decorative ::after frame. */ body[data-page="index"] #mh-approved .featured-world-grid > a > img.featured-art { box-sizing:border-box;border:0 solid transparent !important; border-image:url('/haven-design/v4/entrance-assets/pathway-single-gold-frame.svg') 12 / 10px stretch !important; object-fit:cover; } body[data-page="index"] #mh-approved .featured-world-grid > a:focus-visible {outline:2px solid #f8dda1;outline-offset:4px;} /* Paint the frame above the full-size image, without reserving an inset. */ body[data-page="index"] #mh-approved .featured-world-grid > a {position:relative;} body[data-page="index"] #mh-approved .featured-world-grid > a > img.featured-art {border-image:none !important;} body[data-page="index"] #mh-approved .featured-world-grid > a::before { content:'';position:absolute;top:0;left:0;width:100%;aspect-ratio:1/1;box-sizing:border-box; border:10px solid transparent;border-image:url('/haven-design/v4/entrance-assets/pathway-single-gold-frame.svg') 12 stretch; z-index:1;pointer-events:none; } /* Restore Entrance pathway asset URLs after stylesheet publication. */ body[data-page="index"] #mh-approved #mh-threshold a.path{mask-image:url('/haven-design/v4/assets/pathway-arched-mask.svg?v=rounder2')!important;-webkit-mask-image:url('/haven-design/v4/assets/pathway-arched-mask.svg?v=rounder2')!important} body[data-page="index"] #mh-approved #mh-threshold a.path::after{background-image:url('/haven-design/v4/assets/pathway-arched-frame.svg?v=rounder2')!important}