:root{--море: #0a1622;--волна: #12324a;--пена: #e8f1f7;--золото: #e2b85a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--море);color:var(--пена);font-family:system-ui,sans-serif}#app{position:relative;height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#1b3a52,var(--море) 70%)}.море__дождь,.море__вспышка{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.море__вспышка{background:#fff;opacity:0}.поход{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 16px 16px}.поход__ресурсы{display:flex;gap:14px;font-size:17px;background:#00000059;padding:8px 14px;border-radius:12px}.поход__ресурсы b{color:var(--золото)}.поход__ресурсы span{display:grid;grid-template-columns:auto auto;column-gap:4px;justify-items:center}.поход__ресурсы small{grid-column:1 / -1;font-size:11px;opacity:.75;line-height:1.1}.поход__море{--клетка: min(calc((100vw - 32px) / var(--ш, 5)), calc((100vh - 205px) / var(--в, 9)));position:relative;display:grid;grid-template-columns:repeat(var(--ш, 5),var(--клетка));grid-template-rows:repeat(var(--в, 9),var(--клетка));gap:0;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(135deg,#14405e 0,#14405e 6px,#123a56 6px,#123a56 12px);box-shadow:0 0 0 2px #e2b85a59}.клетка{border:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;font-size:calc(var(--клетка) * .45);padding:0;cursor:default}.клетка--туман{background:#040a10d1}.клетка--ход{cursor:pointer;box-shadow:inset 0 0 0 2px #e2b85abf;animation:зов 1.6s ease-in-out infinite}@keyframes зов{50%{box-shadow:inset 0 0 0 2px #e2b85a40}}.поход__корабль{position:absolute;width:calc(100% / var(--ш, 5));height:calc(100% / var(--в, 9));object-fit:contain;padding:3px;pointer-events:none;transition:left .45s ease,top .45s ease;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5))}.поход__событие{margin:0;min-height:3.6em;max-width:420px;text-align:center;font-size:15px;line-height:1.35}.поход__итог{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#050c14c7}.поход__итог[hidden]{display:none}.поход__итог-текст{margin:0;font-size:22px;text-align:center;padding:0 24px}.поход__кнопка{padding:12px 28px;font-size:18px;border:0;border-radius:12px;background:var(--золото);color:#1a1206}.поход__движок{margin:auto 0 0;font-size:12px;opacity:.55}