.comment-field{position:absolute;top:1em;left:5%;z-index:50}.comment-btn{padding:.5em;cursor:pointer;background:#d8709380;color:#fff;border:1px solid rgba(255,78,137,.96);border-radius:1em;animation:flicker 2s infinite;display:inline-block}@keyframes flicker{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.comment-ul{margin-top:.5em;max-width:90vw;max-height:50vh;overflow-y:scroll;background:#98fb98;background:#2f2f2fd9;color:#fff}.comment-ul.hidden{display:none}.comment-li{overflow-wrap:break-word}.comment-li+.comment-li{margin-top:.5em}#devElapsedContainer{position:absolute;top:.2em;left:.4em;z-index:20;display:flex;gap:1em;font-size:4em;color:#fff;background:#000;padding:0 .2em}@font-face{font-family:Numbers;font-style:normal;src:url(/build/assets/Georama_num700-DNKJ3SkI.woff) format("woff")}.html-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.html-container .progress-container{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:.5em;font-size:3vmin;text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff}.html-container .progress-container .progress-marks{display:flex;justify-content:flex-end;align-items:center;gap:1em;padding:.5em 1em;box-sizing:border-box;background:#ffffffa3;border-radius:2px}.html-container .progress-container .progressMark{height:8vmin;width:8vmin;border-radius:100vh;box-sizing:border-box;border:4px dashed #ffbf00;color:gray;font-size:5vmin}.html-container .progress-container .progressMark.active{border:none;background:#ff7300;color:#fff}.html-container .progress-container .progressMark.clear{background:gray;color:#fff;border:none}.html-container .heading-container{margin-top:10px;font-size:4vmin}.html-container .heading-container p{background:#333333b3;text-align:center;font-weight:700;color:#fff;text-shadow:0 0 4px #3788d8,0 0 4px #3788d8,0 0 4px #3788d8;transform:translate(0);padding-top:.5em;box-sizing:border-box}.html-container .heading-container p.ready{transform:translate(100%)}.html-container .heading-container p.go{animation:slide-in .7s ease-in forwards}.html-container .heading-container p.clear{animation:slide-out .7s ease-in forwards}.btn-container-sound-quit{position:absolute;bottom:4px;left:4px;z-index:2;display:flex;gap:4px;width:50%;justify-content:stretch;align-items:stretch}.btn-container-sound-quit #sound-switch,.btn-container-sound-quit #quit,.btn-container-sound-quit #bgm-switch{width:100%;padding:.5em 2em;border-radius:10vh;border:#aaa solid 2px;font-weight:700;font-size:3.5vmin;color:#e6e6e6;background:#333333b3;white-space:nowrap;text-align:center}.piropiro-guide-container{position:absolute;bottom:0;right:0;z-index:1;display:flex;justify-content:stretch;align-items:center;padding-left:2em}.piropiro-guide-container .guide-comment{font-size:2.4vmin;background:url(/build/assets/quote-bubble-orange-DbAOK6fC.webp) no-repeat;background-size:100% 100%;display:flex;justify-content:center;align-items:center;padding:2em 3em;animation:pop-opacity 1.2s ease-in-out infinite alternate;transform-origin:bottom right;line-height:1.2em;margin-bottom:30px}.piropiro-guide-container .guide-comment.onTop{position:absolute;width:5em;bottom:84%;right:3em;z-index:1;padding:1em 2em;animation:none;opacity:.8;margin:0}.piropiro-guide-container .guide-comment .marker{font-size:5vmin;color:#ff1313;font-weight:700}.piropiro-guide-container .guide-comment span.black-circle{display:inline-block;width:2em;height:2em;background:#000;border-radius:100vh}.piropiro-guide-container .guide-comment span.red-rectangle{display:inline-block;width:1em;height:1.5em;background:red;border-radius:1px;margin:0 .5em}.piropiro-guide-container .guide-comment span.round-number{width:1em;height:1em;border:2px dashed #ffbf00;border-radius:100vh;padding:1px;display:inline-flex;justify-content:center;align-items:center;color:#333333b3;font-weight:700;margin:0 2px}.piropiro-guide-container img.piropiro-guide{align-self:flex-end;flex-grow:0;width:240px;height:240px;-o-object-fit:contain;object-fit:contain;-o-object-position:right bottom;object-position:right bottom}.hidden{transform:scale(0)}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes pop-opacity{0%{transform:scale(1);opacity:.5}to{transform:scale(1.04);opacity:.9}}