/* Shared paper-and-ink frame. The 3D boards keep their ocean rendering. */
.cinematic-game .hero:before{display:none}
.cinematic-game:not(.lan-page) .hero{display:none}
.cinematic-game:not(.lan-page) .mode-picker{margin-top:20px}
body.cinematic-game[data-phase="setup"] .side-panel,body.cinematic-game[data-phase="waiting"] .side-panel{grid-row:1;order:-1;grid-template-columns:1fr}
.cinematic-game[data-phase="setup"] .side-panel .log-section,.cinematic-game[data-phase="setup"] .side-panel .session-stats,.cinematic-game[data-phase="waiting"] .side-panel .log-section{display:none}
:root{color-scheme:light;--muted:#617282;--mint:#28577b;--coral:#cc4b34;--line:#cbd3d8;--panel:#fffdf9}
body.cinematic-game{background:#f5f2e9;color:#203e59;font-family:Arial,Helvetica,sans-serif}
body.cinematic-game:before,body.cinematic-game:after,.cinematic-game .board-panel:before{content:none;display:none}
.cinematic-game .shell,.cinematic-game.lan-page .shell{max-width:1280px;padding:0 28px}
.cinematic-game .topbar,.cinematic-game.lan-page .topbar{height:76px;border-bottom:2px solid #203e59}
.cinematic-game .brand-name,.cinematic-game.lan-page .brand-name{font-size:21px;letter-spacing:-.7px;color:#203e59;text-shadow:none;text-transform:none}
.cinematic-game .brand-sub,.cinematic-game .hero .eyebrow,.cinematic-game .hero-art,.cinematic-game .hero-meta,.cinematic-game .lan-art,.cinematic-game .operation-number,.cinematic-game .operation-sub,.cinematic-game .orbit,.cinematic-game .panel-kicker,.cinematic-game .key-note{display:none}
.cinematic-game .brand-mark{border:0;border-radius:3px;background:#244f77;color:#fff;width:35px;height:35px;box-shadow:none}.cinematic-game .site-home:before{color:#244f77}
.cinematic-game .nav-button,.cinematic-game .icon-button{color:#345471;background:transparent;border-color:#c4cfd7;font-size:13px;border-radius:4px;min-height:40px}.cinematic-game .nav-button:hover,.cinematic-game .icon-button:hover{background:#e4eaf0;color:#173c60}
.cinematic-game .hero,.cinematic-game.lan-page .hero{min-height:0;padding:26px 0 22px}.cinematic-game .hero h1,.cinematic-game.lan-page .hero h1{color:#203e59;font-size:32px;font-weight:750;letter-spacing:-1px;line-height:1.15;margin:0 0 9px;text-shadow:none}.cinematic-game .hero h1 em{color:inherit}.cinematic-game .hero p,.cinematic-game.lan-page .hero p{color:#617282;font-size:15px;line-height:1.6;max-width:740px}
.cinematic-game[data-phase="playing"] .hero,.cinematic-game[data-phase="finished"] .hero,.cinematic-game.lan-page:not([data-phase="lobby"]) .hero{display:none}
.cinematic-game .mode-picker{margin:0 0 16px;gap:0;border-bottom:1px solid #c1cdd4;padding:0}.cinematic-game .mode-choice{background:transparent;border:0;border-radius:0;box-shadow:none;min-height:65px;padding:12px 18px;color:#355574;border-bottom:3px solid transparent}.cinematic-game .mode-choice strong{font-size:15px;color:#203e59}.cinematic-game .mode-choice small{font-size:12px;color:#617282}.cinematic-game .mode-choice.selected,.cinematic-game .mode-choice:hover:not(:disabled){background:#e4eaf0;border-color:#28577b;box-shadow:none}.cinematic-game .mode-choice.selected strong{color:#203e59}.cinematic-game .mode-choice.selected small{color:#617282}
.cinematic-game .game-top{padding:4px 0 17px;border:0}.cinematic-game .operation-label{font-size:15px;color:#203e59}.cinematic-game .difficulty{font-size:14px;color:#617282}.cinematic-game .difficulty select{background:#fffdf9;border-color:#aebcc5;color:#203e59;font-size:14px;padding:9px 28px 9px 12px}
.cinematic-game .scene-toolbar{padding:12px 0 15px;gap:10px}.cinematic-game .scene-toolbar>span{font:13px Arial;color:#617282;letter-spacing:0;text-transform:none}.cinematic-game .scene-toolbar button,.cinematic-game .small-button{background:#fffdf9;border:1px solid #b9c7d0;color:#244f77;border-radius:4px;box-shadow:none;min-height:40px;padding:9px 12px;font-size:13px}.cinematic-game .scene-toolbar button:hover,.cinematic-game .small-button:hover{background:#e4eaf0;color:#183e61;border-color:#6a8ba5}.cinematic-game .scene-toolbar button[aria-pressed="true"],.cinematic-game .scene-toolbar button.selected,.cinematic-game .small-button.selected{background:#dce7f0;color:#214d71;border-color:#7b9bb5}
.cinematic-game .board-panel{background:#fffdf9;border:1px solid #b5c5cf;border-radius:5px;box-shadow:none}.cinematic-game .board-panel.turn-owner{border:2px solid #28577b;box-shadow:none}.cinematic-game .panel-head,.cinematic-game.lan-page .panel-head{padding:15px 18px}.cinematic-game .panel-title,.cinematic-game.lan-page .panel-title{font-size:18px;color:#203e59;font-weight:700}.cinematic-game .panel-title .icon{color:#28577b}.cinematic-game .enemy-panel .panel-title .icon{color:#c25139}.cinematic-game .tag,.cinematic-game .tag.enemy{font:12px Arial;color:#526c80;border:0;background:#edf0f1;padding:6px 8px;letter-spacing:0;text-transform:none;border-radius:3px}.cinematic-game .tag.active{background:#244f77;color:#fff;box-shadow:none}
.cinematic-game .board-footer,.cinematic-game.lan-page .board-footer{background:#fffdf9;border-top:1px solid #d1dce2;padding:15px 18px}.cinematic-game .fleet-caption{font:12px Arial;color:#617282;letter-spacing:0;text-transform:none}.cinematic-game .fleet-count{font-size:16px;color:#203e59}.cinematic-game .mini-ship i,.cinematic-game .enemy-panel .mini-ship i{background:#416a8b;box-shadow:none;width:9px;height:7px}.cinematic-game .mini-ship.destroyed i{background:#b2bec7}.cinematic-game .mini-ship.pending i{background:transparent;outline-color:#8299aa}.cinematic-game .manual-hint,.cinematic-game .lan-board-note{font-size:12px;color:#617282;line-height:1.65}.cinematic-game .ship-select{background:#f3f5f6;border-color:#bdcbd4;border-radius:4px;min-height:44px}.cinematic-game .ship-select.active{background:#dce7f0;border-color:#5c85a4;box-shadow:none}.cinematic-game .ship-select small{color:#355574}
.cinematic-game .side-panel,.cinematic-game.lan-page .side-panel{background:#e8edf0;border:1px solid #bdcbd4;border-radius:5px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}.cinematic-game .mission-section,.cinematic-game.lan-page .mission-section{padding:20px;grid-template-columns:minmax(0,1fr) 180px;gap:6px 18px}.cinematic-game .mission-section .section-label{display:none}.cinematic-game .status-orbit{margin:0;display:block}.cinematic-game .status-orbit h2{font-size:20px;font-weight:700;color:#203e59;margin:0}.cinematic-game .mission-copy,.cinematic-game.lan-page .mission-copy{color:#526c80;font-size:13px;line-height:1.6;margin:5px 0 0}.cinematic-game .primary-button{background:#244f77;border:1px solid #183d5c;border-radius:4px;color:white;box-shadow:0 3px 0 #183d5c;min-height:48px;font-size:15px;font-weight:700}.cinematic-game .primary-button:hover{background:#1a4165;box-shadow:0 3px 0 #183d5c}.cinematic-game .primary-button:disabled{color:#697f90;background:#d3dee6;border-color:#b5c5d0;box-shadow:none}
.cinematic-game .section-label{color:#526c80;font:13px Arial;letter-spacing:0;text-transform:none}.cinematic-game .log-section,.cinematic-game.lan-page .log-section{padding:20px;border-color:#c3d0da}.cinematic-game .log-line,.cinematic-game.lan-page .log-line,.cinematic-game .log-line:first-child{font-size:13px;color:#355574}.cinematic-game .log-mark{color:#c25139}.cinematic-game .log-counter,.cinematic-game .lan-log-empty{color:#617282;font-size:12px}.cinematic-game .session-stats{background:transparent;border-color:#c3d0da}.cinematic-game .stat-value{color:#203e59;font-size:26px}.cinematic-game .stat-name{color:#617282;font-size:12px}.cinematic-game .shared-turn,.cinematic-game .shared-turn.second-turn{background:#244f77;border:0;border-radius:4px;color:#fff;font-size:15px;padding:15px 18px}.cinematic-game .shared-turn span,.cinematic-game .shared-turn.second-turn span{color:#d5e4ef;font-size:13px}.cinematic-game .turn-banner{font-size:13px;color:#28577b}.cinematic-game .turn-banner.enemy-turn{color:#b24b35}.cinematic-game .legend,.cinematic-game .save-note,.cinematic-game .lan-legend,.cinematic-game .shared-scroll-note{color:#617282;font-size:12px}.cinematic-game .footer,.cinematic-game.lan-page .footer{color:#617282;font:12px Arial;border-color:#c5d0d7;letter-spacing:0;padding:22px 0}.cinematic-game .footer-motto{display:none}
.cinematic-game .modal-backdrop{background:#142b4877;backdrop-filter:none}.cinematic-game .modal{background:#fffdf9;color:#203e59;border:1px solid #acbecb;border-radius:5px;box-shadow:0 15px 60px #152d4b33}.cinematic-game .modal h2{color:#203e59}.cinematic-game .modal p,.cinematic-game .modal ol{color:#526c80;font-size:15px}.cinematic-game .modal-eyebrow{display:none}.cinematic-game .toast{background:#244f77;color:#fff;border:0;border-radius:4px;box-shadow:none;font-size:14px}.cinematic-game .mobile-tabs{background:#e4eaf0;border-color:#bbccd7}.cinematic-game .mobile-tabs button{color:#355574}.cinematic-game .mobile-tabs button.active{background:#244f77;color:#fff}
.cinematic-game .lan-lobby{gap:30px;margin-top:20px}.cinematic-game .lan-card{background:transparent;border:0;border-top:2px solid #244f77;border-radius:0;box-shadow:none;padding:26px 0}.cinematic-game .lan-card-number{display:none}.cinematic-game .lan-card h2{font-size:26px;color:#203e59;margin:0 0 13px}.cinematic-game .lan-card p{font-size:15px;color:#617282;line-height:1.7}.cinematic-game .lan-card .primary-button{min-height:51px}.cinematic-game .lan-code-input,.cinematic-game .lan-share-url{background:#fffdf9;color:#203e59;border-color:#aebfcb;border-radius:4px;font-size:14px!important;min-height:46px}.cinematic-game .lan-input-label{font:13px Arial;color:#617282;letter-spacing:0;text-transform:none}.cinematic-game .lan-status-strip{background:#e7edf1;border:0;border-left:3px solid #567c99;border-radius:0;color:#355574;font-size:14px;padding:14px 17px;box-shadow:none}.cinematic-game .lan-status-strip.error,.cinematic-game .lan-status-strip.warning{background:#fae9dc;border-color:#bd5d38;color:#884024}.cinematic-game .signal-dot{background:#3c806c;box-shadow:none}.cinematic-game .lan-how{background:transparent;border:0;border-top:1px solid #bbcbd5;border-radius:0;padding:25px 0;margin-top:0}.cinematic-game .lan-how h3{font-size:17px;color:#203e59}.cinematic-game .lan-how p,.cinematic-game .lan-how li{font-size:14px;color:#617282;line-height:1.8}
.cinematic-game .lan-share{background:#e4edf4;border:1px solid #a8bfd0;border-left:4px solid #28577b;border-radius:4px;margin-top:22px;padding:20px;grid-template-columns:1fr}.cinematic-game .lan-share>div:first-child{display:none}.cinematic-game .lan-share-right:before{content:'Приглашение для друга';display:block;font-weight:700;font-size:18px;margin-bottom:12px;color:#203e59}html[lang="en"] .cinematic-game .lan-share-right:before{content:'Invite your friend'}.cinematic-game .lan-share p{font-size:13px;color:#526c80}.cinematic-game .lan-url-row{gap:10px}.cinematic-game .lan-room-heading{padding:18px 0}.cinematic-game .lan-role,.cinematic-game .lan-role span,.cinematic-game .lan-network{font-size:12px;color:#526c80}.cinematic-game .lan-network{color:#397260}.cinematic-game .lan-result{background:#e6efea;border-color:#9ebcad;border-radius:4px}.cinematic-game .lan-result h2{color:#2e6552}.cinematic-game .lan-result p,.cinematic-game .lan-result td,.cinematic-game .lan-result th{color:#375e51}.cinematic-game .lan-result.lan-defeat{background:#f7e9df;border-color:#d5b5a0}.cinematic-game .lan-result.lan-defeat h2{color:#93422f}.cinematic-game .lan-fatal,.cinematic-game .lan-server-missing{background:#f7e9df;border-color:#d5b5a0;border-radius:4px}.cinematic-game .lan-fatal h2,.cinematic-game .lan-server-missing h2{color:#93422f}.cinematic-game .lan-fatal p,.cinematic-game .lan-server-missing p{color:#805b48}.cinematic-game .axis{color:#526c80}.cinematic-game .grid-cover{color:#d4e3ed}.cinematic-game .pause-cover,.cinematic-game .lan-local-shield{color:#e4edf4}.cinematic-game .lan-local-shield h2{color:#e4edf4}
@media(max-width:800px){.cinematic-game .side-panel,.cinematic-game.lan-page .side-panel{grid-template-columns:1fr}.cinematic-game .log-section,.cinematic-game.lan-page .log-section{border-left:0;border-top:1px solid #c3d0da}.cinematic-game .session-stats{display:none}.cinematic-game .mode-choice{padding:11px;gap:9px}.cinematic-game .mode-choice strong{font-size:13px}.cinematic-game .mode-choice small{font-size:11px}}
@media(max-width:620px){.cinematic-game .shell,.cinematic-game.lan-page .shell{padding-inline:14px}.cinematic-game .topbar,.cinematic-game.lan-page .topbar{height:65px;gap:7px}.cinematic-game .brand-name,.cinematic-game.lan-page .brand-name{font-size:17px;letter-spacing:-.5px}.cinematic-game .brand-mark{display:none}.cinematic-game .top-actions{gap:4px}.cinematic-game .nav-button{padding:8px;font-size:12px}.cinematic-game .icon-button{width:36px;min-height:36px;height:36px}.cinematic-game .divider{display:none}.cinematic-game .hero,.cinematic-game.lan-page .hero{padding:23px 0 18px}.cinematic-game .hero h1,.cinematic-game.lan-page .hero h1{font-size:27px}.cinematic-game .hero p,.cinematic-game.lan-page .hero p{font-size:14px}.cinematic-game .mode-picker{flex-wrap:wrap}.cinematic-game .scene-toolbar>span{display:none}.cinematic-game .scene-controls{width:100%;gap:5px}.cinematic-game .scene-toolbar button{font-size:11px;padding:7px;flex:1;min-width:45px;min-height:40px}.cinematic-game .panel-title,.cinematic-game.lan-page .panel-title{font-size:16px}.cinematic-game .board-footer,.cinematic-game.lan-page .board-footer{padding:14px}.cinematic-game .fleet-caption{font-size:11px}.cinematic-game .mission-section,.cinematic-game.lan-page .mission-section{display:block;padding:18px}.cinematic-game .mission-section .primary-button,.cinematic-game.lan-page .mission-section .primary-button{margin-top:15px;width:100%}.cinematic-game .mission-copy,.cinematic-game.lan-page .mission-copy{font-size:14px}.cinematic-game .status-orbit h2{font-size:21px}.cinematic-game .lan-share{padding:15px;margin-top:16px}.cinematic-game .lan-share p{font-size:12px}.cinematic-game .lan-url-row{flex-wrap:wrap}.cinematic-game .lan-url-row .small-button{font-size:14px;width:100%;min-height:44px;justify-content:center}.cinematic-game .lan-lobby{gap:10px}.cinematic-game .lan-card{padding:23px 0}.cinematic-game .lan-card h2{font-size:23px}.cinematic-game .lan-network{font-size:11px}.cinematic-game .shared-turn{font-size:14px}.cinematic-game .game-top{flex-wrap:wrap}.cinematic-game .small-button{min-height:42px;font-size:12px}.cinematic-game .footer{font-size:11px}}