@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600;700&display=swap";:root{font-size:min(4vw,22px);min-height:100dvh;min-height:-webkit-fill-available;font-family:Roboto Mono,monospace;display:flex;flex-direction:column;justify-content:center;align-items:center;--S-color: #9d2afd;--X-color: #f93030;--A-color: #2aa4fd;--B-color: #2cdfc6;--C-color: #fd5b2a;--D-color: #ff9205;--Time-color: #162d38;--text-color: #fefefe;--Modal-color: #01b375;--display-width-max: 500px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#001c29;padding:0 1rem;width:100%;display:flex;justify-content:center}.Container{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:var(--display-width-max)}.Grid__Container{display:flex;gap:1rem;flex-wrap:wrap}.Status__Card{flex-basis:calc(50% - .5rem);max-width:calc(50% - .5rem);padding:1rem;border-radius:.5rem;border:2px solid #ea5472;background-size:200%;background-position:0;transition:background 1s ease-in;cursor:pointer}.Status__Container{display:flex;flex-direction:column;position:relative}.Status__Title{font-weight:700;opacity:0}.Status__Title-cover{position:absolute;font-size:2.8em;font-weight:700;left:50%;transform:translate(-50%);transition:left ease-in .3s,font-size ease-in .3s,transform ease-in .3s}.Status__Title-cover.active{font-size:1em;left:0;transform:translate(0)}.Status__Content{font-size:1.8rem;font-weight:600;color:var(--text-color);opacity:0}.Status__Title.active,.Status__Content.active{opacity:1;transition:opacity .2s}.vp-S{border-color:var(--S-color);color:var(--S-color)}.vp-X{border-color:var(--X-color);color:var(--X-color)}.vp-A{border-color:var(--A-color);color:var(--A-color)}.vp-B{border-color:var(--B-color);color:var(--B-color)}.vp-C{border-color:var(--C-color);color:var(--C-color)}.vp-D{border-color:var(--D-color);color:var(--D-color);letter-spacing:3px}.Timer{padding:.5rem;border-bottom:1px solid var(--Time-color);color:var(--text-color);font-weight:700;margin-bottom:1rem;text-align:right}.Response__Container{display:flex;flex-direction:column}button{margin:1rem 0 0;padding:1rem;font-weight:700;font-size:1.2rem;border-radius:.5rem;border-width:1px;border-style:solid;cursor:pointer;background:none}.Response__Container button{color:var(--text-color);border-color:var(--text-color)}.Response__Container button.livshotande{background-color:#f93030;border-color:#f93030}.Response__Container button.livshotande:hover{background-color:#d22929}.Response__Container button.livshotande:active{background:none}.Response__Container button.kritiskt{background-color:#fd5b2a;border-color:#fd5b2a}.Response__Container button.kritiskt:hover{background-color:#d64c23}.Response__Container button.kritiskt:active{background:none}.Response__Container button.icke-kritiskt{background-color:#ff9205;border-color:#ff9205}.Response__Container button.icke-kritiskt:hover{background-color:#d37903}.Response__Container button.icke-kritiskt:active{background:none}.Modal{background-color:var(--Modal-color);position:fixed;top:0;left:0;width:100vw;height:100dvh;padding:25px;visibility:hidden;display:flex;flex-direction:column;align-items:left;justify-content:space-between;font-size:2rem;font-weight:600;color:var(--text-color)}.open{visibility:visible}.modal-container{max-width:var(--display-width-max)}.Modal .content{width:100%}.Modal .content p:nth-child(2n){margin-bottom:2rem;opacity:.75}.Modal .header{font-size:2em}.Modal .footer{display:flex;flex-direction:column}.Modal button{color:var(--text-color);border-color:var(--text-color)}.Modal button:hover{background-color:var(--text-color);color:var(--Modal-color)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.shake{animation:shake .3s}