@font-face{font-family:Nunito-Regular;src:url(../fonts/Nunito-Regular.ttf) format("truetype")}@font-face{font-family:Nunito-Bold;src:url(../fonts/Nunito-Bold.ttf) format("truetype")}@font-face{font-family:CabinSketch-Regular;src:url(../fonts/CabinSketch-Regular.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Nunito-Regular,serif;font-size:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{display:flex;place-content:center;width:100vw;height:100vh;background:#f8d794}button{font-family:Nunito-Bold,serif;cursor:pointer}#root{text-align:center;margin:auto auto auto 1%}.center{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.ohp{width:100%;height:100%}.ohpw{width:100%}.ohph{height:100%}.ohpv{width:100%;height:100vh}.link_href{color:#000;text-decoration:none}.svg-bg{position:fixed;width:100vw;height:100vh;z-index:-100}.out-top{fill:#bbce95;stroke:#000;stroke-width:.5}.in-top{fill:#bb6830;stroke:#000;stroke-width:1}.out-bottom{fill:#809076;stroke:#000;stroke-width:.5}.in-bottom{fill:#bb6830;stroke:#000;stroke-width:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.out-top{animation:rotate 20s linear infinite;transform-origin:13px 25px}.in-top{animation:rotate 10s linear infinite;transform-origin:13px 25px}.out-bottom{animation:rotate 25s linear infinite;transform-origin:84px 93px}.in-bottom{animation:rotate 15s linear infinite;transform-origin:84px 93px}@keyframes scale{0%{scale:0%}to{scale:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scale{animation:scale .4s ease-out}.scale_after{animation:scale .4s .4s ease-out;animation-fill-mode:backwards}@keyframes floating{0%{transform:translate(0) rotate(0)}50%{transform:translate(10px,20px) rotate(-2.5deg)}to{transform:translate(0) rotate(0)}}.notice-container{display:block;position:fixed;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background-color:#000;background-color:#0006}.notice,.notice:before,.notice:after{background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 0 30px #0000001a,1px 1px 3px #0003}.notice{position:relative;width:85%;padding:2em;top:1%;margin:50px auto;z-index:7}.notice:before,.notice:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:rotateZ(2.5deg);-o-transform:rotate(2.5deg);transform:rotate(2.5deg);z-index:-1}.notice:after{-webkit-transform:rotateZ(-2.5deg);-o-transform:rotate(-2.5deg);transform:rotate(-2.5deg)}.notice h2{font-size:1.5rem;font-weight:400;text-align:center;padding:.2em 0;margin:0;border-top:1px solid #ddd;border-bottom:2px solid #ddd}.notice p{text-align:left;margin:1,5em 0}.player_info-container{height:10%;display:flex;justify-content:space-between;align-items:center}.player_name-container{width:50%;justify-content:left;animation:scale .5s .5s ease-out;animation-fill-mode:backwards}.player_name-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:150px;height:50px;font:1.2rem Nunito-Bold,serif;background:linear-gradient(135deg,#e5c93d,30%,#ffed87);box-shadow:3px 3px 2px #c9bf8d;transform:rotate(1deg);transform-origin:top left}.player_name-pin{position:absolute;left:10px;width:30px;height:25px}.shadow{position:absolute;top:9px;left:-4px;width:17.5px;height:17.5px;border-radius:50%;background:radial-gradient(#c9bf8d,20%,#c9bf8d00)}.metal{position:absolute;width:2.5px;height:10px;background:linear-gradient(to right,gray,40%,#eae8e8,50%,gray);border-radius:0 0 30% 30%;transform:rotate(50deg);transform-origin:bottom left;top:7.5px;border-bottom:1px solid #808080}.bottom-circle{position:absolute;right:7.5px;width:17.5px;height:17.5px;border-radius:50%;background-color:#d02627;background:radial-gradient(circle at bottom right,#fc7e7d,25%,#9e0608,90%,#d02627)}.bottom-circle:before{content:"";position:absolute;top:0;left:-1px;width:10px;height:15px;transform:rotate(55deg);transform-origin:100% 100%;border-radius:0 0 40% 40%;background:linear-gradient(to right,#9e0608,30%,#d02627,90%,#fc7e7d)}.bottom-circle:after{content:"";position:absolute;right:-5px;top:-2.5px;width:12.5px;height:12.5px;border-radius:50%;background:radial-gradient(circle at right,#fc7e7d,30%,#d02627,#9e0608 80%)}.player_coins-container{width:50%;justify-content:right;animation:scale .5s .5s ease-out;animation-fill-mode:backwards}.player_coins-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:150px;height:50px;font:1.2rem Nunito-Bold,serif;background:linear-gradient(135deg,#e5c93d,30%,#ffed87);box-shadow:3px 3px 2px #c9bf8d;transform:rotate(359deg);transform-origin:top right}.player_coins-pin{position:absolute;right:5px;width:30px;height:25px}.sketch_button .sketch_button_span{background:#fff;display:block;padding:5px 15px;border-radius:5px;border:1px solid black;cursor:pointer}.sketch_button:hover{box-shadow:0 2px #000,0 2px 0 2px #f03755}.sketch_button:active{top:4px;padding-bottom:0;box-shadow:0 1px #000}.sketch_button{border:.5px solid black;position:relative;font:1rem Nunito-Bold,serif;text-transform:uppercase;color:#000;padding-bottom:3px;border-radius:5px;box-shadow:0 1.25px #000;transition:padding .1s,box-shadow .1s,top .1s;background-image:url(data:image/gif;base64,R0lGODlhBAAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NUY1OENCRDdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NUY1OENCRTdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1RjU4Q0JCN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1RjU4Q0JDN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAQABAAAAgYEEpdoeQUAOw==)}.home{width:100%}.logo-container{height:50%}.image_logo{width:100%;height:80%;object-fit:cover}.home_buttons-container{height:40%}@media screen and (min-width: 550px){.image_logo{width:615px;height:103%}}.play_buttons-container{height:90%;flex-direction:column;gap:10%}.adventure_button-container,.return_button-container{height:60px}.folded_button{padding:25px;position:relative;font:"Nunito-Bold",serif;background:#f8ea69;border:none;border-top-left-radius:250px 15px;border-bottom-left-radius:20px 115px;border-bottom-right-radius:105px 15px;box-shadow:0 7px 2px -2px #0003;transition:all ease .5s}.folded_button:before{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 25px 25px 0;border-color:#ddd rgba(250,250,250,.1);background:#f0f0d8;transition:all ease .5s}.folded_button:hover:before{border-width:0 50px 50px 0;border-color:#eee rgba(250,250,250,0);background:#f0f0d8}.adventure-container{height:90%;flex-direction:column;gap:5%}.answer_display-container{position:relative;width:100%;height:20%;overflow:hidden}.answer_display-wrapper{position:absolute}#parchment{position:absolute;min-width:325px;width:50%;height:60%;box-shadow:2px 3px 20px #000,0 0 125px #8f5922 inset;background:#fffef0;filter:url(#wavy2)}#contain{position:relative;display:flex;flex-direction:column;width:50%;height:auto;margin:0 auto}.answer_display{font:3rem CabinSketch-Regular,serif;color:#000;border-bottom:5px solid black;display:inline-flex;place-content:center;margin:0 7.5px;height:3.25rem;width:1.5rem;text-align:justify}.question_display-container{min-width:325px;width:50%;height:10%;padding:1rem;background:#ede9e8;border:2px solid black;border-radius:1rem;margin:1% 0% 0%}.question_display{font:1rem Nunito-Bold,serif;color:#000}.letter_button-container{margin:2%;min-width:344px;width:75%;height:10%;gap:5px}.letter_button-wrapper{width:42.5px;height:42.5px}.letter_button span{background:#fff;display:block;padding:5px;border-radius:50%;border:2px solid black;cursor:pointer}.letter_button:hover{box-shadow:0 2px #000,0 2px 0 2px #f03755}.letter_button:active{top:4px;padding-bottom:0;box-shadow:0 1px #000}.letter_button:disabled{top:4px;padding-bottom:0;box-shadow:0 1px #000;opacity:.6;pointer-events:none;background-image:none}.letter_button{position:relative;width:42.5px;float:left;font:1.25rem Nunito-Bold,serif;padding-bottom:3px;border:.5px solid black;border-radius:50%;box-shadow:0 2px #000;transition:padding .1s,box-shadow .1s,top .1s;background-image:url(data:image/gif;base64,R0lGODlhBAAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NUY1OENCRDdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NUY1OENCRTdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1RjU4Q0JCN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1RjU4Q0JDN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAQABAAAAgYEEpdoeQUAOw==)}.span_disabled{opacity:.6;pointer-events:none}.post-game_menu-container{position:fixed;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background-color:#000;background-color:#0006}.post-game_menu{width:75%;height:50%;text-align:center;font-size:2.5rem;background-color:#000000e6;color:#fff;border:2px solid white;border-radius:1rem;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;z-index:5}.post-game_menu p{width:100%;margin:2rem}.post-game_menu button{width:9rem;margin:auto;border:2px solid white;font-size:1rem;border-radius:.5rem;padding:.5rem;cursor:pointer}.post-game_menu button:hover{background-color:#fff;color:#000;border:2px solid black}.adventure_game{top:50%;left:48%;transform:translate(-50%,-50%);z-index:3;flex-direction:column;animation:fadeIn 1s 1s ease-in backwards}.exit_portal-container{height:40px;position:fixed}.bugtong_book-container{width:300px}.bugtong_book_completed-wrapper{position:relative;z-index:1;width:200px}.bugtong_book_completed-wrapper .bugtong_book_completed{width:100%;height:36px;box-shadow:10px 10px 10px #000000b3;line-height:1.5;text-align:center;text-transform:uppercase;font-size:1.5rem;transform:skew(0,-10deg)}.bugtong_book_completed-wrapper .bugtong_book_completed:after,.bugtong_book_completed-wrapper .bugtong_book_completed:first-child:before{position:absolute;left:0;z-index:-1;display:block;width:200px;border-radius:4px;background:#b4b4b4cc;content:"";transform:skew(0,15deg)}.bugtong_book_completed-wrapper .bugtong_book_completed:first-child:before{top:-5px;right:0;left:auto}.bugtong_book_completed-wrapper .bugtong_book_completed:first-child:before,.bugtong_book_completed-wrapper .bugtong_book_completed:last-child:after{width:0;height:0;border-width:19px;border-style:solid;border-color:rgba(180,180,180,.8) rgba(180,180,180,.8) transparent transparent;background:transparent}.bugtong_book_completed-wrapper .bugtong_book_completed:last-child:after{top:4px;border-color:transparent transparent rgba(180,180,180,.8) rgba(180,180,180,.8)}.bugtong_book_completed-wrapper span{display:block;width:100%;height:100%;border-radius:4px;background:#ffffffe6;font:"Nunito-Bold",serif;text-shadow:1px 1px 0 #444}.bugtong_book_image{width:250px;cursor:pointer;animation:floating 5s ease-in-out infinite;will-change:transform;backface-visibility:hidden}.bugtong_book_image:hover{animation-play-state:paused}.bugtong_return_button{position:fixed;bottom:0vh;left:50vw;transform:translate(-50%,-50%)}.parchment{box-shadow:inset 0 0 20px #0000001a,inset 0 0 50px #0000000d;width:100%;max-width:800px;margin:0 auto;background:linear-gradient(to bottom,#f5e9d7,#e8d6b9)}.app{position:relative;width:97.5vw;height:98vh;z-index:0;margin:0 auto;background:#f0f0d8;border-radius:10px;box-shadow:0 .5rem 1rem #0003,0 .5rem 1.25rem #00000030;overflow:hidden}.app:before{content:"";position:absolute;top:0;bottom:0;left:0;width:32.5px;background:radial-gradient(#575450 6px,transparent 7px) repeat-y;background-size:30px 30px;border-right:3px solid #D44147;box-sizing:border-box;z-index:-1}.app-content{position:absolute;inset:5px 0 5px 32.5px;background:linear-gradient(transparent,transparent 28px,#91D1D3 28px);background-size:30px 30px;z-index:-1;overflow:hidden}.red_line{content:"";position:relative;top:0;bottom:0;left:0;width:60px;background:radial-gradient(#575450 6px,transparent 7px) repeat-y;background-size:30px 30px;border-right:3px solid #D44147;box-sizing:border-box}