*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#28170c;font-family:Trebuchet MS,Arial}#game{position:relative;margin:auto;width:min(100vw,480px);height:100svh;min-height:620px;overflow:hidden}.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.level{position:absolute;z-index:20;left:4%;top:3%;width:46%;object-fit:contain}.movesPanel{position:absolute;z-index:20;left:4%;top:17%;width:25%;object-fit:contain}#moves{position:absolute;z-index:22;left:17%;top:20.3%;color:#fff1c0;font-size:27px;text-shadow:0 2px #321}#reset{position:absolute;z-index:30;right:4%;top:3%;width:64px;height:64px;border:0;background:none;padding:0}#reset img,#hint img,#arrow img{width:100%;height:100%;object-fit:contain}#hint{position:absolute;z-index:30;left:5%;top:35%;width:88px;height:58px;border:0;background:none;padding:0}#model{position:absolute;z-index:15;left:5%;top:24%;width:105px;padding:7px;background:#563219;border:5px solid #d49638;border-radius:18px;box-shadow:0 5px 12px #0005}.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.mini div{aspect-ratio:1;overflow:hidden;border-radius:3px}.mini img{width:100%;height:100%;object-fit:cover}.mini .x{background:#1c110b}#model.reveal{filter:drop-shadow(0 0 14px #ffe16c);transform:scale(1.08)}#arrow{position:absolute;z-index:35;left:18%;top:30%;width:80px;height:65px;opacity:0}#arrow.show{animation:point .65s 6}@keyframes point{0%,100%{opacity:1;transform:translateX(0)}50%{opacity:1;transform:translateX(-15px)}}#door{position:absolute;z-index:10;right:0;top:17%;width:52%;height:36%}#door>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .8s,transform 1.3s}#door #dc{opacity:1}#door .show{opacity:1}#door .hide{opacity:0!important}#do.show{animation:open 1.4s forwards}@keyframes open{0%{opacity:0;transform:scaleX(.9)}25%{opacity:1}100%{opacity:1;transform:scaleX(1)}}#target{position:absolute;left:50%;top:19%;width:8px;height:8px}#halo{position:absolute;left:50%;top:19%;width:12px;height:12px;border-radius:50%;opacity:0;transform:translate(-50%,-50%);background:white;box-shadow:0 0 20px 8px white,0 0 50px 25px #ffd526,0 0 95px 45px #ff9b00aa}#halo.on{animation:halo 2s forwards}@keyframes halo{to{opacity:.9;transform:translate(-50%,-50%) scale(3.2)}}#boardShell{position:absolute;z-index:25;left:50%;top:48%;width:min(82%,385px);transform:translateX(-50%);padding:13px 13px 36px;background:linear-gradient(#a66a2c,#72421e);border:6px solid #f0c76e;border-radius:28px;box-shadow:inset 0 0 0 5px #42230f,0 18px 30px #32190a66;transition:1.2s}#board{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:7px;background:#342014;border-radius:16px;aspect-ratio:1}.tile,.empty{border:0;padding:0;overflow:hidden;border-radius:11px;background:#1d110b}.tile img{display:block;width:100%;height:100%;object-fit:cover}.tile.can{outline:3px solid #ffe190;outline-offset:-4px}.empty{box-shadow:inset 0 0 20px #000}#boardShell p{margin:8px 0 -25px;text-align:center;color:#fff0c7;font-size:10px;font-weight:bold}#boardShell.power{filter:brightness(1.15)}#boardShell.sink{transform:translate(-50%,45%) scale(.7);opacity:0;filter:blur(6px)}#sunSource{position:absolute;left:50%;top:4%;width:12px;height:12px}#crystal{position:absolute;z-index:27;left:49%;top:61%;width:92px;height:105px;transform:translate(-50%,100px);opacity:0;transition:1s}#crystal img{width:100%;height:100%;object-fit:contain}#crystal.rise{transform:translate(-50%,0);opacity:1}#crystal.charge img{filter:brightness(1.5) drop-shadow(0 0 18px #62efff)}.beam{position:absolute;z-index:26;height:5px;border-radius:99px;transform-origin:left center;opacity:0;background:#fff8bd;box-shadow:0 0 7px #fff,0 0 16px #ffd82e}.beam.strong{height:10px;background:#fff;box-shadow:0 0 10px 4px #fff,0 0 25px 12px #fff27b,0 0 52px 24px #ffc31dbb,0 0 85px 38px #ff980077}.beam.on{opacity:1}.beam.pulse{animation:pulse .5s infinite alternate}@keyframes pulse{to{filter:brightness(1.35);height:13px}}#win{position:absolute;z-index:40;left:50%;bottom:6%;transform:translate(-50%,20px);opacity:0;width:75%;padding:12px;border:4px solid #e0a23a;border-radius:18px;background:#56351fe8;color:#ffd75d;text-align:center;font-weight:900}#win small{display:block;color:#fff0c6;margin-top:4px}#win.show{opacity:1;transform:translate(-50%,0);transition:.5s}@media(max-height:720px){#boardShell{top:44%;width:min(72%,340px)}#door{top:14%;width:46%}#model{top:22%;width:88px}#hint{top:33%;width:76px}}/* V8.1 corrections */
#door{left:51.5%;right:auto;top:18.7%;width:39%;height:auto;aspect-ratio:270/342}
#door>img{object-fit:contain}
#target,#halo{left:50%;top:50%}
#moves{left:16.8%;top:20.3%}
#arrow{transform:scaleX(-1)}
#arrow.show{animation:pointV81 .65s 6}
@keyframes pointV81{0%,100%{opacity:1;transform:scaleX(-1) translateX(0)}50%{opacity:1;transform:scaleX(-1) translateX(-15px)}}
@media(max-height:720px){#door{left:53%;top:17.5%;width:36%}}

.beam.stable{animation:none!important;filter:none!important}

/* V8.3 corrections */
#door{right:-27%;top:0%;width:104%;height:72%;}
#arrow{top:calc(30% - 300px)!important;}
@media(max-height:720px){#door{right:-27%;top:0%;width:104%;height:72%;}#arrow{top:calc(30% - 300px)!important;}}
.beam,.beam.strong,.beam.on{animation:none!important;transition:opacity .35s linear!important;}
.beam.pulse{animation:none!important;filter:none!important;height:10px!important;}