:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ade6c3;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;overflow:hidden;color:#000;margin:0}.book-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0;margin:0;transition:background-image 1s ease-in-out;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.bg-1{background-image:url(/images/background1.webp)}.bg-2{background-image:url(/images/background2.webp)}.bg-3{background-image:url(/images/background3.webp)}.bg-4{background-image:url(/images/background4.webp)}.page{padding:0;text-align:left;width:100%;max-height:100%;overflow-y:scroll}.question-container{max-width:70%;max-height:600px;margin:30px auto;padding:10px;border-radius:8px}.puzzle-text{margin:0}.flavor-text{font-style:italic;color:#000;margin-top:30px;margin-bottom:0;text-align:left;font-size:17px}.question-text{font-size:17px;text-align:left;color:#000;margin-top:25px;margin-bottom:10px}.button-container .base-next-button{margin-left:auto}.base-next-button,.base-prev-button{padding:12px 25px;font-size:18px;cursor:pointer;border:none;background-color:ivory;color:#000;border-color:#000;border-radius:5px;transition:.3s ease-in-out;border:1px solid black}.base-next-button:hover,.base-prev-button:hover{background-color:#b7b7aa}.question-image{width:300px;height:300px;margin-top:20px;margin-bottom:10px}.question-image-side{width:175px;height:175px;float:right;margin-left:20px}.text-image-container{display:flex;align-items:center;justify-content:space-between;gap:20px}.text-content{flex:1}.progress-bar-wrapper{width:100%;max-width:75%;height:10px;background-color:#ddd;border-radius:5px;overflow:hidden;position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:10}.progress-bar-fill{height:100%;background-color:#738669;transition:width .3s ease-in-out}.flavor-text-container{display:flex;align-items:center;gap:20px;justify-content:space-between}.start-image-inline{width:175px;height:175px;object-fit:contain;flex-shrink:0}@keyframes shake-it{0%{transform:translate(0)}10%{transform:translate(-8px,5px)}20%{transform:translate(8px,-5px)}30%{transform:translate(-6px,4px)}40%{transform:translate(6px,-4px)}50%{transform:translate(-4px,3px)}60%{transform:translate(4px,-3px)}70%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}90%{transform:translate(-1px,1px)}to{transform:translate(0)}}.book.shake{animation:shake-it 1.5s ease-in-out}.grid-container{display:inline-block;margin:auto;padding:10px;align-items:center}.grid-row{display:flex;justify-content:center}.grid-cell{width:50px;height:50px;font-size:1.2rem;border:1px solid black;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;cursor:pointer;transition:.3s;background-color:ivory;position:relative;overflow:hidden;line-height:normal;word-break:break-word}.grid-cell span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.grid-cell:hover{background-color:#96af89}.grid-cell.selected{background-color:#d6f7c4}.grid-start-image{width:50px;height:50px}.rotated-grid-container{display:inline-block;flex-direction:column;align-items:center;transform:rotate(45deg);margin-top:100px;margin-bottom:100px}.rotated-grid-row{display:flex;justify-content:center}.rotated-grid-cell{width:50px;height:50px;font-size:1.2rem;border:1px solid black;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:.3s;background-color:ivory;position:relative;overflow:hidden;line-height:normal;word-break:break-word}.rotated-grid-cell span{transform:rotate(-45deg);display:inline-block;text-align:center;height:100%;width:80%}.rotated-grid-cell:hover{background-color:#96af89}.rotated-grid-cell.selected{background-color:#d6f7c4}.rotated-grid-start-image{width:50px;height:50px;transform:rotate(-45deg);padding-left:0;padding-right:6px}.rotated-grid-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:50px;margin-bottom:50px;gap:0px}.rotated-grid-row-wrapper{display:flex;align-items:center;justify-content:center;gap:95px;width:100%}.direction-label{font-weight:700;font-size:16px;color:#333}.top-label,.bottom-label{text-align:center;padding-right:15px}.left-label,.right-label{text-align:center}.drag-group-container{display:flex;flex-direction:column;align-items:center;gap:20px}.drag-group-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;width:100%;justify-content:center}.drag-group-columns{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center}.drag-group{width:170px;min-height:150px;padding:20px;border:none;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.drag-group:nth-child(1),.drag-group:nth-child(3){border-right:2px solid black}.drag-group:nth-child(1),.drag-group:nth-child(2){border-bottom:2px solid black}.drag-group.color-0{background-color:#d6f7c4}.drag-group.color-1{background-color:#c8e8b8}.drag-group.color-2{background-color:#b9d4ab}.drag-group.color-3{background-color:#96af89}.drag-item2{padding:10px;border-radius:5px;background-color:#fff;border:1px solid #000;margin:5px;cursor:grab;text-align:center;width:80px}.drag-group-layout{display:flex;flex-direction:column;align-items:center;gap:10px}.criteria-label-top{font-size:16px;font-weight:700;text-align:center;margin-bottom:5px;color:#000}.drag-group-grid-wrapper{display:flex;flex-direction:row;align-items:center;gap:10px}.criteria-label-side{writing-mode:vertical-rl;transform:rotate(180deg);font-size:16px;font-weight:700;color:#000;text-align:center}.text-entry-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.text-entry-input{font-size:1.2rem;padding:10px;width:250px;text-align:center;border:2px solid black;border-radius:5px;background-color:transparent;color:#000}.text-entry-input::placeholder{color:gray}.drag-order-container{text-align:center;margin-top:30px;margin-bottom:30px}.drag-list{list-style-type:none;padding:0;width:250px;margin:auto;min-height:200px;transition:all .15s ease-in-out}.drag-item{padding:10px;margin:5px 0;border-radius:5px;border:1px solid black;background-color:ivory;color:#000;cursor:grab;text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:transform .2s ease;will-change:transform;flex-grow:1}.drag-item-image{max-width:120px;max-height:120px;display:block;margin:auto;transition:transform .2s ease,background-color .2s ease;will-change:transform}.drag-item.dragging{z-index:1000}.drag-flex-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:20px}.drag-list-wrapper{display:flex;align-items:center;margin-bottom:5px;width:100%}.drag-index{width:30px;font-weight:700;text-align:right;margin-right:20px}.abstract-label-column{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-top:60px;padding-bottom:5px;text-align:right;width:20%}.abstract-label-top,.abstract-label-bottom{font-size:14px;font-weight:700;color:#000;height:30px;display:flex;align-items:center;justify-content:flex-end}.abstract-label-spacer{padding:220px}.either-or-container{display:flex;flex-direction:column;align-items:center;gap:20px}.either-or-item{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;text-align:center}.either-or-text{font-size:1.2rem;margin-bottom:10px}.either-or-image{max-width:150px;max-height:150px;display:block;margin-bottom:10px;border-radius:10px;border:2px solid black}.either-or-choices{display:flex;justify-content:space-between;width:100%;gap:20px;margin-bottom:10px}.either-or-button{flex:1;padding:12px;font-size:1.1rem;border:2px solid black;cursor:pointer;background-color:ivory;color:#000;transition:.3s;text-align:center;display:flex;align-items:center;justify-content:center;min-width:120px;min-height:150px}.either-or-choice-image{max-width:150px;max-height:150px;display:block;margin:auto}.either-or-button:hover{background-color:#96af89;border-color:#000}.either-or-button.selected{background-color:#d6f7c4;border-color:#000;color:#000}.eo4-container{display:flex;flex-direction:column;align-items:stretch;gap:24px}.eo4-item{display:flex;flex-direction:column;gap:12px}.eo4-text{font-size:1.15rem;line-height:1.4;text-align:center}.eo4-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width: 900px){.eo4-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.eo4-button{position:relative;display:flex;align-items:center;justify-content:center;padding:12px;min-height:65px;border:2px solid #000;border-radius:10px;background:ivory;color:#000;cursor:pointer;font-size:1rem;text-align:center;transition:transform .08s ease,background-color .25s ease,box-shadow .25s ease}.eo4-button:hover{background-color:#96af89;border-color:#000}.eo4-button.selected{background-color:#d6f7c4;border-color:#000}.eo4-choice-text{display:inline-block;padding:0 6px}.eo4-choice-image{max-width:150px;max-height:150px;display:block;margin:auto;border-radius:8px;border:2px solid #000}.eo4-choice-badge{position:absolute;top:8px;left:10px;font-weight:700;border:2px solid #000;border-radius:999px;padding:2px 8px;background:#fff;line-height:1}.options{list-style:none;padding:0}.option{padding:10px;margin:5px 0;border-radius:5px;border:1px solid black;background-color:ivory;color:#000;cursor:pointer;text-align:center;transition:.3s ease-in-out;font-size:18px;display:flex;justify-content:center;align-items:center;transition:.3s}.option-image{max-width:100px;max-height:100px;display:block;margin:auto}.option:hover{background-color:#96af89}.option.selected{background-color:#d6f7c4}.grid-default{display:flex;flex-direction:column}.grid-two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid-two-rows-three-columns{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:10px}.grid-two-rows-four-columns{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:10px}.grid-three-columns{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:10px}.grid-three-columns-four-rows{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,auto);gap:10px}.grid-four-columns-four-rows{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);gap:10px}.hex-grid-outer{display:flex;justify-content:center;align-items:center;width:100%;position:relative;min-height:500px;overflow-x:auto}.hex-grid-wrapper{position:relative;width:405px;height:468px}.hex-cell{position:absolute;width:60px;height:52px;background-color:#000;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;align-items:center;justify-content:center;z-index:1}.hex-cell-content{width:97%;height:97%;clip-path:inherit;display:flex;align-items:center;justify-content:center;pointer-events:none}.color-a{background-color:#fff}.hex-cell-content.selected{background-color:#d6f7c4!important}.hex-cell:hover .hex-cell-content{background-color:#96af89!important}.hex-icon{width:50px;height:45px;object-fit:contain;pointer-events:none;padding-top:4px;padding-right:5px}.intro-page{text-align:left;padding:40px;background-color:#ffffffd9;border-radius:10px;max-width:700px;max-height:600px;margin:auto;font-size:16px;line-height:1.6;color:#111}h1{text-align:center;font-size:28px;margin-bottom:20px}.highlight{font-weight:700;text-decoration:underline}.highlight-title{font-weight:700}.highlight-purple{color:#6a8d5a;font-weight:700}.language-button-group{display:flex;justify-content:center;gap:15px;margin:20px 0}.language-button{padding:10px 20px;font-size:16px;background-color:ivory;border:1px solid black;color:#000;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.language-button.active{background-color:#d6f7c4}.language-button:hover{background-color:#96af89}ul.guidelines{margin-left:20px;margin-top:10px}ul.guidelines li{margin-bottom:8px}.welcome-next-button,.welcome-prev-button{padding:12px 25px;font-size:18px;cursor:pointer;border:none;background-color:ivory;color:#000;border-radius:5px;transition:.3s ease-in-out;border:1px solid black}.welcome-next-button:hover,.welcome-prev-button:hover{background-color:#b7b7aa}.footer-note{font-size:12px;color:gray;margin-top:1xs0px;text-align:center}.intro-page{text-align:left;padding:40px;background-color:#ffffffd9;border-radius:10px;max-width:700px;margin:auto;font-size:16px;line-height:1.6;color:#111;overflow-y:scroll}h2{text-align:center;font-size:28px;margin-bottom:20px}.highlight-orange{color:#6a8d5a;font-weight:700}.instruction-boxes{display:flex;flex-direction:column;gap:15px;margin-top:20px}.instruction-box{display:flex;align-items:center;gap:20px;padding:15px 20px;border-radius:8px;border-color:#000;background-color:#f2f2f2;border:2px solid;cursor:pointer;transition:border-color .3s ease,background-color .3s ease}.instruction-box img{width:50px;height:50px}.instruction-box p{margin:0;font-size:16px}.instruction-box:hover{background-color:#96af89}.instruction-box.selected{background-color:#d6f7c4}.button-container{display:flex;justify-content:flex-end;margin-top:30px}.story-next-button,.story-prev-button{padding:12px 25px;font-size:18px;cursor:pointer;border:none;background-color:ivory;color:#000;border-radius:5px;transition:.3s ease-in-out;border:1px solid black}.story-prev-button:hover:not(:disabled){background-color:#b7b7aa}.story-next-button:disabled{background-color:#ccc;cursor:not-allowed}.story-next-button:hover:not(:disabled){background-color:#b7b7aa}input{max-width:96%;padding:10px;margin-top:8px;margin-bottom:8px;border:1px solid #aaa;border-radius:4px;font-size:16px}.error-message{color:red;font-size:14px;margin-top:-5px;margin-bottom:10px}.instruction-icon{width:40px;height:40px;flex-shrink:0}.page{padding:0;text-align:center;width:70%;max-height:100%;overflow-y:scroll}.ending-page{text-align:left;padding:40px;background-color:#ffffffd9;border-radius:10px;max-width:700px;max-height:600px;margin:auto;font-size:16px;line-height:1.6;color:#111;overflow-y:scroll}.challenge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.center-text{text-align:center;margin:10px auto}.aq-score{text-align:center;font-size:2.2rem;font-weight:700;color:#6a8d5a;margin-bottom:30px}.result-block{margin:30px 0;font-size:20px;text-align:center}input,textarea{width:100%;font-size:16px;font-family:Arial,sans-serif;margin:10px 0 20px;border:1px solid #111;border-radius:4px;background-color:#fff;color:#000}textarea{padding:10px}.button-toggle{display:flex;gap:15px;margin:10px 0 20px}.leaderboard-button{flex:1;padding:10px;background-color:#fff;border:1px solid black;color:#000;transition:background-color .3s ease;font-size:16px;border-radius:4px;cursor:pointer}.leaderboard-button.active{background-color:#d6f7c4}.leaderboard-button:hover{background-color:#96af89}.share-section{text-align:center;margin-top:40px}.share-section .qr{height:120px;margin:15px 0}.button-container button{min-width:180px}.next-button,.prev-button{padding:12px 25px;font-size:18px;cursor:pointer;border:none;background-color:ivory;color:#000;border-color:#000;border-radius:5px;transition:.3s ease-in-out;border:1px solid black}.next-button:hover,.prev-button:hover{background-color:#b7b7aa}.email-input-row{display:flex;gap:10px;align-items:center;margin-bottom:0}.email-button{padding:10px;font-size:16px;margin-bottom:10px;background-color:ivory;color:#000;border:1px solid black;border-radius:5px;cursor:pointer;white-space:nowrap}.email-button:disabled{background-color:#d3d3d3;cursor:not-allowed}textarea:disabled{background-color:#d3d3d3}.sent-message{font-size:12px;color:#6a8d5a;margin-top:0;padding:0;margin-bottom:20px}.feedback-button{padding:10px;font-size:16px;background-color:ivory;color:#000;border:1px solid black;border-radius:5px;cursor:pointer}.feedback-button:disabled{background-color:#d3d3d3;cursor:not-allowed}.next-button:disabled{background-color:#d3d3d3;cursor:not-allowed}.feedback-section{margin-bottom:30px}.feedback-button-wrapper{display:flex;justify-content:center}.leaderboard-page{text-align:left;padding:40px;background-color:#ffffffd9;border-radius:10px;max-width:700px;max-height:600px;margin:auto;font-size:16px;line-height:1.6;color:#111;overflow-y:scroll}.leaderboard-header-container{display:flex;justify-content:space-between;align-items:center}.leaderboard-reset{padding:12px 25px;background-color:ivory;color:#000;border:1px solid black;border-radius:5px;margin-left:30%;font-size:18px;cursor:pointer;transition:background-color .3s ease}.leaderboard-reset:hover{background-color:#b7b7aa}.leaderboard-table-container{margin-top:20px}.leaderboard-table{width:700px;max-width:700px;border-collapse:collapse;border-radius:5px;background-color:#fff}.leaderboard-table th,.leaderboard-table td{padding:12px;border:1px solid #ccc;font-family:Arial,sans-serif}.leaderboard-table th{background-color:#b7b7aa;color:#fff;font-weight:700}.leaderboard-table td{background-color:#fff}.book{width:75%;height:75%;background-color:#ffffffd9;border-radius:5px;box-shadow:4px 4px 15px #0003;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .8s ease-in-out;transform-origin:center right}.page{padding:0;text-align:center;width:100%;max-height:100%;overflow-y:scroll}.demographics-page{text-align:left;padding:40px;background-color:#ffffffd9;border-radius:10px;width:700px;max-height:600px;margin:auto;font-size:16px;line-height:1.6;color:#111;overflow-y:scroll}.demographics-page label{display:block;margin-top:10px;font-weight:700}.demographics-page input,.demographics-page select{width:100%;padding:10px 16px 10px 10px;margin-top:5px;margin-bottom:0;border:1px solid #aaa;border-radius:5px;background-color:#fff;color:#000}.button-container{display:flex;justify-content:space-between;margin-top:20px;padding-bottom:20px;width:100%}button{padding:12px 25px;font-size:18px;cursor:pointer;border:none;background-color:ivory;color:#000;border-color:#000;border-radius:5px;transition:.3s ease-in-out;border:1px solid black}button:hover{background-color:#b7b7aa}.star-rating{display:flex;gap:6px;margin-top:5px;font-size:24px}.star{cursor:pointer;color:#ccc;transition:color .3s ease}.star.selected{color:linear-gradient(to right,rgb(150,175,137),rgb(135,205,97));background:linear-gradient(to right,#96af89,#87cd61);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.right-align{justify-content:flex-end}.error-message{color:red;font-size:14px;margin-top:2px;margin-bottom:6px}.loading-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;font-style:italic;text-align:center}.rain-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.raindrop{position:absolute;top:-10px;width:4px;height:17px;background:#fff9;animation:fall 1.5s linear infinite;animation-delay:calc(var(--i) * -.1s);left:calc(var(--i) * 1%)}@keyframes fall{0%{transform:translateY(-10px);opacity:.6}to{transform:translateY(100vh);opacity:0}}.pterodactyl-shadow{position:fixed;bottom:-100px;left:-200px;width:900px;height:380px;background:url(/assets/shadow-CwPrP9Yo.png) no-repeat center/contain;animation:flyDiagonal 2.5s ease-in-out forwards;pointer-events:none;z-index:9999;opacity:.6;filter:drop-shadow(0 0 20px rgba(0,0,0,.5))}@keyframes flyDiagonal{0%{transform:translate(0) scale(1.2) rotate(-10deg);opacity:0}20%{opacity:.6}to{transform:translate(130vw,-100vh) scale(1.6) rotate(5deg);opacity:0}}.ladybug-fly{position:fixed;width:80px;height:80px;background:url(/assets/ladybug-Cqvt47Ve.png) no-repeat center/contain;z-index:9999;animation:ladybug-fly-path 4s ease-in-out forwards;pointer-events:none}@keyframes ladybug-fly-path{0%{top:-100px;left:-100px;transform:scale(1) rotate(45deg)}40%{top:45%;left:45%;transform:scale(1.1) rotate(45deg)}50%{top:46%;left:47%;transform:scale(1.05) rotate(40deg)}60%{top:44%;left:46%;transform:scale(1.1) rotate(50deg)}80%{top:45%;left:45%;transform:scale(1.1) rotate(45deg)}to{top:-100px;left:100vw;transform:scale(1.1) rotate(45deg)}}.gust-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:visible}.leaf{position:absolute;top:-50px;animation-name:leaf-float;animation-timing-function:ease-in-out;animation-fill-mode:forwards;opacity:.85;will-change:transform,opacity}@keyframes leaf-float{0%{transform:translate(0) rotate(0);opacity:0}15%{opacity:1}to{transform:translate(var(--driftX),120vh) rotate(var(--rotation));opacity:0}}