*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1419;color:#e7ecf3}button{font:inherit;cursor:pointer}.tactic-editor{display:flex;flex-direction:column;min-height:100vh;gap:.75rem;padding:1rem}.tactic-editor__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tactic-editor__header-actions{display:flex;align-items:center;gap:.75rem}.tactic-editor__title{margin:0;font-size:1.25rem;font-weight:600}.tactic-editor__meta{margin:.25rem 0 0;font-size:.875rem}.tactic-editor__save{font-size:.875rem;color:#94a3b8}.phase-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.phase-tab{border:1px solid #334155;background:#1e293b;color:#e2e8f0;border-radius:.375rem;padding:.5rem .875rem}.phase-tab--active{background:#2563eb;border-color:#2563eb}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.toolbar__object-count{color:#94a3b8;font-size:.875rem;font-weight:500;white-space:nowrap}.toolbar__group{display:flex;flex-wrap:wrap;gap:.375rem}.toolbar__btn{border:1px solid #334155;background:#1e293b;color:#e2e8f0;border-radius:.375rem;padding:.375rem .625rem;font-size:.875rem}.toolbar__btn--active{background:#15803d;border-color:#15803d}.toolbar__class-btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .35rem;min-width:2.25rem;background:#0f172a}.toolbar__class-btn--active{background:#1e293b;border-color:#e2e8f0;box-shadow:0 0 0 1px #e2e8f0}.toolbar__color-label{display:inline-flex;align-items:center;border:1px solid #334155;border-radius:.375rem;padding:.125rem;cursor:pointer}.toolbar__color-label--active{border-color:#15803d;box-shadow:0 0 0 1px #15803d}.toolbar__color-input{width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:.25rem;background:transparent;cursor:pointer}.grid-cell-hint{flex-basis:100%;margin:0;color:#94a3b8;font-size:.8125rem;font-weight:500}.grid-cell-hint--clickable{cursor:pointer;border:none;background:none;padding:0;font:inherit;text-align:left;width:100%}.grid-cell-hint--clickable:hover{color:#cbd5e1}.toolbar__shortcuts-hint{flex-basis:100%;margin:0;color:#64748b;font-size:.75rem}.tactic-canvas--eraser{outline:1px solid #b45309;outline-offset:-1px}.tactic-canvas{flex:1 1;min-height:320px;height:calc(100vh - 12rem);border:1px solid #334155;border-radius:.5rem;overflow:hidden;background:#020617;display:flex;align-items:center;justify-content:center}.editor-status{padding:2rem;text-align:center;color:#94a3b8}.editor-status--error{color:#f87171}.demo-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-bottom:.75rem;padding:.75rem 1rem;border:1px solid #1d4ed8;border-radius:.5rem;background:rgba(59,130,246,.12);color:#bfdbfe;font-size:.875rem}.demo-banner__text{margin:0;flex:1 1 16rem}.map-unavailable{margin:0 0 .5rem;border:1px solid #854d0e;border-radius:.375rem;background:rgba(234,179,8,.08);color:#fbbf24;text-align:center}.action-notice,.map-unavailable{padding:.5rem .75rem;font-size:.875rem}.action-notice{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;border:1px solid #7f1d1d;border-radius:.375rem;background:rgba(248,113,113,.08);color:#fca5a5}.action-notice__message{flex:1 1 12rem}.action-notice__actions{display:flex;flex-wrap:wrap;gap:.375rem}.action-notice--success{border-color:#14532d;background:rgba(74,222,128,.08);color:#86efac}.action-notice--info{border-color:#1e3a8a;background:rgba(96,165,250,.08);color:#93c5fd}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid #1e293b;background:#0b1220}.site-header__logo{font-weight:700;font-size:1.125rem;color:#e7ecf3;text-decoration:none}.site-header__logo span{color:#60a5fa}.site-header__nav{display:flex;align-items:center;gap:.75rem}.site-header__link{color:#cbd5e1;text-decoration:none}.site-header__link:hover{color:#fff}main{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.page-title{margin:0 0 .25rem;font-size:1.75rem}.page-subtitle{margin:0 0 1.5rem;color:#94a3b8}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #334155;background:#1e293b;color:#e2e8f0;border-radius:.375rem;padding:.5rem .875rem;text-decoration:none;font-size:.9375rem}.btn:hover{background:#273449}.btn--primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn--primary:hover{background:#1d4ed8}.btn--ghost{background:transparent}.btn--danger{border-color:#7f1d1d;color:#fecaca}.hero{text-align:center;padding:3rem 0 2rem}.hero__title{margin:0 0 1rem;font-size:2.5rem}.hero__text{margin:0 auto 2rem;max-width:36rem;color:#94a3b8;line-height:1.6}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.hero-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem;max-width:56rem;margin:3rem auto 0;text-align:left}.hero-feature{border:1px solid #1e293b;border-radius:.5rem;padding:1.25rem;background:#111827;transition:border-color .15s}.hero-feature:hover{border-color:#334155}.hero-feature__icon{display:block;margin-bottom:.5rem;font-size:1.5rem;line-height:1}.hero-feature__title{margin:0 0 .375rem;font-size:1rem;font-weight:600}.hero-feature__desc{margin:0;color:#94a3b8;font-size:.875rem;line-height:1.5}.hero-feature__title a{color:inherit;text-decoration:none}.hero-feature__title a:hover{color:#60a5fa}.hero-feature__link{display:inline-block;margin-top:.75rem;color:#60a5fa;font-size:.875rem;text-decoration:none}.hero-feature__link:hover{text-decoration:underline}.hero__more{display:inline-block;margin-top:2rem;color:#94a3b8;font-size:.9375rem;text-decoration:none}.hero__more:hover{color:#60a5fa}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.card{position:relative;border:1px solid #1e293b;border-radius:.5rem;padding:1rem;background:#111827}.card__thumbnail{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.375rem;margin-bottom:.75rem;background:#0f172a}.card__thumbnail--placeholder{background:linear-gradient(135deg,#1e293b,#0f172a)}.card__title{margin:0 0 .5rem;font-size:1.125rem}.card__badge{display:inline-block;padding:.125rem .5rem;font-size:.75rem;border-radius:9999px;background:#1e3a5f;color:#93c5fd;vertical-align:middle}.card__meta{margin:0 0 .5rem;color:#94a3b8;font-size:.875rem;line-height:1.5}.card__dates{margin:0 0 1rem;color:#64748b;font-size:.75rem;line-height:1.4}.card__dates-sep{margin:0 .35rem;opacity:.6}.card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.empty-state{text-align:center;padding:3rem 1rem;color:#94a3b8}.cabinet-filters{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0 1.5rem}.cabinet-filters__field{display:flex;flex-direction:column;gap:.375rem;min-width:10rem}.cabinet-filters__label{font-size:.8125rem;color:#94a3b8}.cabinet-filters__field--search{flex:1 1 12rem;min-width:12rem;max-width:20rem}.cabinet-filters__reset{display:flex;align-items:flex-end;flex-shrink:0;gap:.5rem}.cabinet-filters__active-hint{font-size:.8125rem;color:#94a3b8;padding-bottom:.5rem}.cabinet-filters__summary{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:-.75rem 0 1.25rem}.cabinet-filters__count,.cabinet-filters__mode-badge{font-size:.8125rem;color:#94a3b8}.cabinet-filters__count{margin:0}.card--selected{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.card__select{position:absolute;top:.75rem;right:.75rem;z-index:1;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;cursor:pointer}.card__select input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:#3b82f6;cursor:pointer}.cabinet-selection-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:1.5rem;padding:.875rem 1rem;border:1px solid #334155;border-radius:.5rem;background:#1e293b;box-shadow:0 -4px 12px rgba(0,0,0,.25)}.cabinet-selection-bar__count{font-size:.9375rem;color:#e2e8f0}.cabinet-selection-bar__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.6)}.modal{width:100%;max-width:28rem;padding:1.25rem;border-radius:.5rem;border:1px solid #334155;background:#111827}.modal__title{margin:0 0 1rem;font-size:1.125rem}.modal__checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.9375rem}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem}.prompt-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.6)}.prompt-modal__dialog{width:100%;max-width:28rem;padding:1.25rem;border-radius:.5rem;border:1px solid #334155;background:#111827}.prompt-modal__title{margin:0 0 1rem;font-size:1.125rem}.prompt-modal__message{margin:0 0 1.25rem;font-size:.875rem;color:#cbd5e1;line-height:1.5}.prompt-modal__label{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.25rem;font-size:.875rem}.prompt-modal__actions{display:flex;justify-content:flex-end;gap:.5rem}.admin-form{max-width:32rem;flex-direction:column;margin-top:1.5rem}.admin-form,.admin-form__row{display:flex;gap:1rem}.admin-form__row .form__group{flex:1 1}.admin-form__modes{border:1px solid #334155;border-radius:.375rem;padding:.75rem 1rem;margin:0}.admin-form__mode{display:inline-flex;align-items:center;gap:.375rem;margin-right:1rem;margin-bottom:.375rem;font-size:.875rem}.admin-form__assault-sides{border:1px solid #334155;border-radius:.375rem;padding:.75rem 1rem;margin:0}.admin-maps__catalog{margin-top:2.5rem}.admin-maps__catalog-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.admin-maps__count{font-size:.875rem;color:#94a3b8;margin-bottom:1rem}.admin-maps__grid{margin-top:0}.admin-maps__map-id{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.admin-maps__status{display:inline-block;margin-top:.5rem;font-size:.75rem;font-weight:600;color:#4ade80}.admin-maps__status--inactive{color:#f87171}.admin-maps__card-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;width:100%}.admin-maps__rename,.admin-maps__toggle{width:100%}.admin-maps__rename-modal{max-width:28rem}.admin-maps__rename-form{margin-top:1rem}.admin-maps__rename-form,.form{display:flex;flex-direction:column;gap:1rem}.form{max-width:24rem}.form__group,.form__label{display:flex;flex-direction:column;gap:.375rem}.form__label{font-size:.875rem}.form__input,.form__select{border:1px solid #334155;background:#0f172a;color:#e2e8f0;border-radius:.375rem;padding:.5rem .75rem}.form__error{color:#f87171}.form__info{color:#86efac;font-size:.875rem;line-height:1.5}.cabinet-email-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.cabinet-email-banner .action-notice{flex:1 1 16rem;margin:0}.settings-panel{display:flex;flex-direction:column;gap:1rem;max-width:28rem;margin-top:1.5rem}.settings-panel__heading{margin:0;font-size:1.125rem;font-weight:600}.settings-panel__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.settings-panel__label{color:#94a3b8;font-size:.875rem}.settings-panel__value{font-size:.9375rem}.settings-panel__badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.settings-panel__badge--verified{background:rgba(74,222,128,.12);color:#86efac}.settings-panel__badge--pending{background:rgba(251,191,36,.12);color:#fbbf24}.settings-panel__hint{margin:0;color:#94a3b8;font-size:.875rem;line-height:1.5}.settings-panel__form{margin-top:.5rem}.settings-panel__resend{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem;border-top:1px solid #1e293b}.auth-methods{max-width:24rem}.auth-methods__section{display:flex;flex-direction:column;gap:.75rem}.auth-methods__heading{margin:0;font-size:1rem;font-weight:600;color:#e2e8f0}.auth-methods__hint{margin:0;color:#94a3b8;font-size:.875rem;line-height:1.5}.auth-methods__footer{margin:1.5rem 0 0;color:#94a3b8;font-size:.875rem}.auth-divider{margin:1.5rem 0;text-align:center;color:#64748b;font-size:.875rem}.auth-providers__buttons{display:flex;flex-direction:column;gap:.5rem}.auth-providers__btn{width:100%;justify-content:center}.auth-providers__btn--vk{background:#0077ff;border-color:#0077ff;color:#fff}.auth-providers__btn--yandex{background:#fc3f1d;border-color:#fc3f1d;color:#fff}.wizard-steps{display:flex;gap:.5rem;margin-bottom:1.5rem}.wizard-step{padding:.375rem .75rem;border-radius:999px;background:#1e293b;font-size:.8125rem;color:#94a3b8}.wizard-step--active{background:#2563eb;color:#fff}.create-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem}.create-map-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:2px solid #334155;border-radius:.5rem;background:#111827;color:#e7ecf3;text-align:center;transition:border-color .15s ease}.create-map-card:hover{border-color:#475569}.create-map-card--active{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.create-map-card__preview{width:100px;height:100px;object-fit:cover;border-radius:.375rem;background:#1e293b}.create-map-card__title{margin:0;font-size:.9375rem;font-weight:600;line-height:1.3}.create-map-card__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}.create-map-card__badge{display:inline-block;padding:.125rem .375rem;font-size:.6875rem;border-radius:9999px;background:#1e3a5f;color:#93c5fd}.create-map-card__assault{margin:0;font-size:.75rem;color:#94a3b8}.maps-catalog__search{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.5rem;max-width:20rem}.maps-catalog__search-label{font-size:.875rem;color:#94a3b8}.maps-catalog__filters-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.maps-catalog__filter{margin-bottom:0}.maps-catalog__count{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.maps-catalog__grid{margin-bottom:2rem}.maps-catalog__card{cursor:default}.maps-catalog__create-btn{margin-top:auto;width:100%;font-size:.8125rem;padding:.375rem .75rem;text-align:center;text-decoration:none}.maps-catalog__cta{margin:0;text-align:center}.map-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}.map-picker__item{border:2px solid #334155;border-radius:.5rem;padding:.75rem;background:#111827;text-align:center;cursor:pointer}.map-picker__item--selected{border-color:#2563eb}.viewer{display:flex;flex-direction:column;gap:.75rem;min-height:calc(100vh - 4rem);padding:0 0 1rem}.viewer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.viewer__header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.viewer__title{margin:0 0 .25rem;font-size:1.5rem}.viewer__meta{margin:0;color:#94a3b8;font-size:.9375rem}.viewer__badge{margin:0;padding:.375rem .75rem;border-radius:999px;background:#1e3a5f;color:#93c5fd;font-size:.8125rem;white-space:nowrap}.viewer__canvas{flex:1 1;min-height:400px}.site-footer{margin:0;padding:1rem 1.25rem;text-align:center;color:#64748b;font-size:.75rem;border-top:1px solid #1e293b}.viewer-status{padding:2rem;text-align:center;color:#94a3b8}.viewer-unavailable{text-align:center;padding:4rem 1.5rem}.viewer-unavailable h1{margin:0 0 1rem}.viewer-unavailable p{margin:0 0 1.5rem;color:#94a3b8}.lobby-host-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #1e3a5f;border-radius:.5rem;background:#0f172a}.lobby-host-bar__code{font-weight:600;font-family:ui-monospace,monospace}.lobby-host-bar__status{margin-left:.5rem;font-size:.8125rem;color:#94a3b8}.lobby-host-bar__status--online{color:#4ade80}.lobby-host-bar__count{color:#94a3b8;font-size:.875rem}.lobby-host-bar__message{width:100%;font-size:.875rem;color:#93c5fd}.lobby__header{flex-direction:column;align-items:stretch;gap:.75rem}.lobby__header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.lobby__host-actions{width:100%}.lobby__connection{padding:.25rem .5rem;background:#1e293b}.lobby__connection--offline{color:#fca5a5}.lobby__participants{padding:.75rem}.lobby{display:flex;flex-direction:column;gap:.75rem;min-height:calc(100vh - 4rem);padding:0 0 1rem}.lobby--join{max-width:28rem}.lobby--closed{text-align:center;padding:3rem 1rem}.lobby__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lobby__title{margin:0 0 .25rem;font-size:1.5rem}.lobby__meta{margin:0;color:#94a3b8;font-size:.9375rem}.lobby__status-group{display:flex;flex-direction:column;align-items:flex-end;gap:.375rem}.lobby__connection{font-size:.8125rem;padding:.25rem .625rem;border-radius:999px}.lobby__connection--online{background:#14532d;color:#86efac}.lobby__connection--offline{background:#451a03;color:#fdba74}.lobby__badge{font-size:.8125rem;color:#93c5fd}.lobby__participants{border:1px solid #1e293b;border-radius:.5rem;padding:.75rem 1rem;background:#111827}.lobby__participants-title{margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.lobby__participants-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.375rem}.lobby__participant{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.lobby__participant--self{color:#93c5fd}.lobby__participant-name{font-weight:500}.lobby__participant-status{color:#64748b;font-size:.8125rem}.lobby__participant-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;width:100%}.lobby__participant-controls{display:flex;flex-direction:column;gap:.25rem;width:100%;padding-top:.25rem;border-top:1px solid #1e293b}.lobby__participant-control{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#94a3b8;cursor:pointer}.lobby__participant-control input{accent-color:#3b82f6}.lobby__readonly-hint{margin:0;color:#94a3b8;font-size:.875rem}.lobby__canvas{flex:1 1;min-height:400px}.lobby__join-form{margin-top:1rem}.lobby-status{padding:2rem;text-align:center;color:#94a3b8}