.weGame{direction:rtl;position:relative;overflow:hidden;padding:14px;border-radius:28px;background:linear-gradient(180deg,#334155 0 24%,#f1f5f9 24%);font-family:"Alexandria",Tahoma,sans-serif;color:#172554;box-shadow:0 20px 55px #0f172a2b;min-height:680px}.weGame *{box-sizing:border-box}.weGame button{font:inherit;cursor:pointer}
.weHeader{display:flex;justify-content:space-between;gap:12px;color:#fff}.weHeader h1{font-size:clamp(26px,4vw,44px);margin:4px 0}.weHeader p{margin:0;font-weight:800}.weHeader span{display:inline-block;background:#ffffff25;padding:5px 11px;border-radius:99px;font-size:11px;font-weight:900}.weHeader>button{border:0;border-radius:99px;background:#ffffff25;color:#fff;padding:9px 13px;font-weight:900;height:max-content}
.weLevels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.weLevels button{border:2px solid transparent;border-radius:15px;background:#fff;padding:9px;font-weight:900}.weLevels .is-active{border-color:#f97316;transform:translateY(-2px);box-shadow:0 5px 0 #0002}
.weStats,.weSummary{display:grid;gap:7px}.weStats{grid-template-columns:repeat(6,1fr);margin-bottom:9px}.weStats div,.weSummary div{background:#fff;padding:7px;border-radius:13px;text-align:center;box-shadow:0 4px 14px #0f172a12}.weSummary{grid-template-columns:repeat(4,1fr);margin:9px 0}.weSummary small,.weSummary b{display:block}
.weOptions{position:absolute;z-index:8;left:4%;right:4%;bottom:58px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.weOptions button{min-height:64px;border:0;border-radius:16px;background:#fff;padding:10px;font-weight:900;box-shadow:0 5px 0 #0002;transition:.18s}.weOptions button:hover{transform:translateY(-2px)}.weOptions button.correct{background:#dcfce7;box-shadow:0 5px 0 #16a34a}.weOptions button.wrong{background:#fee2e2;box-shadow:0 5px 0 #dc2626}.weOptions button.hint{outline:5px solid #facc15}
.weMessage,.weBank{position:absolute;z-index:12;left:5%;right:5%;text-align:center}.weMessage{bottom:26px;background:#0f172add;color:#fff;padding:7px;border-radius:13px;font-weight:900}.weBank{bottom:6px;font-size:9px;color:#334155}.weControls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.weControls button,.weEnd button{border:0;border-radius:14px;padding:10px 15px;font-weight:900}.weControls button:first-child{background:#334155;color:#fff}
.weEnd{display:none;position:absolute;inset:0;z-index:60;background:#0f172add;align-items:center;justify-content:center}.weEnd.is-visible{display:flex}.weEnd>div{background:#f1f5f9;padding:26px;border-radius:25px;text-align:center;width:min(500px,90%)}.weCup{font-size:62px}
@media(max-width:720px){.weGame{padding:9px;border-radius:20px;min-height:720px}.weHeader h1{font-size:28px}.weHeader p{font-size:12px}.weLevels{grid-template-columns:1fr 1fr 1fr;gap:5px}.weLevels button{padding:7px 4px;font-size:11px}.weStats{grid-template-columns:repeat(3,1fr)}.weSummary{grid-template-columns:repeat(2,1fr)}.weOptions{grid-template-columns:repeat(2,1fr);bottom:62px}}
.weWorkshop{position:relative;min-height:410px;border-radius:23px;overflow:hidden;background:linear-gradient(135deg,#cbd5e1,#f8fafc 55%,#fed7aa)}.weMachine{position:absolute;right:20px;top:20px;font-size:46px;animation:weGear 4s linear infinite}.weBlueprint{position:absolute;z-index:5;top:18px;left:50%;transform:translateX(-50%);width:min(74%,620px);background:#eff6ffee;border:3px solid #3b82f6;padding:11px;border-radius:18px;text-align:center}.weBlueprint small{color:#1d4ed8;font-weight:900}.weBlueprint #weEmoji{font-size:32px}.weBlueprint h2{font-size:31px;margin:3px}.weBlueprint p{margin:4px}.weBlueprint button{border:0;border-radius:99px;padding:7px 10px;margin:2px}.weBlueprint i{display:block;height:6px;background:#dbeafe;border-radius:99px;overflow:hidden;margin-top:5px}.weBlueprint i b{display:block;height:100%;background:#f97316}.weBuild{min-height:36px;display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin:5px}.weBuild span{background:#fff;border:2px dashed #f97316;padding:4px 8px;border-radius:9px;font-weight:900}.weOptions{top:255px;bottom:auto}.weBank{color:#475569}@keyframes weGear{to{transform:rotate(360deg)}}@media(max-width:720px){.weWorkshop{min-height:465px}.weBlueprint{width:94%;top:12px}.weOptions{top:285px}}