*{box-sizing:border-box}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-user-select:none;user-select:none;outline:none}input{-webkit-user-select:auto;user-select:auto}html,body{width:100%;height:100%;position:fixed;overflow:hidden}h1{color:#fff;font-size:30px;font-weight:500}.resistance-wrapper{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.resistance-backdrop{z-index:0;pointer-events:none;position:absolute}.resistance-wrapper>:not(.resistance-backdrop){z-index:1}.fullscreenChangeButton{color:#fff;background:#000000bf;border:0;border-radius:0 0 0 10px;width:117px;padding:6px;position:fixed;top:20px;right:0}.gameTable{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pixi-stage{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.pixi-canvas{width:100%;height:100%;display:block}.gameTable.isAiming .pixi-canvas{cursor:crosshair}#test canvas{image-rendering:auto;width:100%;height:100%;position:fixed;top:0;left:0}.debug-div{z-index:9999;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.debug-div>div,.debug-div:after,.debug-div:before{content:"";background:red;width:10px;height:10px;display:flex}@keyframes actionTileArrive{0%{opacity:0;transform:translate(240px)scale(.88)}55%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}.actionStackWrapper{pointer-events:none;justify-content:center;padding:0 8px;display:flex;position:absolute;top:5px;left:0;right:0}@media (width<=700px){.actionStackWrapper{padding:0 64px 0 8px}}.actionStackArea{width:100%;max-width:500px}.actionStackTrack{position:relative}.actionSlot{transition:transform .38s cubic-bezier(.22,.8,.25,1),opacity .38s;position:absolute;top:0;left:0}.actionSlot.isLeaving{opacity:0;pointer-events:none}.actionAnchor.hoverHint{cursor:pointer;pointer-events:auto;width:100%;height:100%;animation:.52s cubic-bezier(.22,.8,.25,1) both actionTileArrive;display:block}.actionTile{border:1px solid var(--action-edge);background:radial-gradient(130% 100% at 25% 0%, var(--action-tint), transparent 72%), linear-gradient(180deg, #10161f, #070a0e);border-radius:6px;width:100%;height:100%;transition:filter .15s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 10px #000000b0}.actionAnchor:hover .actionTile{filter:brightness(1.25)}.actionSlot.isLatest .actionTile{border-color:#35c8ffaa;box-shadow:0 0 8px #35c8ff55,0 4px 10px #000000b0}.actionActor{height:3px;position:absolute;bottom:0;left:0;right:0}.actionIcon{width:var(--action-sliver);font-family:Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:var(--action-icon-size);color:var(--action-color);text-shadow:0 1px 3px #000c;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:0;bottom:0;left:0}.actionHintPopup .actionHint{border:1px solid var(--action-edge);max-width:min(320px,88vw);box-shadow:0 6px 18px #000c, 0 0 12px var(--action-glow);color:#fff;text-align:left;background:#070a0ef2;border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.35;display:block}.actionHintHead{color:var(--action-color);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.actionHintIcon{font-family:Noto Color Emoji,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:14px;line-height:1}.actionHintDetail{opacity:.85;border-top:1px solid #ffffff26;margin-top:5px;padding-top:5px;display:block}.actionHintText,.actionHintDetail{display:block}.actionHintText .logNick,.actionHintDetail .logNick{font-weight:700}.actionHintText .logNick.isYou,.actionHintDetail .logNick.isYou{text-decoration:underline}.hoverHint{cursor:help;display:inline}.hoverHintPopup{z-index:1000;pointer-events:none;display:flex;position:fixed}.hoverHintPopup.isPinned{pointer-events:auto}.hoverHintBackdrop{z-index:999;background:#00000040;position:fixed;inset:0}.roleHintPopup .roleHint{--role-color:#e8c33f;border:1px solid var(--role-color);color:#fff;text-align:left;background:#070a0ef2;border-radius:8px;max-width:min(320px,88vw);padding:8px 10px;font-size:14px;line-height:1.35;display:block;box-shadow:0 6px 18px #000c,0 0 12px #00000080}.roleHintHead{color:var(--role-color);text-transform:uppercase;letter-spacing:.06em;align-items:baseline;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.roleHintYou{color:#ffffff8c;letter-spacing:0;text-transform:none;font-weight:400}.roleHintText{display:block}.hoverHintClose{color:#fff;cursor:pointer;background:#000000d9;border:1px solid #ffffff59;border-radius:50%;width:32px;height:32px;padding:0;font-size:16px;line-height:1;position:absolute;top:-12px;right:-12px}.roomWrapper{background:linear-gradient(#001f02 0%,#006616 100%);border-radius:50%;padding:30px;box-shadow:0 8px 0 1px #00310a}.playerRoom{z-index:10;justify-content:center;align-items:center;width:100%;display:flex;position:absolute}.playerRoom .badge-wrapper{z-index:5}.playerRoom svg{z-index:4;height:100%;position:absolute}.svg-room{z-index:11;pointer-events:none}.notificationWrapper{z-index:50;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.notificationWrapper .notificationText{color:wheat}.notificationWrapper .notificationRow{flex-direction:column;justify-content:space-between;width:100%;display:flex}.cardsViewer{justify-content:center;align-items:flex-start;width:100%;display:flex}.cardsViewer>div{flex:1;max-width:210px}.centeredNotificationRow{justify-content:center;width:100%;display:flex}.centeredNotificationRow.column{flex-direction:column;align-items:center}.centeredNotificationRow .okayNotificationButton{color:#fff;cursor:pointer;background:linear-gradient(#0e6c92 0%,#002852 100%);border:0;border-radius:5px;box-shadow:0 4px 7px #000}.centeredNotificationRow .okayNotificationButton:disabled{opacity:.25}.centeredNotificationRow .okayNotificationButton{flex:1;justify-content:center;align-items:center;width:100%;max-width:300px;margin-top:10px;padding:10px;font-size:14px;display:flex}@keyframes interaction-badge-pulse{0%,to{text-shadow:0 2px 8px #000,0 0 10px #5ed7ff44}50%{text-shadow:0 2px 8px #000,0 0 22px #5ed7ffcc}}.interaction-badge-wrapper{z-index:20;pointer-events:none;flex-direction:column;align-items:center;width:100%;display:flex;position:fixed;bottom:4vh;left:0}.interaction-badge-wrapper .interaction-badge{text-align:center;color:#eaf6ff;letter-spacing:.4px;cursor:default;background:radial-gradient(#04080ebf 0%,#04080e8c 45%,#04080e00 78%);justify-content:center;width:calc(100% - 20px);max-width:500px;padding:10px 20px;font-size:20px;font-weight:700;animation:1.6s ease-in-out infinite interaction-badge-pulse;display:flex}.interaction-badge-wrapper .menu-wrapper{justify-content:center;width:100%;display:flex}.interaction-badge-wrapper .menu-wrapper .okayNotificationButton{pointer-events:auto;transition:filter .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out}@media (hover:hover){.interaction-badge-wrapper .menu-wrapper .okayNotificationButton:hover{filter:brightness(1.25);transform:translateY(-2px);box-shadow:0 6px 12px #000}}.interaction-badge-wrapper .menu-wrapper .okayNotificationButton:active{filter:brightness(1.1);transform:translateY(1px);box-shadow:0 2px 5px #000}.interaction-badge-wrapper .menu-wrapper .okayNotificationButton.counting{position:relative;overflow:hidden}.interaction-badge-wrapper .menu-wrapper .okayNotificationButton.counting .countdown-fill{pointer-events:none;background:#ffffff38;transition:width 1s linear;position:absolute;top:0;bottom:0;left:0}.interaction-badge-wrapper .menu-wrapper .okayNotificationButton.counting .button-text{position:relative}.interaction-badge-wrapper .menu-wrapper .okayNotificationButton.counting .countdown-seconds{font-variant-numeric:tabular-nums;opacity:.85;position:absolute;right:10px}.gameMenuButton{color:#fff;cursor:pointer;background:linear-gradient(#0e6c92 0%,#002852 100%);border:0;border-radius:8px 0 0 8px;box-shadow:0 4px 7px #000}.gameMenuButton:disabled{opacity:.25}.gameMenuButton{z-index:150;padding:6px 12px;font-size:14px;position:fixed;top:2%;right:0}.gameMenuOverlay{z-index:200;background:#000000b8;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.gameMenu{flex-direction:column;width:100%;max-width:260px;padding:0 20px;display:flex}.gameMenu .gameMenuTitle{color:#fff;text-align:center;margin-bottom:15px;font-size:16px}.gameMenuItem{color:#fff;cursor:pointer;background:linear-gradient(#0e6c92 0%,#002852 100%);border:0;border-radius:5px;box-shadow:0 4px 7px #000}.gameMenuItem:disabled{opacity:.25}.gameMenuItem{width:100%;margin-bottom:10px;padding:9px;font-size:14px}.gameMenuItem.danger{color:#fff;cursor:pointer;background:linear-gradient(#922e0e 0%,#520500 100%);border:0;border-radius:5px;box-shadow:0 4px 7px #000}.gameMenuItem.danger:disabled{opacity:.25}.gameMenuItem.toggle{color:#fff;cursor:pointer;background:linear-gradient(#2a3c4a 0%,#101a24 100%);border:0;border-radius:5px;box-shadow:0 4px 7px #000}.gameMenuItem.toggle:disabled{opacity:.25}.gameMenuItem.toggle{text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}.gameMenuItem.slider{color:#fff;cursor:pointer;background:linear-gradient(#2a3c4a 0%,#101a24 100%);border:0;border-radius:5px;box-shadow:0 4px 7px #000}.gameMenuItem.slider:disabled{opacity:.25}.gameMenuItem.slider{text-align:left;cursor:default;align-items:center;gap:10px;display:flex}.gameMenuSliderLabel{flex-shrink:0;width:52px}.gameMenuSliderValue{text-align:right;font-variant-numeric:tabular-nums;color:#ffffffb3;flex-shrink:0;width:26px}.gameMenuSliderInput{appearance:none;cursor:pointer;background:0 0;flex-grow:1;min-width:0;height:18px;margin:0}.gameMenuSliderInput:focus{outline:none}.gameMenuSliderInput::-webkit-slider-runnable-track{background:#00000080;border-radius:2px;height:4px;box-shadow:inset 0 1px 3px #000}.gameMenuSliderInput::-moz-range-track{background:#00000080;border-radius:2px;height:4px;box-shadow:inset 0 1px 3px #000}.gameMenuSliderInput::-webkit-slider-thumb{appearance:none;background:#6c920e;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #000}.gameMenuSliderInput::-moz-range-thumb{appearance:none;background:#6c920e;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #000}.gameMenuToggle{background:#00000080;border-radius:9px;flex-shrink:0;width:34px;height:18px;transition:background .15s ease-out;position:relative;box-shadow:inset 0 1px 3px #000}.gameMenuToggle:after{content:"";background:#8a8a8a;border-radius:50%;width:14px;height:14px;transition:transform .15s ease-out,background .15s ease-out;position:absolute;top:2px;left:2px}.gameMenuToggle.on{background:#6c920e}.gameMenuToggle.on:after{background:#fff;transform:translate(16px)}.cardsCatalogOverlay{z-index:200;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.cardsCatalog{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;width:100%;max-width:460px;max-height:88%;padding:18px;display:flex;box-shadow:0 12px 32px #000000a6}.cardsCatalog .cardsCatalogTitle{color:#fff;text-align:center;text-shadow:0 2px 4px #000;flex-shrink:0;margin-bottom:14px;font-size:17px}.cardsCatalog .cardsCatalogScroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff59 transparent}.cardsCatalog .cardsCatalogScroll::-webkit-scrollbar{width:8px}.cardsCatalog .cardsCatalogScroll::-webkit-scrollbar-track{background:#ffffff14;border-radius:4px}.cardsCatalog .cardsCatalogScroll::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:4px}.cardsCatalog .cardsCatalogScroll::-webkit-scrollbar-thumb:hover{background:#ffffff8c}.cardsCatalog .cardsCatalogScroll{margin-right:-10px;padding-right:10px;overflow-y:auto}.cardsCatalog .cardsCatalogSection+.cardsCatalogSection{margin-top:22px}.cardsCatalog .cardsCatalogSectionTitle{color:#ffffffd9;letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 2px 4px #000;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:grid}.cardsCatalog .cardsCatalogSectionTitle:after{content:"";background:linear-gradient(90deg,#ffffff40,#fff0);height:1px}.cardsCatalog .cardsCatalogGrid{grid-template-columns:repeat(3,1fr);gap:12px 10px;display:grid}.cardsCatalog .cardsCatalogItem{cursor:pointer;border-bottom:0;display:block}.cardsCatalog .cardsCatalogThumb{aspect-ratio:1/1.46;object-fit:contain;border-radius:6px;width:100%;transition:transform .12s ease-out,box-shadow .12s ease-out;display:block;box-shadow:0 3px 8px #000000b3}.cardsCatalog .cardsCatalogItem:hover .cardsCatalogThumb{transform:translateY(-2px)scale(1.03);box-shadow:0 6px 14px #000c}.cardsCatalog .cardsCatalogBack{flex-shrink:0;margin-top:16px;margin-bottom:0}.webgl-message{color:#fff;background:#0009;border-radius:5px;width:100%;max-width:440px;padding:20px;font-size:14px;line-height:1.5}.webgl-message h1{margin-top:0;font-size:22px}.webgl-message a{color:#b5d34a}.webgl-message ol{margin:10px 0;padding-left:18px}.webgl-message .webgl-browser{font-weight:600}.webgl-message .webgl-hint{color:#fff9;font-size:12px}.webgl-message .webgl-address{align-items:center;gap:8px;margin:6px 0 10px;display:flex}.webgl-message .webgl-address code{color:#b5d34a;-webkit-user-select:all;user-select:all;white-space:nowrap;background:#00000061;border:1px solid #007b0c;border-radius:5px;flex:1;padding:6px 8px;overflow-x:auto}.webgl-message .webgl-copy{color:#fff;cursor:pointer;background:linear-gradient(#0e6c92 0%,#002852 100%);border:0;border-radius:5px;box-shadow:0 4px 7px #000}.webgl-message .webgl-copy:disabled{opacity:.25}.webgl-message .webgl-copy{white-space:nowrap;padding:6px 10px}.errorWrapper{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}h1{margin-top:5px}.player-lobby-item{color:#fff;background:#000;border-radius:5px;justify-content:space-between;margin-bottom:10px;padding:5px 10px;font-size:14px;display:flex;box-shadow:1px 8px 7px -4px #000}.player-lobby-item.isReady{background:#0069a0;box-shadow:1px 8px 7px -4px #033b79}.player-lobby-item .player-lobby-number{color:#ffffff80}.player-lobby-item .kick-button{color:#fff;cursor:pointer;background:linear-gradient(#d8bb00 0%,#5a4a00 100%);border:0;border-radius:5px;box-shadow:0 4px 7px #000}.player-lobby-item .kick-button:disabled{opacity:.25}.player-lobby-item .kick-button{padding:3px 10px;box-shadow:0 2px 4px #000}.lobby-option{box-sizing:border-box;color:#fff;cursor:pointer;background:#000;border-radius:5px;align-items:flex-start;gap:8px;width:100%;margin:0 0 10px;padding:8px 10px;font-size:14px;box-shadow:1px 8px 7px -4px #000}.lobby-option.isOn{background:#0069a0;box-shadow:1px 8px 7px -4px #033b79}.lobby-option.isReadonly{cursor:default;opacity:.75}.lobby-option.isNested{width:calc(100% - 16px);margin-left:16px}.lobby-option input{flex:none;margin:2px 0 0}.lobby-option .lobby-option-title{display:block}.lobby-option .lobby-option-hint{color:#ffffff8c;margin-top:2px;font-size:12px;line-height:1.3;display:block}.lobby-back{color:#fff;cursor:pointer;font-size:20px;line-height:1}.launcher-logo{pointer-events:none;width:min(52vw,620px);position:absolute;top:12%;left:50%;transform:translate(-50%)}.launcher-wrapper{width:100%;max-width:220px}.launcher-wrapper label{color:#fff;margin:5px;font-size:16px;display:flex}.launcher-wrapper .or-label{color:#ffffffd9;justify-content:center;align-items:center;width:100%;font-size:12px;display:flex}.launcher-wrapper .or-label:before,.launcher-wrapper .or-label:after{content:"";background:#ffffffd9;flex:1;height:1px;margin:10px;display:flex}.launcher-wrapper .gameLobby{margin-top:20px}.nick-input{color:#fff;background:#00000061;border:1px solid #0c4f7b;border-radius:5px;width:100%;padding:5px}.nick-input::placeholder{color:#fff}.launcher-button{color:#fff;cursor:pointer;background:linear-gradient(#0e6c92 0%,#002852 100%);border:0;border-radius:5px;box-shadow:0 4px 7px #000}.launcher-button:disabled{opacity:.25}.launcher-button{width:100%;margin-bottom:10px;padding:7px}.game-item{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.game-item .game-item-players{opacity:.8;margin-top:2px;font-size:11px}.lds-hourglass{width:80px;height:80px;display:inline-block;position:relative}.lds-hourglass:after{content:" ";box-sizing:border-box;border:32px solid #0000;border-color:#b5a002 #0000 #0b6500;border-radius:50%;width:0;height:0;margin:8px;animation:5s infinite lds-hourglass;display:block}@keyframes lds-hourglass{0%{transform:rotate(0)}50%{transform:rotate(900deg)}to{transform:rotate(1800deg)}}.loaderWrapper{background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.loading-screen{flex-direction:column;align-items:center;width:100%;max-width:220px;display:flex}.loading-screen .loading-bar{background:#00000061;border:1px solid #0c4f7b;border-radius:5px;width:100%;height:10px;overflow:hidden}.loading-screen .loading-bar-fill{background:linear-gradient(#0da0c4 0%,#002852 100%);height:100%;transition:width .2s linear}.loading-screen .loading-label{color:#ffffffd9;margin-top:8px;font-size:12px}