*{box-sizing:border-box}body{margin:0;padding:0;color:#ffffffde;background-color:#000;overflow:hidden}#app{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center}.home-sign{position:absolute;top:0;left:0;width:500px;transform:translateY(-30px)}.home-sign:hover{cursor:pointer;transform:rotate(-5deg) translateY(-10px);filter:brightness(1.8)}@font-face{font-family:Caveat;src:url(./Caveat-VariableFont_wght.ttf)}.notebook-wrapper{font-family:Caveat;font-size:28px;color:#000;-webkit-user-select:none;user-select:none;position:absolute;top:0;right:0;height:22em;z-index:2;background-size:contain;background-position:center;background-repeat:no-repeat;overflow:hidden;box-sizing:border-box;margin:40px}.notebook-bg{height:100%;position:relative;top:0;right:0}.notebook-wrapper:not(.open){height:12em}.notebook-wrapper:not(.open) .notebook-contents{display:none}.notebook-contents{position:absolute;top:0;left:0;width:100%;height:100%;padding:2.8em 3em 3em;display:flex}.notebook-page-wrapper{width:50%;height:100%;transition:background-color .1s}.notebook-page-wrapper.active:hover{cursor:pointer;background-color:#ffffff7a}.notebook-page{width:100%;height:100%;line-height:.8em;padding:.9em}.notebook-page.hidden{display:none}.notebook-page h1{width:100%;text-align:center;font-size:1em;margin:0;padding:0}.notebook-page ul{padding-left:1em;list-style-type:"- "}.notebook-page li{margin-block-end:.5em}.ritual-shape{width:100%}@font-face{font-family:Roboto Slab;src:url(./RobotoSlab-VariableFont_wght.ttf)}@font-face{font-family:EB Garamond;src:url(./EBGaramond-VariableFont_wght.ttf)}.absolute{position:absolute;bottom:0;left:0;width:100%;height:100vh;--player-color: #db2d81;--player-color-semi: #db2d816d;--player-bg: #902669;--player-bg-muted: #531e40}.chat-vignette{position:absolute;bottom:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none}@keyframes appear-opacity{0%{opacity:0}to{opacity:1}}@keyframes appear-vignette{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes appear-left{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.chat-vignette.bg{animation:appear-vignette .5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0000003d,#000000b0)}.chat-vignette.fg{background:linear-gradient(#0000,#000);z-index:1;height:50vh}.chat-portrait{position:absolute;bottom:0;left:0;width:60vh;height:100vh;background-size:contain;background-repeat:no-repeat;z-index:1;pointer-events:none;background-image:url(img/death/0001.png);background-position:center;animation:appear-left .5s}.chat-name{position:absolute;bottom:0;left:0;width:60vh;height:20vh;z-index:2;pointer-events:none;font-family:EB Garamond;font-size:50px;color:#f3203c;font-weight:500;text-align:center;line-height:20vh}.chat-name.right{left:auto;right:0}.chat-wrapper{font-family:Roboto Slab;width:40%;height:90vh;overflow-y:hidden;overflow-x:hidden;color:#fff;font-size:20px;position:absolute;bottom:10vh;left:50%;-webkit-user-select:none;user-select:none;transform:translate(-50%);z-index:2;pointer-events:all;animation:appear-opacity .5s}.chat-content{width:100%;display:flex;flex-direction:column;position:absolute;bottom:0}.chat-content>div{margin-bottom:10px;width:fit-content;max-width:80%;margin-top:calc(-1*var(--calc-height));transform:translateY(var(--calc-height))}.chat-options{padding:.5em}.chat-options div{padding:1em 1.5em;margin-bottom:10px;width:fit-content;align-self:flex-end;background-color:var(--player-bg-muted);outline:2px solid var(--player-color);border-radius:10px}.chat-options div:hover{background-color:var(--player-bg);outline:2px solid var(--player-color);cursor:pointer}.chat-content>div.appear{transition:margin-top .5s,transform .5s;margin-top:0;transform:translateY(0)}.chat-options{width:100%;display:flex;flex-direction:column;align-self:flex-end}.chat-message{padding:1em 1.5em;background-color:var(--bg-color);border:2px solid var(--outline-color);border-radius:10px 10px 10px 0/10px 10px 10px 0px;--calc-height: 45px}.chat-message.request{background-color:#000;border-color:var(--player-color-semi);align-self:flex-end;border-bottom-left-radius:10px;border-bottom-right-radius:0}.chat-message .highlight{font-weight:700}.chat-content img{max-width:100%}.chat-exit-button{position:absolute;top:0;left:0;color:#fff;padding:.5em;font-size:30px;border-radius:.5em;font-family:EB Garamond;transition:background-color .5s,opacity .5s;z-index:3;pointer-events:all;display:flex;align-items:center;margin:1em}.chat-exit-button img{height:1em;margin-right:.5em}.chat-exit-button:hover{cursor:pointer;background-color:#ffffff10}.chat-exit-button.hidden{opacity:0;pointer-events:none}.chat-narrator{align-self:center;color:#d3d3d3;font-style:italic;padding-top:2em;padding-bottom:2em}.s0,.s1,.s2,.s3,.s4{display:inline-block;height:1lh;width:1lh;background-size:contain;transform:translateY(.25lh);margin-top:-.25lh}.s0{background-image:url(../img/symbols/white/0.png)}.s1{background-image:url(../img/symbols/white/1.png)}.s2{background-image:url(../img/symbols/white/2.png)}.s3{background-image:url(../img/symbols/white/3.png)}.s4{background-image:url(../img/symbols/white/4.png)}.notebook-page .s0{background-image:url(../img/symbols/black/0.png)}.notebook-page .s1{background-image:url(../img/symbols/black/1.png)}.notebook-page .s2{background-image:url(../img/symbols/black/2.png)}.notebook-page .s3{background-image:url(../img/symbols/black/3.png)}.notebook-page .s4{background-image:url(../img/symbols/black/4.png)}