.lsGame{direction:rtl;position:relative;overflow:hidden;padding:18px;border-radius:30px;background:linear-gradient(180deg,#0369a1 0 27%,#eff6ff 27%);font-family:"Alexandria",Tahoma,sans-serif;color:#17324d;box-shadow:0 22px 60px #0369a140}.lsGame *{box-sizing:border-box}.lsGame button{font:inherit;cursor:pointer}.lsHeader{display:flex;justify-content:space-between;gap:12px;color:#fff}.lsHeader h1{font-size:clamp(30px,5vw,50px);margin:8px 0 4px}.lsHeader p{margin:0;font-weight:800}.lsHeader span{background:#ffffff22;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:900}.lsHeader button,.lsMission button{border:0;border-radius:99px;background:#ffffff24;color:#fff;padding:10px 14px;font-weight:900}.lsLevels,.lsStats{display:grid;gap:9px}.lsLevels{grid-template-columns:repeat(3,1fr);margin:16px 0}.lsLevels button{border:2px solid transparent;border-radius:17px;background:#fff;padding:12px;font-weight:900}.lsLevels .is-active{background:#dbeafe;border-color:#38bdf8;transform:translateY(-3px)}.lsStats{grid-template-columns:repeat(6,1fr);margin-bottom:12px}.lsStats div{background:#fff;padding:9px;border-radius:14px;text-align:center}.lsSea{position:relative;min-height:510px;border-radius:26px;overflow:hidden;background:linear-gradient(#60a5fa 0 47%,#0ea5e9 47% 62%,#075985 62%);box-shadow:inset 0 0 0 5px #fff3}.lsClouds{position:absolute;top:35px;left:0;right:0;text-align:center;font-size:45px}.lsWaves:before,.lsWaves:after{content:"";position:absolute;left:-10%;width:120%;height:40px;border-radius:50%;background:#ffffff55;animation:lsWave 5s linear infinite}.lsWaves:before{top:47%}.lsWaves:after{top:54%;animation-delay:-2s}.lsShip{position:absolute;left:7%;bottom:65px;font-size:92px;transition:left .6s,transform .5s;filter:drop-shadow(0 12px 7px #001c3b88);z-index:4}.lsMission{position:absolute;z-index:6;left:50%;top:18px;transform:translateX(-50%);width:min(92%,620px);padding:13px;border-radius:22px;background:#0c4a6edd;color:#fff;text-align:center}.lsMission small{color:#bae6fd;font-weight:900}.lsMission h2{margin:4px}.lsMission strong{display:block;font-size:70px;color:#fef3c7}.lsMission span{display:block;min-height:22px;color:#fde68a}.lsMission i{display:block;height:8px;background:#ffffff33;border-radius:99px;overflow:hidden}.lsMission i b{display:block;width:100%;height:100%;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444)}.lsMessage,.lsBank{position:absolute;z-index:7;left:10%;right:10%;text-align:center;color:#fff}.lsMessage{bottom:35px;background:#082f49dd;padding:9px;border-radius:14px;font-weight:900}.lsBank{bottom:10px;font-size:9px}.lsStorm{position:absolute;right:5%;top:190px;font-size:90px;opacity:0;transform:scale(.5);transition:.4s}.lsStorm.active{opacity:1;transform:scale(1.2)}.lsPorts{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:13px}.lsPort{border:3px solid transparent;border-radius:22px 22px 6px 6px;background:linear-gradient(145deg,#fff,#dbeafe);box-shadow:0 9px 0 #0369a1,0 14px 22px #0002;padding:12px;min-height:165px;font-weight:900}.lsPort:before{content:"⚓";display:block;font-size:36px}.lsPort img{display:none;width:100%;height:72px;object-fit:contain}.lsPort .fallback{display:grid;height:68px;place-items:center;font-size:27px}.lsPort b{display:block;font-size:18px}.lsPort.correct{background:#dcfce7;box-shadow:0 9px 0 #15803d}.lsPort.wrong{background:#fee2e2}.lsPort.hint{box-shadow:0 0 0 7px #facc1555}.lsSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.lsSummary div{background:#fff;padding:10px;border-radius:14px;text-align:center}.lsSummary small,.lsSummary b{display:block}.lsControls{display:flex;justify-content:center;gap:10px}.lsControls button,.lsEnd button{border:0;border-radius:15px;padding:12px 18px;font-weight:900}.lsControls button:first-child{background:#0369a1;color:#fff}.lsEnd{display:none;position:absolute;inset:0;z-index:50;background:#082f49dd;align-items:center;justify-content:center}.lsEnd.is-visible{display:flex}.lsEnd>div{background:#eff6ff;padding:30px;border-radius:26px;text-align:center;width:min(500px,90%)}.lsCup{font-size:70px}@keyframes lsWave{to{transform:translateX(8%)}}@media(max-width:700px){.lsGame{padding:12px}.lsHeader{display:block}.lsLevels{grid-template-columns:1fr}.lsStats{grid-template-columns:repeat(3,1fr)}.lsPorts{grid-template-columns:repeat(2,1fr)}.lsSea{min-height:590px}.lsSummary{grid-template-columns:repeat(2,1fr)}}