.navbar{position:sticky;top:0;z-index:20;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border-bottom:1px solid var(--line)}.navbar__logo{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.01em}.navbar__logo svg{color:var(--accent)}.navbar__logo:hover{text-decoration:none}.navbar__left{display:flex;align-items:center;gap:24px;min-width:0}.navbar__links{display:flex;align-items:center;gap:4px}.navbar__link{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:var(--radius);color:var(--muted);font-size:14px;font-weight:600}.navbar__link:hover{background:var(--bg);color:var(--ink);text-decoration:none}.navbar__link.active{color:var(--accent);background:var(--accent-soft)}.navbar__menu-item--phone{display:none}.navbar__badge{min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--hit);color:var(--on-accent);font-size:11px;font-weight:800}.navbar__phone-only{display:none}.navbar__right{display:flex;align-items:center;gap:8px}.navbar__online{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:13px;font-weight:600;white-space:nowrap}.navbar__online-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.navbar__language{position:relative;display:inline-flex;align-items:center;color:var(--muted)}.navbar__language svg{position:absolute;left:10px;pointer-events:none}.navbar__language select{min-height:44px;padding:0 10px 0 34px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}.navbar__language select:hover{background:var(--bg)}.navbar__menu-wrap{position:relative}.navbar__user{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px 0 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px;font-weight:600;cursor:pointer}.navbar__avatar{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);font-weight:800;text-transform:uppercase}.navbar__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:8px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:4px}.navbar__menu-head{margin:0;padding:8px 10px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}.navbar__menu-head strong{color:var(--ink)}.navbar__menu-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border:0;border-radius:8px;background:transparent;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.navbar__menu-item:hover{background:var(--bg)}@media (max-width: 999px){.navbar__left{gap:12px}.navbar__username{display:none}}@media (max-width: 799px){.navbar__language select{padding:0 6px 0 30px;width:44px;color:transparent}.navbar__language select option{color:var(--ink)}}@media (max-width: 599px){.navbar{height:56px;padding:0 8px 0 12px;gap:6px}.navbar__logo{font-size:18px}.navbar__links{display:none}.navbar__phone-only{display:inline-flex}.navbar__menu-item--phone{display:flex;color:var(--ink)}.navbar__menu-item--phone:hover{text-decoration:none}.navbar__right{gap:2px}.navbar__username{display:none}.navbar__user{padding:0 6px}.navbar__online{padding:4px 8px}.navbar__language select{padding:0 6px 0 30px;width:44px;color:transparent}.navbar__language select option{color:var(--ink)}.navbar__auth-link{padding:0 12px}}@media (max-width: 379px){.navbar__logo span{display:none}}@media (max-width: 899px){.navbar__links{display:none}.navbar__phone-only{display:inline-flex}.navbar__menu-item--phone{display:flex;color:var(--ink)}.navbar__menu-item--phone:hover{text-decoration:none}}.site-footer{margin-top:auto;padding:16px 40px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;font-size:13px;color:var(--muted)}.site-footer__links{display:flex;gap:16px}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}@media (max-width: 599px){.site-footer{padding:12px 12px 16px}}.site-footer__link{padding:0;border:0;background:none;color:var(--muted);font:inherit;cursor:pointer}.site-footer__link:hover{color:var(--accent);text-decoration:underline}.invite-center{position:fixed;right:20px;bottom:20px;z-index:50;width:340px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:10px}@media (max-width: 599px){.invite-center{right:16px;bottom:16px}}.invite{gap:10px;padding:16px;box-shadow:var(--shadow-pop)}.invite__title{margin:0;display:flex;align-items:center;gap:8px;font-weight:700}.invite__bar{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.invite__bar span{display:block;height:100%;background:var(--accent);transition:width .5s linear}.invite__actions{display:flex;align-items:center;gap:8px}.invite__time{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.invite-toast{align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-pop)}.invite-toast.notice--error{background:var(--hit-soft)}.invite-toast__close{flex:none;border:0;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}.invite__rating{color:var(--muted);font-weight:600}.invite__kind{margin:-4px 0 0}.feedback__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--overlay);display:flex;justify-content:center;align-items:flex-start;padding:80px 16px 24px;overflow-y:auto;animation:fade-in .2s ease-out}.feedback{width:100%;max-width:520px;box-shadow:var(--shadow-pop)}.feedback__form{display:flex;flex-direction:column;gap:14px}.feedback__lead{margin:0;color:var(--muted);font-size:14px}.feedback__text{min-height:140px;padding:10px 12px;resize:vertical;font:inherit;line-height:1.5}.feedback__count{align-self:flex-end;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.feedback__check{display:flex;align-items:flex-start;gap:8px;font-size:14px}.feedback__check input{margin-top:3px}.feedback__actions{display:flex;gap:8px}.connection-banner{position:sticky;top:64px;z-index:15;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:var(--warn-soft);color:var(--warn);font-size:14px;font-weight:600;border-bottom:1px solid var(--line)}@media (max-width: 599px){.connection-banner{top:56px}}.auth-page{width:100%;padding:48px 16px;display:flex;justify-content:center}.auth-card{width:100%;max-width:400px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.auth-title{font-size:26px;margin-bottom:20px}.auth-card form{display:flex;flex-direction:column;gap:4px}.auth-card .btn{margin-top:8px}.auth-card .notice{margin-top:4px}.auth-password{position:relative}.auth-password .field__input{padding-right:5.5em}.auth-toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%);min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.auth-toggle:hover{background:var(--bg)}.auth-forgot{align-self:flex-end;margin-top:6px;font-size:13px;font-weight:600}.auth-notice{margin-bottom:16px}.auth-lead{margin:-8px 0 20px;color:var(--muted)}.auth-legal{margin:8px 0 0;font-size:13px;color:var(--muted)}.auth-switch{margin:20px 0 0;font-size:14px;color:var(--muted);text-align:center}.auth-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.strength{margin-top:6px}.strength-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.strength-bar span{height:5px;border-radius:3px;background:var(--line);transition:background-color .2s}.strength-0 .filled,.strength-1 .filled{background:var(--hit)}.strength-2 .filled{background:var(--warn)}.strength-3 .filled,.strength-4 .filled{background:var(--ok)}.strength-label{margin:4px 0 0;font-size:13px;color:var(--muted)}.strength-label strong{color:var(--ink)}.strength-hints{margin:2px 0 0;padding-left:1.2em;font-size:13px;color:var(--muted)}@media (max-width: 599px){.auth-page{padding:20px 12px}.auth-card{padding:20px}}.auth-lead--after{margin:16px 0 0}.board{--cell-round: calc(var(--cell, 36px) * .24);display:inline-grid;grid-template-columns:calc(var(--cell, 36px) * .6) repeat(10,var(--cell, 36px));grid-auto-rows:var(--cell, 36px);gap:var(--board-gap, 3px);align-items:center}.board__label{font-family:var(--font-display);font-weight:700;font-size:max(10px,calc(var(--cell, 36px) * .33));line-height:1;color:var(--muted);-webkit-user-select:none;user-select:none}.board__label--col{text-align:center;align-self:end;padding-bottom:2px}.board__label--row{text-align:right;padding-right:3px}.board__cell{width:var(--cell, 36px);height:var(--cell, 36px);padding:0;border:0;border-radius:calc(var(--cell, 36px) * .18);background:var(--water);display:flex;align-items:center;justify-content:center;cursor:default;transition:background-color .2s,box-shadow .2s}.board__cell:disabled{opacity:1}.board__cell:not(:disabled){cursor:pointer}.board__cell:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--accent)}.board__cell--ship{background:var(--ship)}.board__cell--hit{background:var(--hit-soft);color:var(--hit)}.board__cell--sunk{background:var(--hit);color:var(--on-hit)}.board__cell--last{box-shadow:0 0 0 2px var(--accent)}.board__dot{width:max(4px,calc(var(--cell, 36px) * .2));height:max(4px,calc(var(--cell, 36px) * .2));border-radius:50%;background:var(--muted)}.board__x{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.board__cell--hit .board__x,.board__cell--sunk .board__x{animation:board-pop .25s ease-out}@keyframes board-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.home{width:100%;max-width:1120px;margin:0 auto;padding:64px 40px 72px;display:flex;flex-direction:column;gap:64px}.home__hero{display:flex;flex-wrap:wrap;align-items:center;gap:56px}.home__text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:16px}.home__eyebrow{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.home__title{font-size:56px;line-height:1.04;letter-spacing:-.02em;text-wrap:balance}.home__lead{margin:0;max-width:34em;font-size:19px;color:var(--muted)}.home__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.home__art{--cell: 36px;flex:0 1 auto;margin:0 auto;padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}.home__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home__step{padding:24px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.home__step-num{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);font-weight:800;font-size:17px}.home__step-title{margin-top:6px;font-size:19px}.home__step-text{margin:0;color:var(--muted)}@media (max-width: 999px){.home__art{--cell: 30px}.home__title{font-size:46px}}@media (max-width: 599px){.home{padding:32px 16px 48px;gap:40px}.home__hero{gap:32px}.home__title{font-size:36px}.home__lead{font-size:17px}.home__ctas .btn{flex:1 1 100%}.home__art{--cell: min(30px, calc((100vw - 88px) / 10.6));padding:12px}.home__steps{grid-template-columns:1fr;gap:12px}}.home__notice{margin-bottom:-40px}.game{--cell: 36px;--board-gap: 3px;width:100%}.game__banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-weight:600;color:var(--ink)}.game__banner .spinner{color:var(--muted)}.game__banner--active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.game__banner-text{display:flex;align-items:center;gap:10px;font-size:16px}.game__banner-meta{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.game__timer{min-width:52px;padding:3px 10px;border-radius:999px;background:#0000001f;font-family:var(--font-display);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.game__banner:not(.game__banner--active) .game__timer{background:var(--bg)}.game__timer--low{background:var(--hit)!important;color:var(--on-hit);animation:timer-pulse 1s ease-in-out infinite}.game__timer--paused{font-family:var(--font-body);font-size:13px;font-weight:600;opacity:.8}@keyframes timer-pulse{50%{opacity:.75}}.game__tags{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.game__leave{align-self:flex-start;margin:-12px 0 -8px;min-height:36px;padding:0 10px 0 6px;font-size:14px;color:var(--muted)}.game__boards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:flex-start}.game__panel{flex:0 1 auto;padding:20px 24px 24px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px;transition:border-color .2s,box-shadow .2s}.game__panel--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.game__panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.game__panel-title{font-size:18px;overflow-wrap:anywhere}.game__rating{margin-left:8px;font-size:14px;font-weight:600;color:var(--muted)}.game__panel-meta{margin:2px 0 0;font-size:13px;color:var(--muted)}.game__board{display:flex;justify-content:center}.game__fleet{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.game__fleet-ship{display:inline-flex;gap:2px}.game__fleet-ship span{width:9px;height:9px;border-radius:2px;background:var(--ship)}.game__panel--enemy .game__fleet-ship span{background:var(--muted)}.game__fleet-ship--sunk span,.game__panel--enemy .game__fleet-ship--sunk span{background:var(--hit);opacity:.55}.game__legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;font-size:13px;color:var(--muted)}.game__legend li{display:inline-flex;align-items:center;gap:6px}.game__swatch{width:14px;height:14px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1}.game__swatch--ship{background:var(--ship)}.game__swatch--miss{background:var(--water)}.game__swatch--miss span{width:4px;height:4px;border-radius:50%;background:var(--muted)}.game__swatch--hit{background:var(--hit-soft);color:var(--hit)}.game__swatch--sunk{background:var(--hit);color:var(--on-hit)}.game__swatch--last{background:var(--water);box-shadow:0 0 0 2px var(--accent)}.game__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--overlay);display:flex;justify-content:center;align-items:flex-start;padding:120px 16px 24px;overflow-y:auto;animation:fade-in .2s ease-out}.game__result{width:100%;max-width:420px;padding:32px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.game__result-icon{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--ok-soft);color:var(--ok)}.game__result-icon--lost{background:var(--hit-soft);color:var(--hit)}.game__result-title{margin-top:4px;font-size:30px}.game__result-text{margin:0;color:var(--muted)}.game__rating-change{margin:0;font-size:14px;color:var(--muted)}.game__delta--up{color:var(--ok)}.game__delta--down{color:var(--hit)}.game__stats{width:100%;margin:8px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game__stats div{padding:12px 8px;border-radius:12px;background:var(--bg);display:flex;flex-direction:column;gap:2px}.game__stats strong{font-family:var(--font-display);font-size:22px}.game__stats span{font-size:12px;color:var(--muted)}.game__result-actions{width:100%;display:flex;flex-direction:column;gap:10px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 999px){.game{--cell: 28px}}@media (max-width: 599px){.game__banner{padding:12px 14px}.game__banner-text{font-size:15px}.game__boards{gap:28px}.game__panel{flex-basis:100%;padding:0;background:transparent;border:0;box-shadow:none;gap:12px}.game__panel--enemy{order:-1;--cell: clamp(22px, calc((100vw - 44px) / 10.6), 32px);--board-gap: 2px}.game__panel--own{--cell: 20px;--board-gap: 2px}.game__fleet{gap:8px}.game__fleet-ship span{width:7px;height:7px}.game__result{padding:24px}}.game__watching{display:inline-flex;align-items:center;gap:4px;font-weight:600}.lobby{--cell: 38px;--board-gap: 3px;width:100%}.lobby__cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.fleet{flex:1 1 calc(var(--cell) * 10.6 + var(--board-gap) * 10 + 50px)}.lobby__side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:24px}.fleet__help{margin:-6px 0 0;font-size:14px;color:var(--muted)}.fleet__board{display:flex;justify-content:center;padding:4px 0}.fleet__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.fleet__chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius);font-size:13px;font-weight:600;border:1px solid transparent}.fleet__chip--ok{background:var(--ok-soft);color:var(--ok)}.fleet__chip--over{background:var(--warn-soft);color:var(--warn)}.fleet__chip--under{background:var(--surface);color:var(--muted);border-color:var(--line)}.fleet__chip-ship{display:inline-flex;gap:2px}.fleet__chip-ship span{width:7px;height:7px;border-radius:2px;background:currentColor}.fleet__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.fleet__actions .btn{min-width:132px}.lobby__label{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted)}.lobby__caption{margin:-6px 0 0;font-size:13px;color:var(--muted);text-align:center}.lobby__status{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px}.lobby__status--search{background:var(--accent-soft);color:var(--accent)}.lobby__status--found{background:var(--ok-soft);color:var(--ok)}.lobby__status-row{display:flex;align-items:center;gap:10px}.lobby__status-row strong{color:var(--ink)}.lobby__status-text{margin:0;font-size:14px;color:var(--ink)}.lobby__countdown{font-weight:700;font-variant-numeric:tabular-nums}.lobby__notice{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:16px 20px;border-color:var(--accent)}.lobby__notice-text{flex:1 1 320px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.lobby__notice-text p{margin:0}.lobby__notice-actions{display:flex;flex-wrap:wrap;gap:8px}.lobby__divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.lobby__divider span{flex:1 1 0;height:1px;background:var(--line)}.lobby__rules-title{font-size:16px}.lobby__rules{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}@media (max-width: 999px){.lobby{--cell: 30px}}@media (max-width: 599px){.lobby{--cell: clamp(22px, calc((100vw - 44px) / 10.6), 32px);--board-gap: 2px}.lobby__cols,.lobby__side{gap:16px}.fleet{flex-basis:100%;padding:0;background:transparent;border:0;gap:14px}.fleet__actions .btn{flex:1 1 0;min-width:0}}.lobby__rating{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:14px}.lobby__rating:hover{text-decoration:none;filter:brightness(1.05)}.lobby__rating span{color:var(--muted);font-weight:600}.lobby__notice-rating{margin:0;font-size:14px;color:var(--muted)}.history{width:100%;max-width:820px}.history__filters{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:16px 20px}.history__filter{flex:1 1 200px;min-width:0;gap:6px}.history__filter .field__label{margin:0}.history__filter:first-child{flex-basis:260px}.history__count{margin:-8px 0 0;font-size:13px;color:var(--muted)}.history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history__item{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:400;transition:border-color .15s}a.history__item:hover{border-color:var(--accent);text-decoration:none}.history__item .badge{flex:none;min-width:84px;justify-content:center}.history__item--disabled{opacity:.7}.history__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.history__opponent{font-weight:700;overflow-wrap:anywhere}.history__meta{font-size:13px;color:var(--muted)}.history__chevron{flex:none;color:var(--muted)}.history__empty{margin:0;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--muted)}.history__empty p{margin:0}@media (max-width: 599px){.history__filters{gap:12px}.history__filter,.history__filter:first-child{flex-basis:100%}.history__item{align-items:flex-start;flex-wrap:wrap;gap:8px 12px}.history__item .badge{min-width:0}.history__main{flex-basis:100%;order:2}.history__chevron{margin-left:auto}}.history__rating{flex:none;min-width:48px;text-align:right;font-size:15px;font-variant-numeric:tabular-nums}.history__delta--up{color:var(--ok)}.history__delta--down{color:var(--hit)}.history__casual{font-size:12px;color:var(--muted)}.replay__back{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;min-height:32px;margin-bottom:-8px;font-size:14px}.replay__header .page-title{overflow-wrap:anywhere}.replay__meta{margin:8px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px;color:var(--muted)}.replay__status{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding:14px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.replay__status span{font-size:14px;color:var(--muted)}.replay__status--hit strong{color:var(--hit)}.replay__controls{position:sticky;bottom:12px;z-index:10;padding:12px 16px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:10px}.replay__buttons{display:flex;justify-content:center;align-items:center;gap:8px}.replay__buttons .btn--icon{color:var(--ink)}.replay__buttons .btn--icon:disabled{color:var(--disabled-ink)}.replay__play{width:56px;min-height:48px;padding:0;border-radius:999px}.replay__slider{width:100%;margin:0;accent-color:var(--accent);cursor:pointer}.replay__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.replay__position{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums}.replay__clock{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--muted)}.replay__speed{flex:0 1 380px}.replay__speed .segmented__option{min-height:34px;font-size:13px}.replay__log{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto;position:relative;border-top:1px solid var(--line)}.replay__move{width:100%;display:flex;align-items:center;gap:12px;min-height:40px;padding:6px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:14px;text-align:left;cursor:pointer}.replay__move:hover{background:var(--bg)}.replay__move[aria-current=step]{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.replay__move-n{flex:none;width:2.5em;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.replay__move-text{flex:1 1 auto;min-width:0}.replay__move-time{flex:none;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.replay__move-result{flex:none;font-size:13px;font-weight:600}.replay__move-result--miss{color:var(--muted)}.replay__move-result--hit{color:var(--hit)}.replay__hint{margin:0;font-size:13px;color:var(--muted)}@media (max-width: 599px){.replay__status{padding:12px 14px}.replay__controls{bottom:8px;padding:10px 12px}.replay__speed{flex-basis:100%}.replay__log{max-height:260px}.replay__hint{display:none}}.replay__delta--up{color:var(--ok)}.replay__delta--down{color:var(--hit)}.live{width:100%;max-width:820px}.live__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.live__item{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:400;transition:border-color .15s}.live__item:hover{border-color:var(--accent);text-decoration:none}.live__dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--hit);box-shadow:0 0 0 4px var(--hit-soft);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.45}}.live__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.live__players{font-weight:700;overflow-wrap:anywhere}.live__meta{font-size:13px;color:var(--muted)}.live__watching{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.live__watch{flex:none;min-height:40px}.live__empty{margin:0;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--muted)}.live__empty p{margin:0}@media (max-width: 599px){.live__item{flex-wrap:wrap;gap:8px 12px}.live__main{flex-basis:calc(100% - 30px)}.live__watching{margin-left:22px}.live__watch{margin-left:auto}}.watch__back{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;min-height:32px;margin-bottom:-8px;font-size:14px}.watch__header .page-title{overflow-wrap:anywhere}.watch__meta{margin:8px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px;color:var(--muted)}.watch__note{margin:-8px 0 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.watch__end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:14px 18px;border-radius:14px;background:var(--ok-soft);color:var(--ink)}.watch__end p{margin:0}.watch__end-actions{display:flex;flex-wrap:wrap;gap:8px}.watch__gone{padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--muted)}.watch__gone p{margin:0}.account{max-width:760px}.account__facts{margin:0;display:grid;gap:12px}.account__facts>div{display:grid;grid-template-columns:160px 1fr;gap:12px}.account__facts dt{color:var(--muted)}.account__facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}@media (max-width: 599px){.account__facts>div{grid-template-columns:1fr;gap:2px}}.account__hint{display:block;font-size:13px;font-weight:400;color:var(--muted)}.account__text{margin:0;color:var(--muted)}.account__danger{border-color:var(--hit)}.account__delete-form{display:flex;flex-direction:column;gap:12px;max-width:400px}.account__check{display:flex;align-items:flex-start;gap:8px;font-size:14px}.account__check input{margin-top:3px}.account__actions{display:flex;flex-wrap:wrap;gap:8px}.friends{max-width:760px}.friends__add{display:flex;gap:8px}.friends__add .field__input{flex:1;min-width:0}@media (max-width: 599px){.friends__add{flex-direction:column}}.friends__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.friends__item{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.friends__item:first-child{border-top:0;padding-top:0}@media (max-width: 599px){.friends__item{flex-wrap:wrap}.friends__actions{width:100%;justify-content:flex-end}}.friends__avatar{flex:none;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);font-weight:800;text-transform:uppercase}.friends__name{flex:1;min-width:0;display:flex;flex-direction:column;font-weight:700;overflow-wrap:anywhere}.friends__hint,.friends__status{font-size:13px;font-weight:400;color:var(--muted)}.friends__status{display:inline-flex;align-items:center;gap:6px}.friends__dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.friends__dot--online{background:var(--ok)}.friends__dot--busy{background:var(--warn)}.friends__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.friends__confirm{font-size:14px}.friends__empty{margin:0;color:var(--muted)}.friends__rating{font-size:13px;font-weight:600;color:var(--muted)}.leaderboard{max-width:760px}.leaderboard__me{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 16px}.leaderboard__me-rating{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:26px}.leaderboard__me-text{flex:1 1 200px;color:var(--muted)}.leaderboard__card{padding:8px 0}.leaderboard__table{width:100%;border-collapse:collapse;font-size:15px}.leaderboard__table th{padding:8px 16px;font-size:13px;font-weight:600;color:var(--muted);text-align:left}.leaderboard__table td{padding:10px 16px;border-top:1px solid var(--line)}.leaderboard__rank{width:48px;color:var(--muted);font-variant-numeric:tabular-nums}.leaderboard__num{text-align:right!important;font-variant-numeric:tabular-nums}.leaderboard__name{font-weight:600;overflow-wrap:anywhere}.leaderboard__provisional{margin-left:6px;padding:0 5px;border-radius:4px;background:var(--bg);color:var(--muted);font-size:12px;cursor:help}.leaderboard__row--me td{background:var(--accent-soft)}@media (max-width: 599px){.leaderboard__wide{display:none}.leaderboard__table th,.leaderboard__table td{padding-left:12px;padding-right:12px}}.leaderboard__empty,.leaderboard__note{margin:0;color:var(--muted);font-size:14px}.legal{max-width:800px}.legal__body{gap:0;line-height:1.6}.legal__body>p:first-child{margin-top:0}.legal__body h2{margin:24px 0 8px;font-size:19px}.legal__body p,.legal__body ul{margin:0 0 10px}.legal__body ul{padding-left:22px}.legal__body li+li{margin-top:6px}.legal__todo{padding:0 4px;border-radius:4px;background:var(--warn-soft);color:var(--warn)}.legal__other{margin:0;text-align:center}.not-found{max-width:520px;align-items:center;text-align:center;padding-top:72px;color:var(--muted)}.not-found .page-title{color:var(--ink)}#root{min-height:100vh;display:flex;flex-direction:column}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2) format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-ext-700-normal-DYOwVNan.woff2) format("woff2"),url(/assets/manrope-latin-ext-700-normal-eVCcYqtJ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-ext-800-normal-DdFx7KEb.woff2) format("woff2"),url(/assets/manrope-latin-ext-800-normal-BQAQsuQc.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-cyrillic-700-normal-Dw_fZAg2.woff2) format("woff2"),url(/assets/manrope-cyrillic-700-normal-7JNVKxyl.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-cyrillic-800-normal-AvdZ5mAV.woff2) format("woff2"),url(/assets/manrope-cyrillic-800-normal-BuEMjQU-.woff) format("woff")}:root{--bg: #F3F6F9;--surface: #FFFFFF;--ink: #0E1A28;--muted: #55677A;--line: #DCE4EC;--water: #E6EEF6;--ship: #2A3D52;--accent: #1460C8;--on-accent: #FFFFFF;--accent-soft: #E4EEFB;--hit: #D9480F;--hit-soft: #FBE2D3;--on-hit: #FFFFFF;--ok: #18794A;--ok-soft: #E1F3E9;--warn: #A45200;--warn-soft: #FDF0DC;--disabled-bg: #E9EEF3;--disabled-ink: #7D8D9E;--overlay: rgba(14, 26, 40, .45);--shadow-pop: 0 12px 32px rgba(10, 20, 35, .16);--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Manrope", system-ui, sans-serif;--radius: 10px;--radius-card: 16px;color-scheme:light;font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (prefers-color-scheme: dark){:root{--bg: #0A111C;--surface: #111B29;--ink: #E6EDF5;--muted: #95A6BA;--line: #233349;--water: #172539;--ship: #9DB2C8;--accent: #5BA3FF;--on-accent: #06101D;--accent-soft: #142A49;--hit: #FF7A45;--hit-soft: #3D1E12;--on-hit: #1A0B05;--ok: #4CC38A;--ok-soft: #12301F;--warn: #F2A649;--warn-soft: #36260E;--disabled-bg: #1A2638;--disabled-ink: #6A7C91;--overlay: rgba(3, 7, 13, .7);--shadow-pop: 0 12px 32px rgba(0, 0, 0, .45);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}a{color:var(--accent);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.15;letter-spacing:-.01em;margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{max-width:1080px;margin:0 auto;padding:36px 40px 48px;display:flex;flex-direction:column;gap:24px}@media (max-width: 999px){.page{padding:28px 24px 40px}}@media (max-width: 599px){.page{padding:20px 12px 32px;gap:16px}}.page-title{font-size:32px}.page-subtitle{margin:6px 0 0;color:var(--muted)}@media (max-width: 599px){.page-title{font-size:26px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;gap:16px}.card__title{font-size:19px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (max-width: 599px){.card{padding:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.btn:hover:not(:disabled){border-color:var(--muted);text-decoration:none}.btn:disabled{color:var(--disabled-ink);cursor:not-allowed}.btn--primary{border-color:transparent;background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){border-color:transparent;filter:brightness(1.08)}.btn--primary:disabled{background:var(--disabled-bg)}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover:not(:disabled){border-color:transparent;background:var(--bg)}.btn--danger{border-color:transparent;background:var(--hit);color:var(--on-accent)}.btn--danger:disabled{background:var(--disabled-bg)}.btn--danger:hover:not(:disabled){filter:brightness(1.08)}.btn--large{min-height:52px;font-size:16px}.btn--block{width:100%}.btn--icon{width:44px;padding:0;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--muted{background:var(--bg);color:var(--muted);border-color:var(--line)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--hit{background:var(--hit-soft);color:var(--hit)}.notice{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:var(--radius);font-size:14px;font-weight:500}.notice svg{flex:none;margin-top:1px}.notice--warn{background:var(--warn-soft);color:var(--warn)}.notice--error{background:var(--hit-soft);color:var(--hit)}.notice--ok{background:var(--ok-soft);color:var(--ok)}.segmented{display:flex;padding:4px;gap:4px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}.segmented__option{flex:1 1 0;min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer}.segmented__option[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--line)}.segmented__option:disabled{cursor:not-allowed}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-size:14px;font-weight:600}.field__input{width:100%;min-height:44px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink)}.field__input:focus{outline:2px solid var(--accent);outline-offset:-1px}.field__input[aria-invalid=true]{border-color:var(--hit)}.field__error{min-height:1.3em;margin:0;font-size:13px;color:var(--hit)}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{flex:none;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.crash{min-height:100vh;display:grid;place-items:center;padding:16px}.crash__card{max-width:420px;text-align:center}.crash__card p{color:var(--muted);margin-bottom:20px}