:root{--game-bg:#0e1c34;--game-panel:#223356a8;--game-panel-border:#7888a447;--game-grid:#7888a46b;--game-grid-soft:#7888a43d;--game-text:#f0f5ff;--game-muted:#c2cbe0;--game-primary:#9cf1ff;--game-primary-strong:#39e9ff;--game-primary-glow:#39e9ff52;--game-secondary:#ff8f95;--game-secondary-glow:#ff8f954d;--game-third:#ffd88f;--game-fourth:#369773;--game-surface:#091325;--game-surface-elevated:#122140f0;--game-cell-size:clamp(24px, 3.2vw, 40px);--game-cell-gap:0;--game-cell-radius:.22rem}html,body{background:var(--game-bg);min-height:100%;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}body{color:var(--game-text)}#vue-shell-app{min-height:4rem;display:block}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;direction:ltr;width:1em;height:1em;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;overflow:hidden}.app-icon{fill:currentColor;vertical-align:-.15em;flex-shrink:0;width:1.25em;height:1.25em;display:inline-block}.top-nav__link{letter-spacing:.025em;color:#dee5ffa6;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.375rem;padding:.4rem .65rem;font-size:.8125rem;font-weight:600;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.top-nav__link .app-icon,.top-nav__link .material-symbols-outlined{width:1.125rem;height:1.125rem;color:inherit;font-size:1.125rem}.top-nav__link:hover,.top-nav__link:focus-visible{color:#9cf1ff;background:#00e5ff14;border-color:#9cf1ff2e}.top-nav__link--active{color:#00e5ff;background:#00e5ff1f;border-color:#00e5ff47;box-shadow:0 0 12px #00e5ff1f}.sidebar-shell{background:linear-gradient(180deg, #ffffff0d, #fff0), var(--game-surface-elevated);overflow-y:auto;box-shadow:0 16px 40px #00000042,inset 0 1px #ffffff0a}.sidebar-nav__link{color:#dee5ff66;background:0 0;border-right:4px solid #0000;transition:color .22s,background-color .22s,transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;transform:translate(0)}.sidebar-nav__link:before{content:"";opacity:0;background:linear-gradient(90deg,#9cf1ff29,#9cf1ff08);transition:opacity .22s,transform .22s;position:absolute;inset:0;transform:translate(-12px)}.sidebar-nav__icon,.sidebar-nav__label{z-index:1;transition:transform .22s,color .22s,text-shadow .22s;position:relative}.sidebar-nav__link:hover,.sidebar-nav__link:focus-visible{color:#9cf1fff0;background:#00e5ff12;transform:translate(4px);box-shadow:inset 0 0 0 1px #9cf1ff14,0 8px 18px #0000001f}.sidebar-nav__link:hover:before,.sidebar-nav__link:focus-visible:before{opacity:1;transform:translate(0)}.sidebar-nav__link:hover .sidebar-nav__icon,.sidebar-nav__link:focus-visible .sidebar-nav__icon{color:var(--game-primary);text-shadow:0 0 10px #39e9ff4d;transform:translate(2px)scale(1.05)}.sidebar-nav__link:hover .sidebar-nav__label,.sidebar-nav__link:focus-visible .sidebar-nav__label{text-shadow:0 0 10px #39e9ff2e;transform:translate(2px)}.sidebar-nav__link:focus-visible{outline:none}.sidebar-nav__link--active{color:#00e5ff;background:#00e5ff1a;border-right-color:#00e5ff}.sidebar-nav__link--active:before{opacity:1;background:linear-gradient(90deg,#9cf1ff1f,#9cf1ff05);transform:translate(0)}.sidebar-nav__link--active .sidebar-nav__icon,.sidebar-nav__link--active .sidebar-nav__label{text-shadow:0 0 10px #39e9ff2e}body.mobile-menu-open{overflow:hidden}.mobile-menu[hidden]{display:none}.mobile-menu{z-index:70;position:fixed;inset:0}.mobile-menu-transition-enter-active,.mobile-menu-transition-leave-active,.mobile-menu-transition-enter-active .mobile-menu__backdrop,.mobile-menu-transition-leave-active .mobile-menu__backdrop{transition:opacity .26s}.mobile-menu-transition-enter-active .mobile-menu__drawer,.mobile-menu-transition-leave-active .mobile-menu__drawer{will-change:transform, opacity;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s}.mobile-menu-transition-enter-from,.mobile-menu-transition-leave-to,.mobile-menu-transition-enter-from .mobile-menu__backdrop,.mobile-menu-transition-leave-to .mobile-menu__backdrop{opacity:0}.mobile-menu-transition-enter-from .mobile-menu__drawer,.mobile-menu-transition-leave-to .mobile-menu__drawer{opacity:.96;transform:translate(calc(-100% - 1.5rem))}.mobile-menu-transition-enter-to .mobile-menu__drawer,.mobile-menu-transition-leave-from .mobile-menu__drawer{opacity:1;transform:translate(0)}.mobile-menu__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060e20b8;position:absolute;inset:0}.mobile-menu__drawer{z-index:1;background:linear-gradient(180deg, #ffffff0d, #fff0), var(--game-surface-elevated);border-right:1px solid #7888a42e;flex-direction:column;gap:0;width:min(86vw,22rem);height:100%;padding:1.25rem 1rem 2rem;display:flex;position:relative;overflow-y:auto;transform:translate(0);box-shadow:12px 0 40px #0000004d,inset 0 1px #ffffff0a}.mobile-menu__header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:4.25rem .75rem 1.5rem;display:flex}.mobile-menu__eyebrow{color:var(--game-muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-family:Manrope,sans-serif;font-size:.7rem;font-weight:600}.mobile-menu__title{color:var(--game-text);letter-spacing:.04em;text-transform:uppercase;margin:0;font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:700}.mobile-menu__close{border:1px solid var(--game-panel-border);width:2.5rem;height:2.5rem;color:var(--game-primary);background:#9cf1ff14;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}@media (width>=1024px){.mobile-menu{display:none!important}}body.settings-modal-open,body.game-over-modal-open{overflow:hidden}.settings-modal[hidden]{display:none}.settings-modal{z-index:80;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.settings-modal-transition-enter-active,.settings-modal-transition-leave-active,.settings-modal-transition-enter-active .settings-modal__backdrop,.settings-modal-transition-leave-active .settings-modal__backdrop{transition:opacity .24s}.settings-modal-transition-enter-active .settings-modal__dialog,.settings-modal-transition-leave-active .settings-modal__dialog{will-change:transform, opacity;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .22s}.settings-modal-transition-enter-from,.settings-modal-transition-leave-to,.settings-modal-transition-enter-from .settings-modal__backdrop,.settings-modal-transition-leave-to .settings-modal__backdrop{opacity:0}.settings-modal-transition-enter-from .settings-modal__dialog,.settings-modal-transition-leave-to .settings-modal__dialog{opacity:0;transform:translateY(1rem)scale(.96)}.settings-modal-transition-enter-to .settings-modal__dialog,.settings-modal-transition-leave-from .settings-modal__dialog{opacity:1;transform:translateY(0)scale(1)}.settings-modal__backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060e20b8;position:absolute;inset:0}.settings-modal__dialog{z-index:1;border:1px solid var(--game-panel-border);background:linear-gradient(180deg, #ffffff0d, #fff0), var(--game-surface-elevated);border-radius:1rem;width:min(100%,28rem);padding:1.5rem;position:relative;box-shadow:0 20px 50px #00000057,inset 0 1px #ffffff0f}.settings-modal__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.settings-modal__eyebrow{color:var(--game-muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-family:Manrope,sans-serif;font-size:.7rem;font-weight:600}.settings-modal__title{color:var(--game-text);letter-spacing:.04em;text-transform:uppercase;margin:0;font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:700}.settings-modal__close{border:1px solid var(--game-panel-border);width:2.5rem;height:2.5rem;color:var(--game-primary);cursor:pointer;background:#9cf1ff14;border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.settings-modal__close:hover{color:var(--game-text);background:#9cf1ff29;transform:translateY(-1px)}.settings-modal__content{flex-direction:column;gap:.85rem;display:flex}.settings-modal__group{border:none;margin:0;padding:0}.settings-modal__group-title{color:var(--game-muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .65rem;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:600}.settings-modal__difficulty-grid{gap:.75rem;display:grid}.settings-modal__option{border:1px solid var(--game-panel-border);color:var(--game-text);cursor:pointer;letter-spacing:.05em;background:#1c2d4e9e;border-radius:.85rem;align-items:center;gap:.75rem;padding:.9rem 1rem;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:500;display:flex}.settings-modal__option--toggle,.settings-modal__option--radio{justify-content:space-between}.settings-modal__option-info{align-items:center;gap:.75rem;display:inline-flex}.settings-modal__option-icon{color:var(--game-primary);font-size:1.15rem}.settings-modal__option input{width:1rem;height:1rem;accent-color:var(--game-primary-strong)}.game-over-modal__dialog{width:min(100%,30rem)}.game-over-modal__content{gap:1.25rem}.game-over-modal__message{border:1px solid var(--game-panel-border);color:var(--game-text);letter-spacing:.04em;background:#1c2d4e9e;border-radius:.9rem;margin:0;padding:1rem 1.1rem;font-family:Manrope,sans-serif;font-size:1rem;font-weight:600;line-height:1.5}.game-over-modal[data-result=victory] .game-over-modal__message{color:var(--game-primary);border-color:#9cf1ff4d;box-shadow:inset 0 0 16px #39e9ff14}.game-over-modal[data-result=defeat] .game-over-modal__message{color:var(--game-secondary);border-color:#ff8f954d;box-shadow:inset 0 0 16px #ff8f9514}.game-over-modal__actions{flex-wrap:wrap;gap:.85rem;display:flex}.game-over-modal__actions .game-action-button{flex:10rem;max-width:none}.game-action-button{background:var(--game-primary-strong);color:#003840;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;max-width:20rem;min-height:3.5rem;max-height:3.5rem;padding:.75rem 1.25rem;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .3s,transform .3s,box-shadow .3s,opacity .3s;display:inline-flex;box-shadow:0 10px 30px #00e3fd26}.game-action-button:hover{background:var(--game-primary);color:#003840;transform:translateY(-1px)}.game-action-button:disabled{opacity:.75;cursor:default;transform:none}.game-action-button--full{max-width:none}.game-action-button--sm{letter-spacing:.05em;border-radius:.375rem;min-height:2.25rem;max-height:2.25rem;padding:0 .9rem;font-size:.75rem;box-shadow:0 4px 12px #00e3fd26}.game-action-button--pulse{animation:20s ease-in-out infinite ctaAttentionPulse;position:relative;overflow:hidden}.game-action-button--pulse:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(115deg,#fff0 0%,#ffffff26 35%,#ffffffbf 50%,#ffffff26 65%,#fff0 100%);width:60%;height:200%;animation:20s ease-in-out infinite ctaShimmerSweep;position:absolute;top:-50%;left:-100%;transform:rotate(25deg)}.game-action-button--pulse:hover,.game-action-button--pulse:hover:after{animation-play-state:paused}.game-action-button--sm.game-action-button--pulse{animation-name:ctaAttentionPulseSm}@keyframes ctaAttentionPulse{0%,88%,to{transform:scale(1);box-shadow:0 10px 30px #00e3fd26}90.5%{transform:scale(1.04)translateY(-1px);box-shadow:0 0 25px #00e5ffb3,0 0 50px #00e5ff59}93.5%{transform:scale(1.01)translateY(0);box-shadow:0 0 12px #00e5ff73}96.5%{transform:scale(1.03)translateY(-1px);box-shadow:0 0 22px #00e5ffa6,0 0 45px #00e5ff4d}}@keyframes ctaAttentionPulseSm{0%,88%,to{transform:scale(1);box-shadow:0 4px 12px #00e3fd26}90.5%{transform:scale(1.05)translateY(-1px);box-shadow:0 0 18px #00e5ffb3,0 0 35px #00e5ff59}93.5%{transform:scale(1.01)translateY(0);box-shadow:0 0 8px #00e5ff73}96.5%{transform:scale(1.04)translateY(-1px);box-shadow:0 0 16px #00e5ffa6,0 0 30px #00e5ff4d}}@keyframes ctaShimmerSweep{0%,88%{opacity:0;left:-100%}89%{opacity:.9}97%{opacity:.9;left:200%}98%,to{opacity:0;left:200%}}@media (prefers-reduced-motion:reduce){.game-action-button--pulse,.game-action-button--pulse:after{animation:none}}.cta-banner-row{border-top:1px solid #7888a433;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:2rem;display:flex}@media (width>=640px){.cta-banner-row{flex-direction:row}}.lang-switcher{align-items:center;display:inline-flex;position:relative}.lang-switcher__btn{cursor:pointer;background:#0c1938e6;border:1px solid #7888a466;border-radius:.375rem;justify-content:center;align-items:center;width:2.25rem;min-width:2.25rem;max-width:2.25rem;height:2.25rem;min-height:2.25rem;max-height:2.25rem;margin:0;padding:0;transition:border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px #00000040}.lang-switcher--game .lang-switcher__btn,.lang-switcher--game .lang-switcher__option,.lang-switcher--header .lang-switcher__btn,.lang-switcher--header .lang-switcher__option,.lang-switcher__btn--game,.lang-switcher__btn--header{border-radius:.25rem;width:1.5rem;min-width:1.5rem;max-width:1.5rem;height:1.5rem;min-height:1.5rem;max-height:1.5rem}.lang-switcher--header .lang-switcher__flag,.lang-switcher--game .lang-switcher__flag{border-radius:.25rem}.lang-switcher--header .lang-switcher__dropdown,.lang-switcher--game .lang-switcher__dropdown{gap:.3rem;padding:.3rem}.lang-switcher__btn:hover{border-color:#00e5ff;transform:translateY(-1px);box-shadow:0 4px 14px #00e5ff40}.lang-switcher__flag{-o-object-fit:cover;object-fit:cover;pointer-events:none;border-radius:.375rem;width:100%;height:100%;display:block}.lang-switcher__dropdown{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060e20fa;border:1px solid #7888a466;border-radius:.5rem;flex-direction:column;gap:.4rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 30px #0009,0 0 15px #00e5ff26}.lang-switcher__option{cursor:pointer;background:#0c193899;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;width:2.25rem;min-width:2.25rem;max-width:2.25rem;height:2.25rem;min-height:2.25rem;max-height:2.25rem;padding:0;text-decoration:none;transition:border-color .2s,transform .2s,background-color .2s;display:inline-flex;overflow:hidden}.lang-switcher__option:hover{background:#00e5ff26;border-color:#00e5ff;transform:scale(1.05)}.lang-switcher__option--active{background:#00e5ff40;border-color:#00e5ff;box-shadow:0 0 8px #00e5ff66}.mobile-lang-switcher{border-top:1px solid #40485d33;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.game-shell{background:radial-gradient(circle at top left, #39e9ff1f, transparent 30%), radial-gradient(circle at bottom right, #9cf1ff14, transparent 32%), var(--game-bg);min-height:calc(100dvh - 4rem);position:relative}.game-shell>.flex-1{flex-direction:column;justify-content:center;width:100%;display:flex}.game-panel{box-shadow:0 12px 30px #00000038,inset 0 1px #ffffff05}.game-table-wrap{padding:.15rem;position:relative;overflow-x:auto}.game-table-wrap:before{content:"";pointer-events:none;opacity:.08;background:linear-gradient(#9cf1ff0d,#0000 28%);position:absolute;inset:0}.game-table-wrap--compact{padding:0}.game-field{z-index:1;-webkit-user-select:none;user-select:none;contain:layout paint style;width:max-content;margin:0 auto;position:relative}.game-field__header,.game-field__row{align-items:center;gap:var(--game-cell-gap);display:flex}.game-field__header{margin-bottom:var(--game-cell-gap)}.game-field__body{gap:var(--game-cell-gap);flex-direction:column;display:flex}.game-field__corner,.game-field__label,.game-field__cell{width:var(--game-cell-size);height:var(--game-cell-size);min-width:var(--game-cell-size);min-height:var(--game-cell-size);box-sizing:border-box;border-radius:var(--game-cell-radius)}.game-field__label{flex:none;justify-content:center;align-items:center;display:flex}.game-field__corner,.game-field__label{color:var(--game-muted);letter-spacing:.18em;text-transform:uppercase;background:0 0;border:none;font-family:Manrope,sans-serif;font-size:10px;font-weight:500;line-height:1}.game-field__label--column{padding-top:.1rem}.game-field__cell{--cell-background:#12203ceb;--cell-border-color:var(--game-grid-soft);--cell-box-shadow:inset 0 0 0 1px #ffffff08;border:1px solid var(--cell-border-color);background:var(--cell-background);box-shadow:var(--cell-box-shadow);transition:transform .15s,background-color .15s,border-color .15s;position:relative;overflow:hidden}.game-field__cell.ship{--cell-background:#284a66f5;--cell-border-color:#9cf1ff8a;--cell-box-shadow:inset 0 0 10px #9cf1ff33}.game-field__cell.shot{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff8f95'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.45rem .45rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards miss-cell-appear}.game-field__cell.shot.surrounding-miss{--cell-background:#14233e99;--cell-box-shadow:inset 0 0 0 1px #ffffff05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e47c84'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E")}#player-field .game-field__cell.shot{background-size:.28rem .28rem;animation-name:miss-cell-appear-player}.game-field__cell.ship.shot,.game-field__cell.hit,.game-field__cell.hit:hover{--cell-border-color:#ff5f5fa6;--cell-box-shadow:inset 0 0 12px #ff3c3c66, 0 0 8px #ff323240;background-color:#370c16fa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2L2 4L9.5 12L2 20L4 22L12 14.5L20 22L22 20L14.5 12L22 4L20 2L12 9.5Z' fill='%23ff2200' stroke='%23ff6600' stroke-width='3.5' opacity='0.35' stroke-linejoin='round'/%3E%3Cpath d='M4 2L2 4L9.5 12L2 20L4 22L12 14.5L20 22L22 20L14.5 12L22 4L20 2L12 9.5Z' fill='%23ff2a1a' stroke='%23ff4800' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cline x1='3.5' y1='3.5' x2='20.5' y2='20.5' stroke='%23ffd200' stroke-width='2.4' stroke-linecap='square'/%3E%3Cline x1='20.5' y1='3.5' x2='3.5' y2='20.5' stroke='%23ffd200' stroke-width='2.4' stroke-linecap='square'/%3E%3Cline x1='3.5' y1='3.5' x2='20.5' y2='20.5' stroke='%23fff699' stroke-width='1' stroke-linecap='square'/%3E%3Cline x1='20.5' y1='3.5' x2='3.5' y2='20.5' stroke='%23fff699' stroke-width='1' stroke-linecap='square'/%3E%3C/svg%3E"),radial-gradient(circle,#821826fa 0%,#370c16fa 100%);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:65% 65%,100% 100%;animation:.45s ease-out hit-cell-shake,.45s cubic-bezier(.175,.885,.32,1.275) forwards hit-cell-marker-appear}.game-field__cell.hit:before,.game-field__cell.ship.shot:before{content:"";opacity:0;pointer-events:none;z-index:2;background:radial-gradient(circle,#ffe66ef2 0%,#ff5a32bf 45%,#ff1e1e00 72%);border-radius:50%;animation:.6s cubic-bezier(.1,.8,.3,1) forwards hit-shockwave;position:absolute;inset:-30%}@keyframes hit-cell-shake{0%{filter:brightness(2.2);transform:scale(.85)}30%{filter:brightness(1.7);transform:scale(1.12)rotate(2deg)}60%{filter:brightness(1.3);transform:scale(.97)rotate(-1deg)}to{filter:brightness();transform:scale(1)rotate(0)}}@keyframes hit-shockwave{0%{opacity:1;visibility:visible;transform:scale(.15)}35%{opacity:.9}to{opacity:0;visibility:hidden;transform:scale(2.4)}}@keyframes hit-cell-marker-appear{0%{background-size:0% 0%,100% 100%}60%{background-size:78% 78%,100% 100%}to{background-size:65% 65%,100% 100%}}@keyframes miss-cell-appear{0%{background-size:0 0}70%{background-size:.6rem .6rem}to{background-size:.45rem .45rem}}@keyframes miss-cell-appear-player{0%{background-size:0 0}70%{background-size:.38rem .38rem}to{background-size:.28rem .28rem}}.game-field__cell.pending-shot{--cell-background:#163444f5;--cell-border-color:#39e9ffad;--cell-box-shadow:inset 0 0 12px #39e9ff33}.game-field__cell.pending-shot:after{content:"";border:2px solid var(--game-primary-strong);box-sizing:border-box;pointer-events:none;border-top-color:#0000;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite pending-shot-spin;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@keyframes pending-shot-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.game-field.field-disabled{opacity:.84}#opponent-field.game-field .game-field__cell:hover{cursor:pointer}.game-field.field-disabled .game-field__cell:hover{border-color:var(--game-grid-soft);transform:none;box-shadow:inset 0 0 0 1px #ffffff04,0 0 0 1px #00000014}.snake-border{color:#fff;background:#223356a8;border-radius:10px;padding:20px;position:relative;overflow:hidden}.snake-border:before{content:"";z-index:0;background:conic-gradient(#0000,#f3bf26,#0000 30%);width:200%;height:200%;animation:3s linear infinite rotate;position:absolute;top:-50%;left:-50%}.snake-border:after{content:"";z-index:0;background:#223356a8;position:absolute}.snake-border>*{z-index:1;position:relative}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=1280px){#main-wrap{align-items:stretch;height:auto}#main-wrap>div{height:100%}#secondary-wrap{flex-direction:column;justify-content:space-between;height:100%;min-height:0;display:flex}#command-log-wrap{flex-direction:column;min-height:0;display:flex}}#history{scrollbar-width:thin;scrollbar-color:#81ecff4d #12214066;background:var(--game-panel);height:12rem;max-height:12rem;display:block;overflow-y:auto;box-shadow:inset 0 1px #ffffff0d,0 12px 28px #00000024}#history::-webkit-scrollbar{width:6px}#history::-webkit-scrollbar-track{background:#12214066;border-radius:999px}#history::-webkit-scrollbar-thumb{background:#81ecff4d;border-radius:999px}#history::-webkit-scrollbar-thumb:hover{background:#81ecff80}#history-content{letter-spacing:.08em;text-transform:uppercase;color:var(--game-text);flex-direction:column;gap:.5rem;margin:0;font-family:Manrope,sans-serif;font-size:11px;display:flex}#history-content>.history-entry{color:#f0f5ffdb;border-left:1px solid #7888a45c;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.4rem 0 .4rem .85rem;display:flex;position:relative}#history-content>.history-entry:before{content:"";background:#c2cbe094;border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.8rem;left:-.28rem}#history-content>.history-entry:first-child{color:var(--game-primary)}#history-content>.history-entry:first-child:before{background:var(--game-primary-strong);box-shadow:0 0 6px #39e9ff57}.history-entry__start,.history-entry__result{min-width:50px;display:block}.history-entry__start{flex:auto}.history-entry__result{text-align:right;color:#9cf1fff0;white-space:normal;word-break:break-word}#player-field{--game-cell-size:clamp(12px, 1.15vw, 15px);--game-cell-gap:0}#player-field .game-field__label{letter-spacing:.1em;font-size:8px}#player-field .game-field__header,#player-field .game-field__label--row{display:none}@keyframes fleet-indicator-flash{0%{opacity:1;transform:scale(1)}35%{opacity:.88;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@media (width>=1280px){.game-field--opponent .game-field__cell:hover{--cell-border-color:#9cf1ff7a;--cell-background:#182a4af5}.game-field__cell.hit:hover{--cell-background:#4a222af5;--cell-border-color:#ff8f956b;--cell-box-shadow:inset 0 0 10px #ff8f952e}}@media (width<=1024px){:root{--game-cell-size:clamp(24px, 5vw, 40px);--game-cell-gap:0}}@media (width<=767px) and (orientation:portrait){:root{--game-cell-size:clamp(20px, 8.3vw, 32px);--game-cell-gap:0}header.fixed{position:static}.settings-modal{padding:1rem}.settings-modal__dialog{padding:1.1rem}.game-over-modal__actions{flex-direction:column}.game-table-wrap{padding:0}.game-field__header,.game-field__label--row{display:none}.game-field__label{font-size:9px}main.game-shell>section{padding-top:1rem;padding-bottom:1rem}#main-wrap{gap:.5rem}#secondary-wrap{gap:.25rem}#history{height:6rem}#history-content{font-size:10px}#history-content>.history-entry{padding:.3rem 0 .3rem .65rem}#command-log-title-wrap{display:none}#opponent-stat-wrap{grid-template-columns:1fr auto;gap:.25rem}#opponent-stat-wrap section{padding:.25rem}.game-panel.p-4{padding:.65rem}#player-field{--game-cell-size:clamp(13px, 4vw, 18px);--game-cell-gap:0}#header-wrap{display:none}}@media (width<=968px) and (orientation:landscape){:root{--game-cell-size:8vh;--game-cell-gap:0}header.fixed{position:static}main.game-shell>section{padding-top:1rem;padding-bottom:1rem}.game-table-wrap{padding:0}.game-field__header,.game-field__label--row{display:none}.game-field__label{font-size:9px}#opponent-field-title{display:none}#main-wrap{grid-template-columns:1fr auto;gap:.5rem;max-height:none;display:grid}#main-wrap>div{justify-content:end;height:auto}.sidebar-shell{overflow-y:auto}.mobile-menu__drawer{height:100dvh;max-height:100dvh}#secondary-wrap{gap:.25rem}#history{height:6rem}#history-content{font-size:10px}#history-content>.history-entry{padding:.3rem 0 .3rem .65rem}#command-log-title-wrap{display:none}#opponent-stat-wrap{grid-template-columns:1fr auto;gap:.25rem}#opponent-stat-wrap section{padding:.25rem}.game-panel.p-4{padding:.65rem}#player-field{--game-cell-size:5.3vh;--game-cell-gap:0}#header-wrap{display:none}}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.landing-container{flex-direction:column;gap:1.5rem;display:flex}@media (width>=768px){.landing-container{gap:2rem}}.landing-hero-media{border:1px solid var(--game-panel-border);background:#122140cc;border-radius:.75rem;max-width:44rem;margin:0 auto;overflow:hidden;box-shadow:0 16px 40px #00000059}.landing-hero-media img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;max-height:360px;display:block}.landing-feature-row{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.landing-feature-text{flex:1;width:100%;min-width:0}.landing-feature-media{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.landing-feature-media img{border:1px solid var(--game-panel-border);-o-object-fit:contain;object-fit:contain;border-radius:.75rem;width:auto;max-width:100%;max-height:280px;box-shadow:0 10px 30px #00000059}.landing-grid-specs{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=900px){.landing-feature-row{flex-direction:row;gap:2.5rem}.landing-feature-row--reverse{flex-direction:row-reverse}.landing-feature-text{flex:1.25}.landing-feature-media{flex:1}.landing-grid-specs{grid-template-columns:1fr 1fr}}.news-preview-media{background:#09132580;border:1px solid #7888a433;border-radius:.5rem;width:100%;max-width:220px;margin-bottom:1rem;overflow:hidden;box-shadow:0 4px 14px #00000040}@media (width>=640px){.news-preview-media{float:left;margin-top:.25rem;margin-bottom:.75rem;margin-right:1.25rem}}.news-preview-media img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;display:block}.news-article-media{background:#09132580;border:1px solid #7888a433;border-radius:.75rem;width:100%;max-width:380px;margin-top:1.25rem;margin-bottom:1rem;overflow:hidden;box-shadow:0 8px 24px #00000059}.news-article-media img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;display:block}.is-telegram .game-footer{display:none!important}.game-footer{z-index:20;-webkit-backdrop-filter:blur(12px);background:#060e20f2;border-top:1px solid #40485d40;margin-top:auto;position:relative;box-shadow:0 -4px 20px #00000059}.game-footer__brand{letter-spacing:.08em;text-transform:uppercase;color:var(--game-primary-strong);font-family:Manrope,sans-serif;font-weight:800;text-decoration:none;transition:color .2s,text-shadow .2s}.game-footer__brand:hover{color:#fff;text-shadow:0 0 10px #00e5ff99}.game-footer__tagline{letter-spacing:.1em;text-transform:uppercase;color:var(--game-muted);font-family:Manrope,sans-serif;font-size:.7rem;font-weight:600}.game-footer__copy{color:#c2cbe0bf;font-size:.72rem}.game-footer__link{letter-spacing:.06em;text-transform:uppercase;color:var(--game-muted);font-family:Manrope,sans-serif;font-size:.72rem;font-weight:600;text-decoration:none;transition:color .2s,text-shadow .2s}.game-footer__link:hover,.game-footer__link:focus-visible{color:var(--game-primary);text-shadow:0 0 8px #00e5ff66}.game-footer__status{letter-spacing:.05em;text-transform:uppercase;color:var(--game-primary);align-items:center;gap:.4rem;font-family:Manrope,sans-serif;font-size:.7rem;font-weight:600;display:inline-flex}.game-footer__status-dot{background:var(--game-primary-strong);width:.45rem;height:.45rem;box-shadow:0 0 8px var(--game-primary-strong);border-radius:9999px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.orientation-warning{z-index:99999;-webkit-backdrop-filter:blur(16px);text-align:center;background:#081022f5;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.orientation-warning__content{flex-direction:column;justify-content:center;align-items:center;max-width:32rem;margin:auto;display:flex}.orientation-warning__icon-wrap{width:4.5rem;height:4.5rem;color:var(--game-primary-strong);background:#00e5ff1a;border:1px solid #00e5ff59;border-radius:1rem;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex;box-shadow:0 0 25px #00e5ff33}.orientation-warning__icon{fill:currentColor;width:2.75rem;height:2.75rem;animation:2.4s ease-in-out infinite orientation-rotate-device}.orientation-warning__title{letter-spacing:.02em;color:#fff;text-shadow:0 0 12px #00e5ff4d;margin:0 0 .5rem;font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:700}.orientation-warning__subtitle{color:var(--game-muted);margin:0;font-family:Manrope,sans-serif;font-size:.85rem;line-height:1.45}@keyframes orientation-rotate-device{0%,15%{transform:rotate(90deg)}45%,65%{transform:rotate(0)}85%,to{transform:rotate(90deg)}}@media screen and (orientation:landscape) and (height<=550px) and (pointer:coarse),screen and (orientation:landscape) and (height<=480px){.orientation-warning{display:flex}}