@font-face{font-family:FontAwesome;src:url(../src/font/FontAwesome.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Amatic SC;src:url(../src/font/AmaticSC-Bold.ttf) format("truetype");font-weight:700;font-style:normal}::-webkit-scrollbar{width:0px;height:0px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{height:0px;background-color:transparent}::-webkit-scrollbar-corner{background-color:transparent}:root{--bgd-body: #000;--bgd-block: #ebf6f7;--bgd-ui: #a7cee8;--border: #393c39;--border-out: 3px;--border-in: 10px;--btn-shadow: #648aa6;--btn-hover: #69fbd2;--hover-bgd-block: #a0fce2;--hover-border: #00a174;--title-size: calc(50 * (100vw / 1920 * 100) / 100);--text-size: calc(20 * (100vw / 1920 * 100) / 100);--icon-size: calc(35 * (100vw / 1920 * 100) / 100);--border-with: 10px;--line-color: #770a0a;color-scheme:dark}*{margin:0;padding:0;text-decoration:none;list-style-type:none;backface-visibility:hidden;-webkit-user-select:none;user-select:none;outline:none;border:none;border-radius:unset;background:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{width:100dvw;height:100dvh;overflow:hidden;background:#000}body{margin:0;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}button,input,textarea,select{font:inherit;color:inherit}button,[role=button]{cursor:pointer}:focus-visible{outline:2px solid var(--btn-hover);outline-offset:2px}canvas{touch-action:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media(max-width:1100px){:root{--border-out: 1px;--border-in: 5px}}.menu-block{position:fixed;top:1%;left:50%;translate:-50% 0%;display:flex;gap:5%}.menu-block .btn button{width:3dvw;height:3dvw;text-align:center;color:var(--border);border:var(--border) var(--border-out) solid;border-radius:100%;background:var(--bgd-block);font-family:FontAwesome;font-style:normal;font-size:2dvw;cursor:pointer;transition:all .2s ease}.menu-block .btn button:hover,.menu-block .btn button.active{color:var(--hover-border);border:var(--hover-border) var(--border-out) solid;background:var(--hover-bgd-block)}.menu-block .btn .round:after{content:""}.menu-block .btn .player:after{content:""}.menu-block .btn .menu:after{content:""}.menu-block .btn .refresh:after{content:""}@media(max-width:1100px){.menu-block .btn button{width:3em;height:3em}}.tablet{display:flex;flex-direction:row;position:fixed;top:50%;left:50%;height:70dvh;width:65dvw;margin:1%;border:#909aa6 ridge var(--border-in);border-radius:var(--border-in);border-radius:15px;background:#a7cee8;translate:-50% -50%;transform:translateY(150%);transition:transform .5s ease}.tablet.active{transform:translateY(0)}.tablet.support .tablet-screen .support,.tablet.settings .tablet-screen .settings{display:block}.tablet.support .tablet-menu .support,.tablet.settings .tablet-menu .settings{background:var(--hover-bgd-block);color:var(--hover-border);border-bottom:var(--hover-border) solid 2px}.tablet .tablet-menu{width:10%;height:100%;background:var(--bgd-block);border-right:var(--border) 4px solid}.tablet .tablet-menu li{list-style:none}.tablet .tablet-menu button{display:block;width:100%;background:transparent;color:inherit;border:none;font:inherit}.tablet .tablet-menu .support{text-align:center;padding:20px;border-bottom:var(--border) solid 2px;transition:all .2s ease;cursor:pointer}.tablet .tablet-menu .support:hover{background:var(--hover-bgd-block);color:var(--hover-border);border-bottom:var(--hover-border) solid 2px}.tablet .tablet-menu .support:after{content:"";font-family:FontAwesome;font-size:var(--icon-size)}.tablet .tablet-menu .settings{text-align:center;padding:20px;border-bottom:var(--border) solid 2px;transition:all .2s ease;cursor:pointer}.tablet .tablet-menu .settings:hover{background:var(--hover-bgd-block);color:var(--hover-border);border-bottom:var(--hover-border) solid 2px}.tablet .tablet-menu .settings:after{content:"";font-family:FontAwesome;font-size:var(--icon-size)}.tablet .tablet-screen{position:relative;width:100%;height:100%;overflow-y:scroll}.tablet .tablet-screen .support,.tablet .tablet-screen .settings{display:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--bgd-ui)}.tablet .tablet-screen .support{overflow:auto}.tablet .tablet-screen .support h3{font-family:Amatic SC;font-size:var(--title-size);text-align:center;margin:20px 0;color:#fff;filter:drop-shadow(1px 2px 0px black)}.tablet .tablet-screen .support .faq-block{position:relative;font-size:var(--text-size);line-height:1.618;margin:0 5% 5%;padding:4dvw;background:#fff;border:#000 solid 2px}.tablet .tablet-screen .support .faq-block .block_info{position:absolute;top:10px;right:10px;font-size:var(--text-size);color:#2f3132}.tablet .tablet-screen .support .faq-block .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3dvw}.tablet .tablet-screen .support .faq-block .faq-grid span{position:relative;z-index:10}.tablet .tablet-screen .support .faq-block .faq-grid span:before{position:absolute;top:-20px;left:-20px;line-height:1;font-size:70px;color:#dcdcdc;z-index:-1}.tablet .tablet-screen .support .faq-block .faq-grid span:nth-child(1):before{content:"1"}.tablet .tablet-screen .support .faq-block .faq-grid span:nth-child(2):before{content:"2"}.tablet .tablet-screen .support .faq-block .faq-grid span:nth-child(3):before{content:"3"}.tablet .tablet-screen .support .faq-block .faq-grid span:nth-child(4):before{content:"4"}.tablet .tablet-screen .support .faq-block .faq-grid span:nth-child(5):before{content:"5"}.tablet .tablet-screen .support .faq-block .faq-grid span:nth-child(6):before{content:"6"}.tablet .tablet-screen .support .faq-block .faq-grid span:nth-child(7):before{content:"7"}.tablet .tablet-screen .support .faq-block .faq-grid .icon-round:after{content:"";font-family:FontAwesome;font-style:normal}.tablet .tablet-screen .support .faq-block .faq-grid .icon-character:after{content:"";font-family:FontAwesome;font-style:normal}.tablet .tablet-screen .support .faq-block .faq-grid .icon-menu:after{content:"";font-family:FontAwesome;font-style:normal}.tablet .tablet-screen .support .faq-block .faq-grid .icon-settings:after{content:"";font-family:FontAwesome;font-style:normal}.tablet .tablet-screen .support .faq-block .faq-grid .icon-refresh:after{content:"";font-family:FontAwesome;font-style:normal}.tablet .tablet-screen .support .faq-block .faq-grid svg{width:1em}.tablet .tablet-screen .chars{height:100%;width:100%;padding:2% 4%}.tablet .tablet-screen .chars .title{font-family:Amatic SC;font-size:var(--title-size);margin-bottom:20px;color:#fff;filter:drop-shadow(1px 2px 0px black)}.tablet .tablet-screen .chars .chars-block{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(4,1fr);gap:2%;width:100%;height:100%}.tablet .tablet_blind{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:.2;background:linear-gradient(33deg,#a7cee8 13%,#fff 13% 17%,#fff 18%,#a7cee8 18% 21%,#fff 21% 22%,#a7cee8 22% 38%,#fff 39% 45%,#a7cee8 45% 60%,#fff 60% 67%,#a7cee8 67% 71%,#fff 71% 72%,#a7cee8 72% 86%,#fff 86% 88%,#a7cee8 88% 100%)}@media(max-width:1100px){.tablet{height:70dvh}.tablet .tablet-menu .settings{text-align:center;padding:1dvw;border-bottom:var(--border) solid 2px;transition:all .2s ease;cursor:pointer}.tablet .tablet-menu .support{text-align:center;padding:1dvw;border-bottom:var(--border) solid 2px;transition:all .2s ease;cursor:pointer;--text-size: calc(25 * (100vw / 1920 * 100) / 100)}}.char-settings[data-color=Lime] .color{fill:#03f907}.char-settings[data-color=Red] .color{fill:#c71110}.char-settings[data-color=Blue] .color{fill:#1410cc}.char-settings[data-color=Green] .color{fill:#25751e}.char-settings[data-color=Pink] .color{fill:#db03db}.char-settings[data-color=Orange] .color{fill:#ff7b04}.char-settings[data-color=Yellow] .color{fill:#f4f90c}.char-settings[data-color=Black] .color{fill:#282828}.char-settings[data-color=White] .color{fill:#d8e1f0}.char-settings[data-color=Purple] .color{fill:#8e10cc}.char-settings[data-color=Brown] .color{fill:#88532d}.char-settings[data-color=Cyan] .color{fill:#12c6c7}.char-settings[data-color=Maroon] .color{fill:#5f1d2e}.char-settings[data-color=Rose] .color{fill:#ecc0d3}.char-settings[data-color=Banana] .color{fill:#f0e7a8}.char-settings[data-color=Gray] .color{fill:#758593}.char-settings[data-color=Tan] .color{fill:#918877}.char-settings[data-color=Coral] .color{fill:#d76464}.char-settings{--HoverColor: var(--border);--HoverBorder: var(--btn-shadow);--HoverBackground: var(--bgd-block);width:100%;height:fit-content;border:none;border-radius:10px;background:var(--HoverBackground);box-shadow:var(--HoverBorder) 4px 4px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease}.char-settings:hover{--HoverColor: var(--hover-border);--HoverBorder: var(--hover-border);--HoverBackground: var(--hover-bgd-block)}.char-settings.checked{background:var(--hover-bgd-block);box-shadow:var(--hover-border) 0 0}.char-settings .char-icon{display:block;width:100%;border:none;background:transparent;padding:0;color:inherit;cursor:pointer}.char-settings .char-icon svg{width:100%;padding:20px}.char-settings .char-icon .dark{filter:brightness(.6)}@media(max-width:1100px){.char-settings .char-icon svg{width:100%;padding:1dvw}}.players{position:fixed;top:0;left:0;height:96dvh;width:10dvw;margin:1%;border:var(--border) var(--border-out) solid;border-radius:15px;background:#a7cee8;transform:translate(-150%);transition:transform .5s ease}.players.active{transform:translate(0)}.players .players-block{display:flex;gap:2dvh;flex-direction:column;align-items:center;padding:2dvh 0;overflow-y:scroll;height:100%;border:#909aa6 ridge var(--border-in);border-radius:var(--border-in)}.players .blind{position:absolute;top:0;left:0;height:calc(100% - var(--border-in) * 2);width:calc(100% - var(--border-in) * 2);margin:10px;pointer-events:none;opacity:.2;background:linear-gradient(33deg,#a7cee8 13%,#fff 13% 17%,#fff 18%,#a7cee8 18% 21%,#fff 21% 22%,#a7cee8 22% 38%,#fff 39% 45%,#a7cee8 45% 60%,#fff 60% 67%,#a7cee8 67% 71%,#fff 71% 72%,#a7cee8 72% 86%,#fff 86% 88%,#a7cee8 88% 100%)}.char[data-color=Lime] .color{fill:#03f907}.char[data-color=Red] .color{fill:#c71110}.char[data-color=Blue] .color{fill:#1410cc}.char[data-color=Green] .color{fill:#25751e}.char[data-color=Pink] .color{fill:#db03db}.char[data-color=Orange] .color{fill:#ff7b04}.char[data-color=Yellow] .color{fill:#f4f90c}.char[data-color=Black] .color{fill:#282828}.char[data-color=White] .color{fill:#d8e1f0}.char[data-color=Purple] .color{fill:#8e10cc}.char[data-color=Brown] .color{fill:#88532d}.char[data-color=Cyan] .color{fill:#12c6c7}.char[data-color=Maroon] .color{fill:#5f1d2e}.char[data-color=Rose] .color{fill:#ecc0d3}.char[data-color=Banana] .color{fill:#f0e7a8}.char[data-color=Gray] .color{fill:#758593}.char[data-color=Tan] .color{fill:#918877}.char[data-color=Coral] .color{fill:#d76464}.cls-3,.cls-6,.bone{fill:none;stroke:#000;stroke-miterlimit:10}.cls-3{stroke-width:20px}.cls-4{fill:#94c9db}.cls-5{fill:#4a646d}.cls-6{stroke-width:15px}.cls-7{fill:#fff}svg{overflow:unset}svg .blood{fill:#7d1e1e}svg .white{fill:#fff}svg .bone{stroke-width:1px}svg.kill .cls-3{stroke-width:10px}.char{--nav-btn-hover: #feffcb;--nav-icon-hover: #ffc801;--HoverColor: var(--border);--HoverBorder: var(--btn-shadow);--HoverBackground: var(--bgd-block);position:relative;width:75%;border:none;border-radius:10px;background:var(--HoverBackground);box-shadow:var(--HoverBorder) 4px 4px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease}.char:hover{--HoverColor: var(--hover-border);--HoverBorder: var(--hover-border);--HoverBackground: var(--hover-bgd-block)}.char.suspect{--HoverColor: #950303;--HoverBorder: #950303;--HoverBackground: #ffcbcd}.char.killed{filter:brightness(.5)}.char.killed .killed{fill:var(--nav-icon-hover)}.char.exile{filter:brightness(.5)}.char.exile .exile{fill:var(--nav-icon-hover)}.char svg.kill{display:none}.char.killed svg.kill{display:block}.char.killed svg.default{display:none}.char .char-icon{display:block;width:100%;border:none;background:transparent;padding:0;color:inherit;cursor:pointer}.char .char-icon svg{width:100%;padding:20px}.char .char-icon .dark{filter:brightness(.6)}.char .char-nav{display:block;top:85%;left:0;max-height:0px;width:100%;overflow:hidden;transition:max-height .5s ease}.char .char-nav.active{max-height:calc((3em + 22px)*5)}.char .char-nav button{display:flex;justify-content:center;align-items:center;width:100%;border-top:var(--HoverBorder) solid 2px;color:var(--HoverColor);fill:var(--HoverColor);cursor:pointer;transition:all .2s ease}.char .char-nav button:after{transition:all .1s ease}.char .char-nav .sus_cancel{max-height:0px;overflow:hidden;border-top:var(--HoverBorder) solid 0px;fill:var(--nav-btn-hover);transition:max-height .2s ease,border-top 0s easy .5s}.char .char-nav .sus_cancel.active{max-height:calc(3em + 22px);border-top:var(--HoverBorder) solid 2px;padding:.5em 0}.char .char-nav .marker{padding:.8em 0}.char .char-nav .marker svg{width:25%}.char .char-nav .marker:hover,.char .char-nav .marker.marked{background:var(--nav-btn-hover);fill:var(--nav-icon-hover)}.char .char-nav .marker.active{fill:var(--nav-icon-hover)}.char .char-nav .sus{font-family:Arial;font-weight:700;padding:.8em 0}.char .char-nav .sus svg{width:25%}.char .char-nav .sus:hover{background:var(--nav-btn-hover);fill:var(--nav-icon-hover);color:var(--nav-icon-hover)}.char .char-nav .sus span{font-size:2em;margin:0 .2em}.char .char-nav .sus_cancel{--nav-btn-hover: #ffcbcd;--nav-icon-hover: #950303;background:var(--HoverColor)}.char .char-nav .sus_cancel svg{width:30%}.char .char-nav .exile{padding:.5em 0}.char .char-nav .exile svg{width:30%}.char .char-nav .exile:hover{background:var(--nav-btn-hover);fill:var(--nav-icon-hover);border-radius:0 0 10px 10px}.char .char-nav .killed{padding:.5em 0}.char .char-nav .killed svg{width:30%}.char .char-nav .killed:hover{background:var(--nav-btn-hover);fill:var(--nav-icon-hover)}@media(max-width:1100px){.char button:after{font-size:2em}.char .char-icon svg{width:100%;padding:1dvw}.char .char-nav .marker:after{font-size:2em}.char .char-nav .sus:after{font-size:2em}.char .char-nav .sus span{font-size:1.5em}}.rounds{position:fixed;top:0;right:0;height:96dvh;width:10dvw;margin:1%;border:var(--border) var(--border-out) solid;border-radius:15px;background:#a7cee8;transform:translate(150%);transition:transform .5s ease}.rounds.active{transform:translate(0)}.rounds .rounds-block{display:flex;flex-direction:column;align-items:center;overflow-y:scroll;height:100%;border:#909aa6 ridge var(--border-in);border-radius:var(--border-in)}.rounds .rounds-block .btn-block{display:flex;gap:3dvh;flex-direction:column;align-items:center;padding:3dvh 0;width:100%}.rounds .rounds-block .btn-round,.rounds .rounds-block .btn-add-round{width:75%;font-size:3dvw;border:none;border-radius:10px;background:var(--bgd-block);box-shadow:var(--btn-shadow) 4px 4px;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease}.rounds .rounds-block .btn-round{padding:0;color:inherit}:is(.rounds .rounds-block .btn-round,.rounds .rounds-block .btn-add-round):hover{background:var(--hover-bgd-block);color:var(--hover-border);box-shadow:var(--hover-border) 4px 4px}:is(.rounds .rounds-block .btn-round,.rounds .rounds-block .btn-add-round).checked{background:var(--hover-bgd-block);color:var(--hover-border);box-shadow:var(--hover-border) 0 0}.rounds .rounds-block .btn-add-round{color:var(--btn-shadow)}.rounds .blind{position:absolute;top:0;left:0;height:calc(100% - var(--border-in) * 2);width:calc(100% - var(--border-in) * 2);margin:10px;pointer-events:none;opacity:.2;background:linear-gradient(33deg,#a7cee8 13%,#fff 13% 17%,#fff 18%,#a7cee8 18% 21%,#fff 21% 22%,#a7cee8 22% 38%,#fff 39% 45%,#a7cee8 45% 60%,#fff 60% 67%,#a7cee8 67% 71%,#fff 71% 72%,#a7cee8 72% 86%,#fff 86% 88%,#a7cee8 88% 100%)}.orientation-blind{display:none;position:absolute;top:0;left:0;width:100dvw;height:100dvh;background:#a7cee8;color:var(--border);z-index:1000}.orientation-blind.active{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.orientation-blind svg{width:50%;fill:var(--border)}.orientation-blind span{font-size:9dvw;font-weight:700;text-transform:uppercase;text-align:center}.orientation-blind .blind{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:.2;background:linear-gradient(33deg,#a7cee8 13%,#fff 13% 17%,#fff 18%,#a7cee8 18% 21%,#fff 21% 22%,#a7cee8 22% 38%,#fff 39% 45%,#a7cee8 45% 60%,#fff 60% 67%,#a7cee8 67% 71%,#fff 71% 72%,#a7cee8 72% 86%,#fff 86% 88%,#a7cee8 88% 100%)}.suspense{display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:absolute;top:0;left:0;width:100dvw;height:100dvh;background:#a7cee8;color:var(--border);z-index:1000}.suspense span{font-size:9dvw;font-weight:700;text-transform:uppercase;text-align:center}.suspense .blind{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:.2;background:linear-gradient(33deg,#a7cee8 13%,#fff 13% 17%,#fff 18%,#a7cee8 18% 21%,#fff 21% 22%,#a7cee8 22% 38%,#fff 39% 45%,#a7cee8 45% 60%,#fff 60% 67%,#a7cee8 67% 71%,#fff 71% 72%,#a7cee8 72% 86%,#fff 86% 88%,#a7cee8 88% 100%)}.error-boundary{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;position:absolute;inset:0;background:#a7cee8;color:var(--border);z-index:2000}.error-boundary span{font-size:clamp(2rem,6vw,5rem);font-weight:700;text-transform:uppercase;text-align:center}.error-boundary p{font-size:clamp(1rem,2vw,1.4rem)}.error-boundary .blind{position:absolute;inset:0;pointer-events:none;opacity:.2;background:linear-gradient(33deg,#a7cee8 13%,#fff 13% 17%,#fff 18%,#a7cee8 18% 21%,#fff 21% 22%,#a7cee8 22% 38%,#fff 39% 45%,#a7cee8 45% 60%,#fff 60% 67%,#a7cee8 67% 71%,#fff 71% 72%,#a7cee8 72% 86%,#fff 86% 88%,#a7cee8 88% 100%)}.error-boundary__actions{display:flex;gap:12px;margin-top:16px;z-index:1}.error-boundary__actions button{border:2px solid var(--main-color);background:#00000073;color:#fff;padding:8px 14px;text-transform:uppercase;cursor:pointer;font-size:14px;letter-spacing:.08em}