html,body{height:100%;margin:0}body{color:#f5e1d4;background:#101d1f url(../background3.png) 100%/auto 100% repeat-x;place-items:center;display:grid}@font-face{font-family:Caladea;src:url(../fonts/Caladea-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caladea;src:url(../fonts/Caladea-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--font-heading:Cambria,"Caladea","Times New Roman",serif;--font-body:Cambria,"Caladea","Times New Roman",serif}body{font-family:var(--font-body)}h1,h2{font-family:var(--font-heading);font-weight:700}.container{aspect-ratio:14/9.5;width:min(100vw,147.368vh);display:flex;overflow:visible}.left,.right{flex:0 0 50%;height:100%}.left{position:relative;overflow:hidden}.left canvas.threejs{width:100%;height:100%;display:block}.right{box-sizing:border-box;text-align:left;flex-direction:column;justify-content:center;align-items:center;padding:1cqw;display:flex;overflow:visible;container-type:size}#content{text-shadow:1px 2px 6px #000;font-kerning:none;align-self:flex-start;max-width:83%}#heading{font-size:8cqh}#textBody{font-size:3cqh}p.small-text,#systemMessage{font-size:2.3cqh}.right-spacer{height:6cqh;display:block}#controls{align-items:center;gap:1cqw;margin-top:5cqh;margin-bottom:5cqh}:root{--ui-h:7cqw}.ui{box-sizing:border-box;height:var(--ui-h);font-family:var(--font-body);color:#8e8e8e;opacity:.96;background-color:#151f20;border:.4cqw solid #737373;border-radius:6px;outline:none;align-items:center;padding:0 2cqw;font-size:2.6cqh;display:inline-flex}.btn{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.btn:hover{color:#f5e1d4;background-color:#1d2b2c;border-color:#f5e1d4}.btn span.icon{font-size:4cqw;line-height:1}#messageBox{flex:1;align-items:center;gap:1px;padding-right:1cqw}#messageBox:focus-within{border-color:#f5e1d4}#messageInput{height:100%;font-family:var(--font-body);color:#f5e1d4;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-size:2.6cqh}#messageInput::placeholder{color:#8e8e8e}#btnMessageSend{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;height:100%;padding:0 4px;display:flex}#btnMessageSend svg{height:60%}#btnMessageSend svg path{stroke:#7e74ba}#btnMessageSend:hover svg path{stroke:#f5e1d4}.correct{color:#19d47d}.wrong{color:#f46794}.fade{opacity:1;visibility:visible;transition:opacity .18s,visibility linear}.fade.is-hidden{opacity:0;visibility:hidden;transition:opacity .18s,visibility 0s linear .18s}.hidden{display:none}@media (orientation:portrait){body{background-image:none;min-height:100vh;display:block}.container{aspect-ratio:auto;width:100vw;max-width:100%;height:auto;box-shadow:none;border-radius:0;margin-top:23px;display:block;overflow:visible}.left,.right{aspect-ratio:8/9;flex:none;width:100%;height:auto;position:relative;overflow:hidden}.left img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;inset:0}.right{box-sizing:border-box;text-align:left;background-image:url(../background2.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;justify-content:flex-start;align-items:flex-start;padding-top:0;display:block;overflow:visible}.ui{height:8cqw}#textBody{font-size:6.5cqw}#heading{font-size:13cqw}#content{max-width:100%;margin:0 4cqw}#controls{align-items:center;gap:1cqw;margin-top:5cqh;display:flex}}