:root{--sender:#fed33f;--receiver:#f6738f;--default:#83f52c;--primary:#fed33f;--failed:red;--log:#65f7b8;--information:lightgrey;--background-primary:#1e1e1e;--background-secondary:#fece3f;--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))}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:2.5em;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}.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 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}}.hud-delta{font-family:var(--primaryFont),sans-serif;white-space:nowrap;text-shadow:0 0 4px #000,0 0 9px #000;pointer-events:none;font-weight:800;animation-name:hud-delta;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;position:absolute}.hud-delta.bad{color:var(--failed)}.hud-delta.good{color:var(--log)}.hud-delta.neutral{color:var(--information)}@keyframes hud-delta{0%{opacity:0;animation-timing-function:cubic-bezier(.2,1.5,.5,1);transform:translateY(.3em)scale(.7)}12%{opacity:1;animation-timing-function:linear;transform:translateY(0)scale(1)}60%{opacity:1;transform:translateY(-1.1em)scale(1)}to{opacity:0;transform:translateY(-2em)scale(1)}}@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}.hud-delta{animation-name:appear;transform:translateY(-.6em)}}