*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,-apple-system,sans-serif;background:#122c3b;color:#fff;overflow:hidden}body{display:grid;place-items:center}#game{width:min(100vw,480px);height:100dvh;max-height:900px;position:relative;overflow:hidden;background:linear-gradient(#66c9ee 0 27%,#e8ad4c 48%,#cf812d);box-shadow:0 0 40px #0008}header{text-align:center;padding:calc(12px + env(safe-area-inset-top)) 14px 8px;text-shadow:0 2px 2px #0007}header small{font-weight:900;background:#0c5176;padding:5px 14px;border-radius:20px}h1{font-size:25px;margin:8px 0 2px;color:#ffe36b}header p{margin:0;font-weight:750}.temple{position:absolute;inset:112px 0 62px;background:linear-gradient(#0000,#d48b32 70%),url('assets/desert_atlas.png') center 14%/900px auto no-repeat}.door{position:absolute;left:50%;top:12%;transform:translateX(-50%);width:58%;height:38%;border:14px solid #a75f25;border-radius:34px 34px 8px 8px;background:repeating-linear-gradient(90deg,#382a25 0 26px,#46342b 27px 52px);box-shadow:inset 0 0 30px #000,0 10px 0 #7c431e;display:grid;place-items:center;font-size:34px;transition:1.3s}.door.open{transform:translate(-50%,90%);opacity:.1}.doorline{position:absolute;left:50%;height:100%;border-left:3px solid #1c1715}.hint{position:absolute;z-index:8;top:49%;left:50%;transform:translateX(-50%);background:#fff4c8;color:#5b3518;border:3px solid #7b4a1d;border-radius:18px;padding:10px 16px;font-weight:900;white-space:nowrap;animation:bob 1s infinite alternate}@keyframes bob{to{transform:translate(-50%,-7px)}}.gears{position:absolute;inset:54% 0 0}.gear{position:absolute;width:118px;height:118px;border-radius:50%;border:10px dashed #7b471d;background:radial-gradient(circle,#ffc73e 0 28%,#b8661f 30% 56%,#70401e 58%);box-shadow:0 6px 12px #0007,inset 0 0 0 7px #f5b63b;color:white;font-size:38px;display:grid;place-items:center;transition:transform .5s;touch-action:manipulation}.gear i{font-style:normal;transition:transform .5s}.gear b{position:absolute;top:-29px;font-size:24px;color:#fff3a0;text-shadow:0 2px 3px #000}.gA{left:calc(50% - 59px);top:0}.gB{left:12%;top:94px}.gC{right:12%;top:94px}.gear.target{filter:drop-shadow(0 0 14px #fff) drop-shadow(0 0 24px #ffe600);animation:pulse .8s infinite alternate}@keyframes pulse{to{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px #ffe600)}}.gear.correct{filter:drop-shadow(0 0 16px #ffe76d)}footer{position:absolute;bottom:0;left:0;right:0;height:62px;background:#0c3c59;display:flex;align-items:center;justify-content:space-between;padding:8px 15px calc(8px + env(safe-area-inset-bottom));font-weight:800}button{font:inherit}footer button,.modal button{border:0;border-radius:14px;padding:10px 14px;background:#f2b538;color:#422811;font-weight:900}.modal{position:absolute;inset:0;background:#061c2bd9;z-index:20;display:grid;place-items:center;text-align:center}.modal>div{width:82%;background:#fff0c6;color:#553117;border:5px solid #d18a2d;border-radius:28px;padding:24px}.modal.hidden{display:none}.stars{font-size:45px;color:#f5ad18}h2{font-size:34px;margin:5px}.reward{font-weight:900}.sand{position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(#0000,#b96f27)}