.ssGame{direction:rtl;position:relative;overflow:hidden;padding:20px;border-radius:30px;background:linear-gradient(180deg,#083d77 0 28%,#e6f7ff 28%);font-family:"Alexandria",Tahoma,sans-serif;color:#17324d;box-shadow:0 22px 65px #083d7744}.ssGame *{box-sizing:border-box}.ssGame button{font:inherit;cursor:pointer}.ssHeader{display:flex;justify-content:space-between;color:#fff;gap:14px}.ssHeader span{background:#ffffff22;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:900}.ssHeader h1{font-size:clamp(30px,5vw,50px);margin:8px 0 4px}.ssHeader p{margin:0;font-weight:800}.ssHeader button,.ssMission button{border:0;border-radius:99px;background:#ffffff25;color:#fff;padding:10px 14px;font-weight:900}.ssLevels,.ssStats{display:grid;gap:9px;position:relative;z-index:4}.ssLevels{grid-template-columns:repeat(3,1fr);margin:16px 0}.ssLevels button{border:2px solid transparent;border-radius:18px;background:#fff;padding:12px;font-weight:900}.ssLevels .is-active{background:#c9f3ff;border-color:#22d3ee;transform:translateY(-3px)}.ssStats{grid-template-columns:repeat(6,1fr);margin-bottom:12px}.ssStats div{background:#fff;padding:9px;border-radius:15px;text-align:center}.ssOcean{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background:linear-gradient(#33c3f0 0 17%,#0878b5 17% 58%,#062f5d 100%);box-shadow:inset 0 0 0 5px #ffffff25}.ssSurface{position:absolute;top:15%;left:-10%;width:120%;height:35px;border-radius:50%;background:#ffffff55;animation:ssWave 5s linear infinite}.ssSub{position:absolute;left:8%;bottom:75px;font-size:92px;filter:drop-shadow(0 12px 8px #001b3b99);animation:ssFloat 3s ease-in-out infinite}.ssBubbles{position:absolute;left:18%;bottom:160px;color:#b8f5ff;font-size:32px;writing-mode:vertical-rl;animation:ssRise 4s linear infinite}.ssMission{position:absolute;z-index:8;left:50%;top:20px;transform:translateX(-50%);width:min(92%,600px);padding:14px;text-align:center;border-radius:24px;background:#082f5ddd;color:#fff;backdrop-filter:blur(5px)}.ssMission small{color:#9ff4ff;font-weight:900}.ssMission h2{margin:4px}.ssMission strong{display:block;font-size:78px;line-height:1;color:#fff0a5}.ssMission em{display:block;font-style:normal;font-weight:900;color:#67e8f9}.ssMission span{display:block;min-height:24px;color:#fff0a5}.ssMission i{display:block;height:8px;background:#ffffff30;border-radius:99px;overflow:hidden}.ssMission i b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444)}.ssMessage,.ssBank{position:absolute;z-index:9;left:10%;right:10%;text-align:center;color:#fff}.ssMessage{bottom:38px;background:#031b34dd;padding:10px;border-radius:16px;font-weight:900}.ssBank{bottom:12px;font-size:9px}.ssPulse{position:absolute;left:50%;top:62%;width:10px;height:10px;border:3px solid #67e8f9;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.ssPulse.active{animation:ssPulse 1s}.ssProgress{height:13px;background:#d8eaf5;border-radius:99px;overflow:hidden;margin:13px 3px}.ssProgress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed)}.ssCreatures{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;min-height:190px}.ssCard{border:2px solid transparent;border-radius:50% 50% 25px 25px;background:#fff;padding:10px;min-height:165px;box-shadow:0 10px 23px #00000014;transition:.18s}.ssCard:hover{transform:translateY(-5px)}.ssCard img{width:100%;height:90px;object-fit:contain;display:none}.ssCard .fallback{height:90px;display:grid;place-items:center;border-radius:50%;background:#e0f7ff;font-size:28px}.ssCard b{display:block;margin-top:7px}.ssCard.correct{background:#dcfce7;border-color:#22c55e}.ssCard.wrong{background:#fee2e2;border-color:#ef4444}.ssCard.hint{box-shadow:0 0 0 6px #22d3ee55}.ssSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.ssSummary div{background:#fff;padding:10px;border-radius:15px;text-align:center}.ssSummary small,.ssSummary b{display:block}.ssControls{display:flex;justify-content:center;gap:10px}.ssControls button,.ssEnd button{border:0;border-radius:15px;padding:12px 18px;font-weight:900}.ssControls button:first-child{background:#0369a1;color:#fff}.ssEnd{display:none;position:absolute;inset:0;z-index:50;background:#021c38dd;align-items:center;justify-content:center}.ssEnd.is-visible{display:flex}.ssEnd>div{background:#e7faff;padding:30px;border-radius:28px;text-align:center;width:min(500px,90%)}.ssCup{font-size:70px}@keyframes ssWave{to{transform:translateX(8%)}}@keyframes ssFloat{50%{transform:translateY(-10px)}}@keyframes ssRise{to{transform:translateY(-280px);opacity:0}}@keyframes ssPulse{0%{opacity:1}100%{opacity:0;width:480px;height:480px}}@media(max-width:700px){.ssGame{padding:12px}.ssHeader{display:block}.ssLevels{grid-template-columns:1fr}.ssStats{grid-template-columns:repeat(3,1fr)}.ssCreatures{grid-template-columns:repeat(2,1fr)}.ssOcean{min-height:590px}.ssMission{width:88%}.ssSummary{grid-template-columns:repeat(2,1fr)}}