.miGame{direction:rtl;position:relative;overflow:hidden;padding:14px;border-radius:28px;background:linear-gradient(180deg,#166534 0 24%,#ecfccb 24%);font-family:"Alexandria",Tahoma,sans-serif;color:#172554;box-shadow:0 20px 55px #0f172a2b;min-height:680px}.miGame *{box-sizing:border-box}.miGame button{font:inherit;cursor:pointer}
.miHeader{display:flex;justify-content:space-between;gap:12px;color:#fff}.miHeader h1{font-size:clamp(26px,4vw,44px);margin:4px 0}.miHeader p{margin:0;font-weight:800}.miHeader span{display:inline-block;background:#ffffff25;padding:5px 11px;border-radius:99px;font-size:11px;font-weight:900}.miHeader>button{border:0;border-radius:99px;background:#ffffff25;color:#fff;padding:9px 13px;font-weight:900;height:max-content}
.miLevels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.miLevels button{border:2px solid transparent;border-radius:15px;background:#fff;padding:9px;font-weight:900}.miLevels .is-active{border-color:#84cc16;transform:translateY(-2px);box-shadow:0 5px 0 #0002}
.miStats,.miSummary{display:grid;gap:7px}.miStats{grid-template-columns:repeat(6,1fr);margin-bottom:9px}.miStats div,.miSummary div{background:#fff;padding:7px;border-radius:13px;text-align:center;box-shadow:0 4px 14px #0f172a12}.miSummary{grid-template-columns:repeat(4,1fr);margin:9px 0}.miSummary small,.miSummary b{display:block}
.miOptions{position:absolute;z-index:8;left:4%;right:4%;bottom:58px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.miOptions button{min-height:64px;border:0;border-radius:16px;background:#fff;padding:10px;font-weight:900;box-shadow:0 5px 0 #0002;transition:.18s}.miOptions button:hover{transform:translateY(-2px)}.miOptions button.correct{background:#dcfce7;box-shadow:0 5px 0 #16a34a}.miOptions button.wrong{background:#fee2e2;box-shadow:0 5px 0 #dc2626}.miOptions button.hint{outline:5px solid #facc15}
.miMessage,.miBank{position:absolute;z-index:12;left:5%;right:5%;text-align:center}.miMessage{bottom:26px;background:#0f172add;color:#fff;padding:7px;border-radius:13px;font-weight:900}.miBank{bottom:6px;font-size:9px;color:#334155}.miControls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.miControls button,.miEnd button{border:0;border-radius:14px;padding:10px 15px;font-weight:900}.miControls button:first-child{background:#166534;color:#fff}
.miEnd{display:none;position:absolute;inset:0;z-index:60;background:#0f172add;align-items:center;justify-content:center}.miEnd.is-visible{display:flex}.miEnd>div{background:#ecfccb;padding:26px;border-radius:25px;text-align:center;width:min(500px,90%)}.miCup{font-size:62px}
@media(max-width:720px){.miGame{padding:9px;border-radius:20px;min-height:720px}.miHeader h1{font-size:28px}.miHeader p{font-size:12px}.miLevels{grid-template-columns:1fr 1fr 1fr;gap:5px}.miLevels button{padding:7px 4px;font-size:11px}.miStats{grid-template-columns:repeat(3,1fr)}.miSummary{grid-template-columns:repeat(2,1fr)}.miOptions{grid-template-columns:repeat(2,1fr);bottom:62px}}
.miDesk{position:relative;min-height:430px;border-radius:23px;overflow:hidden;background:linear-gradient(135deg,#bbf7d0,#fef9c3 55%,#d9f99d)}.miDesk:before{content:'🗺️';position:absolute;left:2%;bottom:38px;font-size:120px;opacity:.22}.miCompass{position:absolute;right:20px;top:20px;font-size:44px;animation:miTurn 5s linear infinite}.miPaper{position:absolute;z-index:5;top:14px;left:50%;transform:translateX(-50%);width:min(82%,720px);background:#fffef4f2;padding:11px 16px;border-radius:12px;box-shadow:0 9px 0 #a16207aa;text-align:right}.miPaper small{color:#166534;font-weight:900}.miPaper h2{font-size:19px;margin:2px}.miPaper p{margin:4px;line-height:1.72;font-weight:700;font-size:14px}.miPaper h3{font-size:15px;margin:5px}.miPaper button{border:0;border-radius:99px;padding:6px 9px}.miPaper i{display:block;height:5px;background:#dcfce7;border-radius:99px;overflow:hidden;margin-top:4px}.miPaper i b{display:block;height:100%;background:#84cc16}.miOptions{top:275px;bottom:auto}.miOptions button{font-size:12px;min-height:70px}.miBank{color:#166534}@keyframes miTurn{to{transform:rotate(360deg)}}@media(max-width:720px){.miDesk{min-height:500px}.miPaper{width:96%;top:10px}.miPaper p{font-size:12px;line-height:1.55}.miOptions{top:310px}.miOptions button{font-size:11px}}