*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transition:none}}body,html{height:100%;scroll-behavior:smooth}#puzzle{display:flex;flex-direction:column;height:100dvh;height:100vh;min-width:fit-content;min-height:fit-content;background-color:#d7e0cb}#puzzle header{position:fixed;display:flex;top:0;left:0;width:100%;z-index:100;padding:14px 40px;box-shadow:0 -6px 10px 5px #00000080;background-color:#fefefe}#puzzle .button-back{border:0;background-color:transparent;padding:2px 10px}.description{font-weight:500;white-space:pre-wrap;margin-left:20px}.stage-list{display:flex;gap:20px;margin:40px}.stage-list .stage-select{position:relative;width:54px;height:54px;border:2px solid #000;border-radius:8px;font-size:24px;font-weight:700;background-color:#f3b24a}.stage-list .stage-select.cleared{background-color:#9a9a9a}.stage-list .stage-select.cleared:after{content:"";position:absolute;top:0;left:50%;width:100%;height:calc(100% + 4px);z-index:20;background-position:center;background-size:48px auto;object-fit:cover;background-repeat:no-repeat;background-image:url(/medal.png);transform:translate(-50%)}.board{position:relative;border-radius:15px;background-color:#f0f0f0;padding:25px;min-width:fit-content;min-height:fit-content;margin:80px 40px}.board .board-clear{position:absolute;border-radius:15px;display:flex;top:0;left:0;width:100%;height:100%;z-index:50;color:#fff;background-color:#00000080}.board .board-clear .stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-80%);width:40%;height:40%;background-image:url(/complete-check.png);object-fit:contain;background-size:contain;background-repeat:no-repeat;background-position:center}.board .board-clear .replay{position:absolute;color:#fff;font-size:32px;top:65%;left:50%;padding:8px 20px;height:60px;line-height:20px;cursor:pointer;font-weight:800;border-radius:10px;border:0;transform:translate(-50%);background-color:#f3b24a}.board .board-inner{position:relative;border:1px solid #d0d0d0;margin:0 auto;display:flex;width:fit-content;height:fit-content;flex-direction:column}.board .row{display:flex}.board .col{position:relative;width:50px;height:50px;background-color:#d7e0cb}.board .col.white{background-color:#fff}.board .col.blocked{background-color:#909090}.board .col.goal{position:relative;background-color:#a1d360}.board .col.goal .icon-flag{position:absolute;padding:10px;color:#fff}.board .col.overlap-1:after{content:"";position:absolute;width:100%;height:100%;background-color:#d2d;opacity:.2}.board .board-block{position:absolute;width:50px;height:50px}.board .board-block .block-icon{position:absolute;width:70%;height:70%;top:50%;left:50%;transform:translate(-50%,-50%)}.board .board-block.active{background-color:#6067a178}