/* No rectangular overlays on the transparent nameplate. */
.vr-masthead h1.relic-nameplate::before,.vr-masthead h1.relic-nameplate::after{display:none!important}.relic-nameplate img{filter:drop-shadow(0 0 3px #b0000033)}
.wb-box{overflow:hidden}.wb-viewport{position:relative;width:100%;height:188px;background:radial-gradient(ellipse at 50% 65%,#330c18,transparent 75%),#060205;touch-action:pan-y;cursor:grab;overflow:hidden}.wb-viewport:active{cursor:grabbing}.wb-viewport:focus-visible{outline:1px solid #f55;outline-offset:-2px}.wb-viewport canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.wb-viewport::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px)}.s-right .wb-viewport{height:124px}.wb-readout{padding:5px 6px;border-top:1px dotted #682534;color:#c18b96;font:9px/1.5 monospace}.wb-controls{display:flex;flex-wrap:wrap;gap:4px;padding:5px;justify-content:center}.wb-controls button{font-size:9px;padding:3px 5px;min-height:24px}.wb-controls [aria-pressed=true]{background:#86132a;color:#fff}.wb-launchers{display:grid;gap:5px;padding:8px}.wb-launchers button{text-align:left;font-size:10px}.wb-tab-tools{padding:8px 10px;margin:5px 0 9px;border:1px solid #50151f;border-left:2px solid #b22238;background:linear-gradient(100deg,#21070d,#080103);display:flex;align-items:center;flex-wrap:wrap;gap:6px}.wb-tab-tools p{flex:1 1 240px;margin:0;color:#c58e98;font-size:10px;line-height:1.6}.wb-tab-tools button{font-size:10px}.wb-window{width:min(740px,92vw)!important;max-width:92vw;resize:both;overflow:auto}.wb-window .vr-window-content{max-height:72vh;overflow:auto}.wb-large .wb-viewport{height:340px}.wb-large .wb-readout{font-size:11px}.wb-note summary{color:#eb788c}.wb-slideshow>img{display:block;width:100%;height:46vh!important;object-fit:contain;background:#020000}.wb-slide-caption{min-height:35px;color:#dca5af}.wb-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wb-directory>a,.wb-directory>button{display:block;padding:10px;border:1px solid #621529;overflow-wrap:anywhere;text-align:left}.wb-link-search{width:100%}.vr-quiet .wb-viewport canvas,.vr-quiet .relic-orbit canvas{visibility:visible}.vr-window-bar{touch-action:none}.relic-preview{display:block;width:100%;height:90px;object-fit:contain;background:#0c0204;cursor:pointer}.relic-orbit{cursor:grab}.relic-orbit:active{cursor:grabbing}@media(max-width:510px){.wb-large .wb-viewport{height:260px}.wb-tab-tools p{flex-basis:100%}.wb-window .vr-window-content{max-height:68vh}.wb-directory{grid-template-columns:1fr}.wb-viewport{height:165px}.wb-window{resize:none}}

@media(max-width:510px){.s-left>.wb-box{grid-column:1/-1}.s-left>.wb-box .wb-viewport{height:210px}.s-left>.wb-box .wb-controls{padding:7px}.s-left>.wb-box .wb-controls button{min-height:30px}}

/* A wider transparent wordmark takes the space previously occupied by the crest. */
.header{height:169px;grid-template-columns:85px minmax(0,1fr) 218px;grid-template-rows:141px 26px}
.vr-masthead{width:100%;padding:0 12px}.vr-masthead h1.relic-nameplate{height:111px;max-width:700px;width:100%}.relic-nameplate img{height:200%;top:-48%}
.relic-sentries .relic-portrait{position:relative;overflow:hidden;--sentry-hue:0deg}
.relic-sentries .relic-portrait img{filter:brightness(1.4) sepia(.65) saturate(2) hue-rotate(var(--sentry-hue)) drop-shadow(0 0 4px #8f000050);transition:filter .18s}
.relic-sentries .relic-portrait[data-tint="0"] img{filter:brightness(1.4) drop-shadow(0 0 4px #8f000050)}
.wb-sentry-glitch img{animation:wb-sentry-tear .6s steps(1,end)}
.wb-sentry-glitch::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 12px,#9b27393b 12px 14px,transparent 14px 23px);animation:wb-sentry-static .6s steps(1,end)}
@keyframes wb-sentry-tear{0%,100%{transform:none;clip-path:inset(0)}15%{transform:translateX(4px);clip-path:inset(4% 0 25%)}32%{transform:translateX(-3px);clip-path:inset(0 0 0)}54%{transform:translate(2px,-1px);clip-path:inset(20% 0 2%)}72%{transform:none;clip-path:inset(0)}}
@keyframes wb-sentry-static{0%,100%{opacity:0}20%,60%{opacity:.65;transform:translateY(4px)}40%,80%{opacity:.2;transform:translateY(-3px)}}
.s-footer{height:auto;min-height:72px;display:grid;grid-template-columns:1fr auto;gap:0;padding:0}.s-footer>.s-title{padding:5px 8px;height:auto}.s-footer>#performance-indicator{justify-self:end}.s-footer>.status-bar{grid-column:1/-1;width:100%;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid #70222a;background:#0b0204;font-size:10px}.wb-status>span{white-space:nowrap}.wb-footer-stats{display:flex;flex:1;gap:14px;align-items:center;flex-wrap:wrap;min-width:0}.wb-stat{display:flex;gap:5px;align-items:baseline;border-left:1px solid #63202c;padding-left:10px}.wb-stat small{font-size:8px;color:#ad6573}.wb-stat b{font-weight:normal;color:#e899a8;font-size:10px}.wb-depth{display:flex;align-items:center;gap:5px;font-size:8px;color:#ad6573}.wb-depth meter{width:55px;height:7px;accent-color:#d13350}.wb-depth meter::-webkit-meter-bar{background:#270810;border:0}.wb-depth meter::-webkit-meter-optimum-value{background:#c73953}.wb-framegraph{margin-left:auto;display:block;width:96px;height:25px}.wb-framegraph svg{width:100%;height:100%;fill:none;stroke:#e4405d;stroke-width:1}.wb-framegraph .wb-graph-grid{stroke:#4a1823;stroke-width:.5}.wb-controls button:disabled{opacity:.45;cursor:wait}.wb-instrument[data-turning=true] .wb-readout{color:#ffc9c9}
@media(max-width:760px){.header{grid-template-columns:50px minmax(0,1fr) 135px}.wb-footer-stats{gap:8px}.wb-stat{padding-left:6px}}
@media(max-width:510px){.header{height:135px;grid-template-columns:34px minmax(0,1fr) 60px;grid-template-rows:107px 26px}.vr-masthead{padding:0 5px}.vr-masthead h1.relic-nameplate{height:82px}.vr-masthead small{font-size:6px;letter-spacing:.5px}.vr-masthead p{font-size:5px;letter-spacing:0}.header>.ascii-art{font-size:1.1px;line-height:1.4px}.s-footer>.status-bar{gap:8px;padding:8px}.wb-footer-stats{flex-basis:100%;order:2;justify-content:space-between;gap:9px}.wb-status>#fps{margin-left:auto}.wb-framegraph{width:70px;margin-left:0}.wb-stat{padding-left:0;border:0}.wb-depth meter{width:40px}}
@media(prefers-reduced-motion:reduce){.relic-sentries .relic-portrait img{transition:none}.wb-sentry-glitch img,.wb-sentry-glitch::after{animation:none}}