.spGame{direction:rtl;position:relative;overflow:hidden;padding:14px;border-radius:28px;background:linear-gradient(180deg,#78350f 0 24%,#fef3c7 24%);font-family:"Alexandria",Tahoma,sans-serif;color:#172554;box-shadow:0 20px 55px #0f172a2b;min-height:680px}.spGame *{box-sizing:border-box}.spGame button{font:inherit;cursor:pointer}
.spHeader{display:flex;justify-content:space-between;gap:12px;color:#fff}.spHeader h1{font-size:clamp(26px,4vw,44px);margin:4px 0}.spHeader p{margin:0;font-weight:800}.spHeader span{display:inline-block;background:#ffffff25;padding:5px 11px;border-radius:99px;font-size:11px;font-weight:900}.spHeader>button{border:0;border-radius:99px;background:#ffffff25;color:#fff;padding:9px 13px;font-weight:900;height:max-content}
.spLevels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.spLevels button{border:2px solid transparent;border-radius:15px;background:#fff;padding:9px;font-weight:900}.spLevels .is-active{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 5px 0 #0002}
.spStats,.spSummary{display:grid;gap:7px}.spStats{grid-template-columns:repeat(6,1fr);margin-bottom:9px}.spStats div,.spSummary div{background:#fff;padding:7px;border-radius:13px;text-align:center;box-shadow:0 4px 14px #0f172a12}.spSummary{grid-template-columns:repeat(4,1fr);margin:9px 0}.spSummary small,.spSummary b{display:block}
.spOptions{position:absolute;z-index:8;left:4%;right:4%;bottom:58px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.spOptions button{min-height:64px;border:0;border-radius:16px;background:#fff;padding:10px;font-weight:900;box-shadow:0 5px 0 #0002;transition:.18s}.spOptions button:hover{transform:translateY(-2px)}.spOptions button.correct{background:#dcfce7;box-shadow:0 5px 0 #16a34a}.spOptions button.wrong{background:#fee2e2;box-shadow:0 5px 0 #dc2626}.spOptions button.hint{outline:5px solid #facc15}
.spMessage,.spBank{position:absolute;z-index:12;left:5%;right:5%;text-align:center}.spMessage{bottom:26px;background:#0f172add;color:#fff;padding:7px;border-radius:13px;font-weight:900}.spBank{bottom:6px;font-size:9px;color:#334155}.spControls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.spControls button,.spEnd button{border:0;border-radius:14px;padding:10px 15px;font-weight:900}.spControls button:first-child{background:#78350f;color:#fff}
.spEnd{display:none;position:absolute;inset:0;z-index:60;background:#0f172add;align-items:center;justify-content:center}.spEnd.is-visible{display:flex}.spEnd>div{background:#fef3c7;padding:26px;border-radius:25px;text-align:center;width:min(500px,90%)}.spCup{font-size:62px}
@media(max-width:720px){.spGame{padding:9px;border-radius:20px;min-height:720px}.spHeader h1{font-size:28px}.spHeader p{font-size:12px}.spLevels{grid-template-columns:1fr 1fr 1fr;gap:5px}.spLevels button{padding:7px 4px;font-size:11px}.spStats{grid-template-columns:repeat(3,1fr)}.spSummary{grid-template-columns:repeat(2,1fr)}.spOptions{grid-template-columns:repeat(2,1fr);bottom:62px}}
.spSea{position:relative;min-height:410px;border-radius:23px;overflow:hidden;background:linear-gradient(#7dd3fc 0 45%,#0284c7 45% 70%,#0c4a6e 70%)}.spSea:after{content:'🌊  🌊  🌊  🌊  🌊';position:absolute;bottom:8px;left:0;right:0;font-size:34px;white-space:nowrap;animation:spWave 4s linear infinite}.spShip{position:absolute;left:5%;top:115px;font-size:65px;animation:spRock 2s ease-in-out infinite}.spShip span{font-size:25px}.spMap{position:absolute;z-index:5;top:18px;left:50%;transform:translateX(-50%);width:min(70%,590px);background:#fffbebee;padding:12px;border:4px dashed #92400e;border-radius:18px;text-align:center}.spMap small{color:#92400e;font-weight:900}.spMap #spEmoji{font-size:35px}.spMap h2{font-size:32px;margin:3px}.spMap p{margin:4px}.spMap button{border:0;border-radius:99px;padding:7px 11px;margin:2px}.spMap i{display:block;height:6px;background:#fde68a;border-radius:99px;overflow:hidden;margin-top:5px}.spMap i b{display:block;height:100%;background:#f59e0b}.spOptions{top:245px;bottom:auto}.spBank{color:#e0f2fe}@keyframes spRock{50%{transform:rotate(4deg) translateY(-4px)}}@keyframes spWave{to{transform:translateX(35px)}}@media(max-width:720px){.spSea{min-height:455px}.spShip{font-size:45px;top:180px}.spMap{width:92%}.spOptions{top:265px}}