*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:#030706}body{display:flex;justify-content:center;align-items:center}
#side-landscape{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:none}.has-sidebars #side-landscape{display:block}
#portrait-slot{position:relative;z-index:2;flex:none;background:#111c14;box-shadow:0 0 25px 7px #0105049c}
#knightle-game{display:block;border:0;transform-origin:top left;max-width:none;background:#111c14}
.side-banner{position:absolute;top:0;bottom:0;width:calc((100% - var(--game-width,430px))/2);display:none;align-items:center;justify-content:center;overflow:visible;pointer-events:none;z-index:3;background:none}
.has-sidebars .side-banner{display:flex}.banner-left{left:0}.banner-right{right:0}
.side-banner:after{content:'';position:absolute;top:0;bottom:0;width:18px;background:url('assets/quest/oak-frame.svg') center top/18px 164px repeat-y;image-rendering:pixelated;box-shadow:0 0 0 2px #070b08,0 0 9px #000b}
.banner-left:after{right:-2px}.banner-right:after{left:-2px;transform:scaleX(-1)}
#side-wordmark{display:block;position:relative;width:min(440px,calc(100% - 52px));height:auto;image-rendering:pixelated;visibility:hidden;filter:drop-shadow(0 5px 4px #000)}
#side-wordmark[data-ready]{visibility:visible}.frame-corner{display:none}
@media(max-width:600px){#side-wordmark{width:calc(100% - 20px)}.side-banner:after{width:12px;background-size:12px 110px}}
noscript{position:fixed;z-index:3;top:40%;padding:24px;background:#142219;color:#e3d3a3}