.realm-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:4000;image-rendering:pixelated}
.realm-dragon{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:4050;image-rendering:pixelated;contain:strict}
.realm-canvas[hidden],.realm-controls[hidden]{display:none}
body.realm-busy{overflow-anchor:none}
body.realm-busy .site-header{position:sticky!important;top:0;z-index:1902}
body.realm-busy .hidden-sword-button .sword-hint{opacity:0}
.realm-controls{position:fixed;right:18px;bottom:18px;z-index:4100;display:flex;align-items:center;gap:15px;padding:12px 16px;border:1px solid #a98753;color:#eedbb8;background:#15111ded;box-shadow:0 7px 35px #0003;font:11px/1.4 'DM Sans',sans-serif;backdrop-filter:blur(14px)}
.realm-controls button{border:0;border-left:1px solid #735735;padding:2px 0 2px 14px;background:transparent;color:#eac57d;font:inherit;cursor:pointer}
.realm-controls button:focus-visible{outline:2px solid #eac57d;outline-offset:4px}
.realm-transition-veil{position:fixed;inset:0;pointer-events:none;z-index:1900;background:radial-gradient(ellipse at 50% 95%,#54152155,#0d09187a);opacity:0;transition:opacity .45s}
.realm-transition-veil.is-active{opacity:1}
.realm-transition-veil.is-flash{background:radial-gradient(ellipse at 45% 75%,#ffcf6570,transparent 60%);opacity:.6;transition:opacity .1s}
.hidden-sword-button:before{content:'';position:absolute;inset:-15px -12px;min-width:36px;min-height:40px}
.hidden-sword-button .sword-letter{display:inline-block;font-weight:650;position:relative}
.hidden-sword-button .sword-letter:after{content:'';position:absolute;left:47%;top:70%;width:1px;height:5px;background:currentColor;opacity:.35;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}
.hidden-sword-button .sword-hint{position:absolute;left:50%;bottom:calc(100% + 20px);transform:translate(-50%,4px);opacity:0;pointer-events:none;background:#191626;color:#f0d69b;border:1px solid #8d734c;padding:9px 12px;font:10px/1.3 'DM Sans',sans-serif;white-space:nowrap;letter-spacing:.03em;text-transform:none;transition:opacity .2s,transform .2s;z-index:5}
.hidden-sword-button:is(:hover,:focus-visible) .sword-hint{opacity:1;transform:translate(-50%,0)}
.hidden-sword-button.is-drawn .sword-letter{opacity:0}
.hidden-sword-button.is-returned{animation:swordReturn .6s ease-out}
@keyframes swordReturn{0%{text-shadow:0 0 22px #ffd374;color:#ffe8a2}100%{text-shadow:none}}
body.realm-busy .discipline-strip{position:relative;z-index:1901}
body[data-world='medieval'] .m-panel-icon{width:50px!important;height:52px!important;margin-bottom:5px!important}
body[data-world='medieval'] .medieval-hero-art{transition:filter 1.8s;filter:saturate(1.08)}
body[data-world='medieval'] .m-service-art{image-rendering:auto}
body[data-world='medieval'] .site-footer .m-helmet{height:66px;width:56px}
body[data-world='medieval'] .site-header .brand-name{min-width:122px}
body[data-world='medieval'] .medieval-hero-panels>a:first-child img{animation:lanternBreath 3s ease-in-out infinite alternate}
@keyframes lanternBreath{from{filter:drop-shadow(0 0 3px #e8992640)}to{filter:drop-shadow(0 0 9px #e8992690)}}
@media(max-width:760px){.realm-controls{right:12px;bottom:12px;left:12px;justify-content:space-between}.hidden-sword-button:before{inset:-15px -8px;min-width:26px}.realm-controls span{max-width:75%}}
@media(prefers-reduced-motion:reduce){.realm-transition-veil{transition:none}.hidden-sword-button.is-returned{animation:none}body[data-world='medieval'] .medieval-hero-panels>a:first-child img{animation:none}}

html:has(body.realm-busy){overflow-anchor:none}

@media(max-width:760px){body[data-world='medieval'] .hero-copy>.eyebrow{max-width:310px;font-size:8px;line-height:1.65;letter-spacing:.09em}}