.odGame{direction:rtl;position:relative;overflow:hidden;padding:12px;border-radius:26px;background:linear-gradient(180deg,#7f1d1d 0 23%,#fff1f2 23%);font-family:"Alexandria",Tahoma,sans-serif;color:#172033;box-shadow:0 18px 50px #0f172a2a;min-height:620px}.odGame *{box-sizing:border-box}.odGame button{font:inherit;cursor:pointer}
.odHeader{display:flex;justify-content:space-between;gap:10px;color:#fff}.odHeader h1{font-size:clamp(24px,3.5vw,40px);margin:3px 0}.odHeader p{margin:0;font-weight:800;font-size:13px}.odHeader span{display:inline-block;background:#ffffff24;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:900}.odHeader>button{border:0;border-radius:99px;background:#ffffff24;color:#fff;padding:8px 12px;font-weight:900;height:max-content}
.odLevels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.odLevels button{border:2px solid transparent;border-radius:14px;background:#fff;padding:8px;font-weight:900}.odLevels .is-active{border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 0 #0002}
.odStats,.odSummary{display:grid;gap:6px}.odStats{grid-template-columns:repeat(6,1fr);margin-bottom:8px}.odStats div,.odSummary div{background:#fff;padding:6px;border-radius:12px;text-align:center;box-shadow:0 3px 12px #0f172a12}.odSummary{grid-template-columns:repeat(4,1fr);margin:8px 0}.odSummary small,.odSummary b{display:block}
.odOptions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;position:relative;z-index:8}.odOptions button{min-height:58px;border:0;border-radius:15px;background:#fff;padding:9px;font-weight:900;box-shadow:0 5px 0 #0002;transition:.18s}.odOptions button:hover{transform:translateY(-2px)}.odOptions button.correct{background:#dcfce7;box-shadow:0 5px 0 #16a34a}.odOptions button.wrong{background:#fee2e2;box-shadow:0 5px 0 #dc2626}.odOptions button.hint{outline:4px solid #facc15}
.odMessage{margin-top:8px;background:#0f172add;color:#fff;padding:7px;border-radius:12px;text-align:center;font-weight:900;position:relative;z-index:9}.odBank{font-size:9px;text-align:center;color:#475569;margin-top:4px}.odControls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.odControls button,.odEnd button{border:0;border-radius:13px;padding:9px 14px;font-weight:900}.odControls button:first-child{background:#7f1d1d;color:#fff}
.odEnd{display:none;position:absolute;inset:0;z-index:60;background:#0f172add;align-items:center;justify-content:center}.odEnd.is-visible{display:flex}.odEnd>div{background:#fff1f2;padding:24px;border-radius:24px;text-align:center;width:min(500px,90%)}.odCup{font-size:58px}
.odArena{position:relative;min-height:300px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#1f2937,#450a0a 55%,#111827);padding:8px 4%}.odFighters{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;font-size:clamp(28px,5vw,58px);color:#facc15;margin:2px}.odFighters b{font-size:20px}.odShield{background:#fff;width:min(790px,92%);margin:auto;text-align:center;padding:10px;border-radius:22px;border:4px solid #64748b;box-shadow:inset 0 0 0 4px #e2e8f0}.odShield small{font-weight:900;color:#7f1d1d}.odShield h2{font-size:clamp(24px,3.6vw,40px);margin:3px}.odShield p{font-weight:800;line-height:1.45;margin:4px}.odShield>div button{border:0;border-radius:99px;padding:6px 10px;margin:2px}.odShield i{display:block;height:6px;background:#fecaca;border-radius:99px;overflow:hidden;margin:6px auto 0;width:70%}.odShield i b{display:block;height:100%;background:#dc2626}.odArena.hero-hit #odHero{display:inline-block;animation:odHero .6s ease}.odArena.shadow-hit #odShadow{display:inline-block;animation:odShadow .6s ease}@keyframes odHero{50%{transform:translateX(70px) scale(1.2)}}@keyframes odShadow{50%{transform:translateX(-70px) scale(1.2)}}@media(min-width:721px) and (max-height:820px){.odArena{min-height:245px}.odFighters{font-size:34px}.odShield{padding:6px}.odOptions{margin-top:5px}}
@media(max-width:720px){.odGame{padding:8px;border-radius:18px;min-height:700px}.odHeader h1{font-size:26px}.odHeader p{font-size:11px}.odLevels{gap:4px}.odLevels button{padding:6px 3px;font-size:10px}.odStats{grid-template-columns:repeat(3,1fr)}.odSummary{grid-template-columns:repeat(2,1fr)}.odOptions{grid-template-columns:repeat(2,1fr)}.odOptions button{min-height:54px;font-size:13px}}
@media(min-width:721px) and (max-height:820px){.odGame{padding:8px;min-height:560px}.odHeader h1{font-size:28px}.odHeader p{font-size:11px}.odLevels{margin:6px 0}.odLevels button{padding:6px}.odStats div,.odSummary div{padding:4px}.odSummary{margin:5px 0}.odOptions button{min-height:48px;padding:6px}}