:root{--sender:#fed33f;--receiver:#f6738f;--default:#83f52c;--primary:#fed33f;--failed:red;--log:#65f7b8;--information:lightgrey;--background-primary:#1e1e1e;--background-secondary:#fece3f;--background-secondary-dark:#b88f1c;--secondary:#232734;--primaryFont:"Rajdhani";--hud-size:clamp(28px,min(3.4vw,6.8vh),44px);--hud-gap:clamp(6px,min(.9vw,1.8vh),14px);--hud-right:3%;--hud-bottom:4%;--hud-gutter:calc(var(--hud-right) + var(--hud-size) + var(--hud-gap));--breath-half:.857s}html,body{height:100%}body{background-color:#000;margin:0;font-size:1em;overflow:hidden}#app{width:100%;height:100dvh;padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.background{background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;right:0;box-shadow:inset 0 0 2em #000,inset 0 0 1em #000}.character{filter:drop-shadow(.3em .3em .5em #000);width:25%;height:67%;position:absolute;bottom:0}.character__fullname{font-size:min(2.5em,min(100vw,200vh,1500px)/35);font-weight:700;font-family:var(--primaryFont);text-shadow:1px 0 15px #000;position:absolute;bottom:0}.bubble{font-family:var(--primaryFont),sans-serif;opacity:.9;background:#1e1e1e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAG0lEQVQYV2P8//+/FCMj4zMGJMCIzIGxKRQEAJgPBAbJqUVTAAAAAElFTkSuQmCC);border-radius:3px;margin:.5em 0;padding:.5em;display:block;position:relative;box-shadow:0 3px 6px #0000003d,0 3px 6px #0000005c}.bubble__icons{padding:2% 6% 2% 3em}.bubble__icons:before{content:"";filter:blur(5px);background-repeat:no-repeat;width:3em;height:25px;display:inline;position:absolute;top:50%;left:0;transform:translateY(-50%);mask-position:50%;mask-repeat:no-repeat}.hidden{display:none}.typewriter__hidden{visibility:hidden}.hud-stack{right:var(--hud-right);bottom:var(--hud-bottom);z-index:9;align-items:flex-end;gap:var(--hud-gap);flex-direction:column-reverse;display:flex;position:absolute}.hud-button{width:var(--hud-size);height:var(--hud-size);cursor:pointer;touch-action:manipulation;background-color:#00000080;background-position:50%;background-repeat:no-repeat;background-size:75%;border-radius:5px;position:relative}.hud-button:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fade-enter-active,.fade-leave-active{opacity:1;transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.blurred{filter:blur(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes flashing{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%{transform:translateY(1%)}to{transform:translateY(.5%)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes glitchHueRotate{0%{filter:hue-rotate(360deg);background-position:0 0}20%{filter:hue-rotate()}40%{filter:hue-rotate(360deg);background-position:0 0}41%{background-position:10px 0}41.2%{background-position:-10px 0}41.4%{background-position:15px 0}41.6%{background-position:5px 0}41.8%{background-position:-25px 0}42%{background-position:-50px 0}42.2%{background-position:0 -20px}42.4%{background-position:-60px -20px}42.5%{background-position:0 0}60%{filter:hue-rotate()}80%{filter:hue-rotate(360deg)}to{filter:hue-rotate();background-position:0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}#screen-discussion.rainy:before,#screen-discussion.glitched:before{display:none}}