@font-face{font-family:NauryzRedKeds;src:url(/fonts/NauryzRedKeds.ttf) format("truetype");font-style:normal;font-weight:700;font-display:block}@font-face{font-family:Google Sans;src:url(/fonts/GoogleSansFlex-Regular.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Google Sans Cyrillic;src:url(/fonts/Roboto-Medium-Cyrillic.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}:root{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#222;background:#202020;font-synthesis:none;--accent: #008bff;--glass: linear-gradient(135deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .2) 48%, rgba(255, 255, 255, .48));--shadow: 0 10px 34px rgba(31, 38, 49, .12), inset 0 1px 1px rgba(255, 255, 255, .95), inset 1px 0 1px rgba(255, 255, 255, .55), inset 0 -1px 1px rgba(88, 98, 112, .12)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{width:100vw;min-height:100dvh;display:grid;place-items:center;background:#f2f2f2}.phone-frame{position:relative;width:100vw;height:100dvh;overflow:hidden;border-radius:0;background:#fff}.loading-screen{position:absolute;inset:0;border:0;background:#fff;cursor:pointer}.loading-animation{position:absolute;width:min(210px,48vw);height:min(210px,48vw);left:50%;top:50%;transform:translate(-50%,-50%)}.loading-brand{position:absolute;left:0;right:0;bottom:40px;display:grid;gap:2px;text-align:center}.loading-brand strong,.brand-pill{font-family:NauryzRedKeds,sans-serif;font-weight:700;letter-spacing:-.2px;-webkit-text-stroke:.22px currentColor}.loading-brand strong{font-size:22px}.loading-brand span{font-size:16px}.battle-screen,.board-wrap{position:absolute;inset:0;background:#fff}.pixel-board{width:100%;height:100%;display:block;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.pixel-board:active{cursor:grabbing}.pixel-board.eyedropper-mode{cursor:crosshair}.glass-panel,.glass-button,.glass-stack{background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(180%) brightness(1.06);backdrop-filter:blur(18px) saturate(180%) brightness(1.06);border:1px solid rgba(255,255,255,.62);box-shadow:var(--shadow)}.brand-pill{position:absolute;z-index:3;top:57px;left:50%;transform:translate(-50%);height:44px;display:grid;place-items:center;padding:0 16px;border-radius:296px;font-size:16px;white-space:nowrap}.zoom-controls{position:absolute;z-index:3;left:max(16px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);display:grid;gap:6px}.glass-button{width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center}.zoom-controls .eyedropper-button{margin-top:6px}.eyedropper-button img{width:19px;height:19px}.eyedropper-button.active{background:transparent;box-shadow:var(--shadow)}.eyedropper-button.active img{filter:invert(41%) sepia(99%) saturate(2581%) hue-rotate(184deg) brightness(102%) contrast(104%)}.zoom-value{font-weight:700;font-size:15px;letter-spacing:-1px}.zoom-value img{width:24px;max-height:16px}.glass-stack{width:44px;height:102px;border-radius:296px;overflow:hidden}.glass-stack button{width:100%;height:50%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.glass-stack button img{width:28px;height:28px}.glass-stack button:active,.glass-button:active{background:#ffffff57;box-shadow:inset 0 2px 8px #222a3826}.bottom-nav button:active{background:transparent;box-shadow:none}.color-controls{position:absolute;z-index:3;right:max(16px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;user-select:none;-webkit-user-select:none}.selected-color{width:44px;height:44px;padding:4px;display:grid;place-items:center;border-radius:50%;background:var(--glass);border:1px solid rgba(255,255,255,.68);box-shadow:var(--shadow);user-select:none;-webkit-user-select:none}.selected-color-inner{display:block;width:100%;height:100%;border-radius:50%}.color-rail{position:relative;width:44px;height:275px;border-radius:296px;display:grid;place-items:center}.palette-gradient{width:11px;height:237px;border-radius:6px;pointer-events:none}.color-rail input{appearance:none;position:absolute;z-index:2;width:261px;height:22px;transform:rotate(90deg);background:transparent;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.color-rail input::-webkit-slider-runnable-track{height:11px;background:transparent}.color-rail input::-webkit-slider-thumb{appearance:none;width:24px;height:24px;margin-top:-6px;border:2px solid rgba(225,225,225,.95);border-radius:50%;background:#fff;box-shadow:0 2px 7px #1f263138}.color-rail input::-moz-range-track{height:11px;background:transparent}.color-rail input::-moz-range-thumb{width:20px;height:20px;border:2px solid rgba(225,225,225,.95);border-radius:50%;background:#fff;box-shadow:0 2px 7px #1f263138}.bottom-nav{position:absolute;z-index:4;left:50%;bottom:max(35px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(260px,calc(100vw - 32px));height:51px;border-radius:296px;display:flex;padding:0;font-family:Google Sans,Google Sans Cyrillic,sans-serif}.nav-selection-track{--tab-index: 0;position:absolute;z-index:0;left:0;top:0;width:33.333333%;height:100%;padding:1px;translate:calc(var(--tab-index) * 100%) 0;transition:translate .56s cubic-bezier(.22,1.18,.36,1);pointer-events:none;will-change:translate}.nav-selection-drop{display:block;width:100%;height:100%;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:linear-gradient(135deg,#efefefc2,#dadada6b 52%,#ffffffa3);box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #57616e1a,0 5px 14px #353e4b14}.bottom-nav button{position:relative;z-index:1;flex:1;min-width:0;border:0;background:transparent;border-radius:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;translate:0 -1px;outline:none;touch-action:manipulation}.bottom-nav button:focus,.bottom-nav button:focus-visible{outline:none}.bottom-nav button.active{color:var(--accent)}.bottom-nav small{height:12px;font-family:Google Sans,Google Sans Cyrillic,sans-serif;font-size:10px;font-weight:500;line-height:12px}.nav-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px}.bottom-nav img.map-glyph{width:26px;height:25px;border-radius:0}.bottom-nav img.map-glyph{filter:brightness(0) saturate(100%)}.bottom-nav button.active img.map-glyph{filter:none}.paint-action{position:absolute;z-index:5;left:50%;bottom:max(104px,calc(env(safe-area-inset-bottom) + 89px));transform:translate(-50%,24px);opacity:0;pointer-events:none;width:min(210px,calc(100vw - 64px));height:42px;border:1px solid rgba(255,255,255,.58);border-radius:999px;color:#fff;background:linear-gradient(135deg,#008bfff5,#008bffb8);box-shadow:0 10px 24px #006bc640,inset 0 1px 1px #ffffffb8;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);font-family:Google Sans,sans-serif;font-size:15px;font-weight:600;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease}.paint-action.visible{transform:translate(-50%);opacity:1;pointer-events:auto}.paint-action:disabled{cursor:default}.circle-glyph{display:block;width:21px;height:21px;border-radius:50%;background:#292929}.bottom-nav img{width:27px;height:27px;border-radius:50%;object-fit:cover}.chart-glyph{display:flex;align-items:end;justify-content:center;gap:2px;padding:5px 4px}.chart-glyph i{display:block;width:4px;border-radius:2px 2px 1px 1px;background:#292929}.chart-glyph i:nth-child(1){height:8px}.chart-glyph i:nth-child(2){height:13px}.chart-glyph i:nth-child(3){height:10px}.chart-glyph i:nth-child(4){height:17px}.bottom-nav button.active .chart-glyph i{background:var(--accent)}.team-glyph{position:relative;display:block}.team-glyph i{position:absolute;top:4px;width:12px;height:12px;border-radius:50%;background:#292929;border:2px solid rgba(255,255,255,.78)}.team-glyph i:first-child{left:3px}.team-glyph i:last-child{right:3px;background:#e4474e}.bottom-nav button.active .team-glyph i:first-child{background:var(--accent)}.bottom-sheet{position:absolute;z-index:5;left:50%;bottom:max(97px,calc(env(safe-area-inset-bottom) + 82px));transform:translate(-50%);width:min(340px,calc(100vw - 32px));padding:16px;border-radius:24px;background:#ffffffd1;-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border:1px solid rgba(255,255,255,.78);box-shadow:0 12px 36px #1f26312e,inset 0 1px 1px #fff}.sheet-heading{display:flex;align-items:center;gap:10px}.sheet-heading strong,.sheet-heading small{display:block}.sheet-heading strong{font-size:16px}.sheet-heading small{margin-top:2px;color:#6c7179;font-size:12px}.sheet-icon{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#ffffffb8;box-shadow:inset 0 1px 2px #ffffffe6}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.stats-grid div{padding:9px 6px;border-radius:14px;background:#f4f5f7c2;text-align:center}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-size:19px}.stats-grid span{margin-top:2px;color:#777d86;font-size:11px}.team-options{display:grid;gap:8px;margin-top:14px}.team-option{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border:1px solid rgba(30,40,55,.08);border-radius:13px;background:#f7f8fad6;cursor:pointer;text-align:left;font-size:13px}.team-option span{width:12px;height:12px;border-radius:50%}.team-option b{margin-left:auto;font-size:16px}.team-option.selected{border-color:currentColor;box-shadow:0 3px 10px #1f26311a}.team-blue{color:#1976d2}.team-blue span{background:#368ee8}.team-red{color:#d83b45}.team-red span{background:#e4474e}.screen-menu{position:absolute;z-index:4;inset:0;padding:118px max(20px,env(safe-area-inset-left)) 110px;background:#f8f9fbd1;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);overflow:auto}.screen-menu-header{display:flex;align-items:center;gap:12px;max-width:520px;margin:0 auto 26px}.screen-menu-header>div{flex:1}.screen-menu-header strong,.screen-menu-header small{display:block}.screen-menu-header strong{font-size:23px;letter-spacing:-.5px}.screen-menu-header small{margin-top:3px;color:#747b85;font-size:13px}.menu-back{width:42px;height:42px;border:0;border-radius:50%;background:#ffffffc7;box-shadow:var(--shadow);font-size:31px;line-height:32px;cursor:pointer}.menu-header-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#fffc;box-shadow:var(--shadow)}.stats-menu-card{padding:18px;border:1px solid rgba(255,255,255,.82);border-radius:20px;background:#ffffffb3;box-shadow:var(--shadow)}.stats-menu-card span,.stats-menu-card small{display:block;color:#747b85;font-size:12px}.stats-menu-card>strong{display:block;margin-top:8px;font-size:30px}.stats-overview{max-width:520px;margin:0 auto 12px}.progress-track{height:8px;margin-top:16px;overflow:hidden;border-radius:99px;background:#e7eaee}.progress-track i{display:block;width:0%;height:100%;border-radius:inherit;background:var(--accent)}.stats-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:520px;margin:auto}.stats-menu-grid strong{font-size:25px}.team-menu-intro{max-width:520px;margin:0 auto 18px;color:#666e79;font-size:15px;line-height:1.45}.team-menu-options{display:grid;gap:12px;max-width:520px;margin:auto}.team-menu-option{display:flex;align-items:center;gap:13px;min-height:76px;padding:13px 16px;border:1px solid rgba(255,255,255,.86);border-radius:20px;background:#ffffffb3;box-shadow:var(--shadow);cursor:pointer;text-align:left}.team-menu-option>div{flex:1}.team-menu-option strong,.team-menu-option small{display:block}.team-menu-option strong{font-size:16px}.team-menu-option small{margin-top:4px;color:#747b85;font-size:12px}.team-menu-option .team-dot{width:18px;height:18px;flex:0 0 18px;border-radius:50%}.team-menu-option b{font-size:22px}.team-menu-option.selected{border-color:currentColor}.team-selected-note{max-width:520px;margin:16px auto;color:#66717d;text-align:center;font-size:13px}@media(max-height:620px){.color-rail{height:230px}.palette-gradient{height:196px}.color-rail input{width:220px}}