.ecGame{direction:rtl;position:relative;overflow:hidden;padding:14px;border-radius:28px;background:linear-gradient(180deg,#1e3a8a 0 24%,#dbeafe 24%);font-family:"Alexandria",Tahoma,sans-serif;color:#172554;box-shadow:0 20px 55px #0f172a2b;min-height:680px}.ecGame *{box-sizing:border-box}.ecGame button{font:inherit;cursor:pointer}
.ecHeader{display:flex;justify-content:space-between;gap:12px;color:#fff}.ecHeader h1{font-size:clamp(26px,4vw,44px);margin:4px 0}.ecHeader p{margin:0;font-weight:800}.ecHeader span{display:inline-block;background:#ffffff25;padding:5px 11px;border-radius:99px;font-size:11px;font-weight:900}.ecHeader>button{border:0;border-radius:99px;background:#ffffff25;color:#fff;padding:9px 13px;font-weight:900;height:max-content}
.ecLevels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.ecLevels button{border:2px solid transparent;border-radius:15px;background:#fff;padding:9px;font-weight:900}.ecLevels .is-active{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 5px 0 #0002}
.ecStats,.ecSummary{display:grid;gap:7px}.ecStats{grid-template-columns:repeat(6,1fr);margin-bottom:9px}.ecStats div,.ecSummary div{background:#fff;padding:7px;border-radius:13px;text-align:center;box-shadow:0 4px 14px #0f172a12}.ecSummary{grid-template-columns:repeat(4,1fr);margin:9px 0}.ecSummary small,.ecSummary b{display:block}
.ecOptions{position:absolute;z-index:8;left:4%;right:4%;bottom:58px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ecOptions button{min-height:64px;border:0;border-radius:16px;background:#fff;padding:10px;font-weight:900;box-shadow:0 5px 0 #0002;transition:.18s}.ecOptions button:hover{transform:translateY(-2px)}.ecOptions button.correct{background:#dcfce7;box-shadow:0 5px 0 #16a34a}.ecOptions button.wrong{background:#fee2e2;box-shadow:0 5px 0 #dc2626}.ecOptions button.hint{outline:5px solid #facc15}
.ecMessage,.ecBank{position:absolute;z-index:12;left:5%;right:5%;text-align:center}.ecMessage{bottom:26px;background:#0f172add;color:#fff;padding:7px;border-radius:13px;font-weight:900}.ecBank{bottom:6px;font-size:9px;color:#334155}.ecControls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.ecControls button,.ecEnd button{border:0;border-radius:14px;padding:10px 15px;font-weight:900}.ecControls button:first-child{background:#1e3a8a;color:#fff}
.ecEnd{display:none;position:absolute;inset:0;z-index:60;background:#0f172add;align-items:center;justify-content:center}.ecEnd.is-visible{display:flex}.ecEnd>div{background:#dbeafe;padding:26px;border-radius:25px;text-align:center;width:min(500px,90%)}.ecCup{font-size:62px}
@media(max-width:720px){.ecGame{padding:9px;border-radius:20px;min-height:720px}.ecHeader h1{font-size:28px}.ecHeader p{font-size:12px}.ecLevels{grid-template-columns:1fr 1fr 1fr;gap:5px}.ecLevels button{padding:7px 4px;font-size:11px}.ecStats{grid-template-columns:repeat(3,1fr)}.ecSummary{grid-template-columns:repeat(2,1fr)}.ecOptions{grid-template-columns:repeat(2,1fr);bottom:62px}}
.ecCave{position:relative;min-height:410px;border-radius:23px;overflow:hidden;background:radial-gradient(circle at 50% 16%,#38bdf855,transparent 24%),linear-gradient(145deg,#111827,#172554 55%,#0f172a)}.ecCave:before,.ecCave:after{content:'🪨';position:absolute;font-size:150px;opacity:.3}.ecCave:before{right:-35px;bottom:20px}.ecCave:after{left:-35px;bottom:10px}.ecGlow{position:absolute;top:25px;right:8%;font-size:40px;filter:drop-shadow(0 0 15px #38bdf8);animation:ecPulse 1.8s infinite}.ecEcho{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:min(72%,590px);background:#0f172ad9;color:#fff;padding:13px;border:2px solid #38bdf855;border-radius:50% 50% 22px 22px;text-align:center;box-shadow:0 0 35px #38bdf833}.ecEcho small{color:#7dd3fc;font-weight:900}.ecEcho #ecEmoji{font-size:40px}.ecEcho h2{font-size:clamp(25px,4vw,42px);margin:3px}.ecEcho p{margin:4px}.ecEcho button{border:0;border-radius:99px;padding:7px 11px;margin:2px}.ecEcho i{display:block;height:6px;background:#ffffff33;border-radius:99px;overflow:hidden;margin-top:5px}.ecEcho i b{display:block;height:100%;background:#38bdf8}.ecOptions{top:245px;bottom:auto}.ecBank{color:#bae6fd}@keyframes ecPulse{50%{transform:scale(1.18)}}@media(max-width:720px){.ecCave{min-height:455px}.ecEcho{width:92%;top:15px}.ecOptions{top:255px}}