.home-wrapper{position:relative;height:100vh}.home-background{width:100%;height:auto;display:block}#toychest{position:absolute;top:39%;left:2%;width:16.5%;height:24%}#doorknob{position:absolute;top:45%;left:82%;width:2%;height:5%}#mute-background{position:absolute;top:3%;left:56%;width:6%;height:7%}.button-area{text-align:center}.button-positioner{z-index:8;position:absolute;left:28%;top:70%;width:20%;height:20%}.button-wrapper{position:relative;top:70%;margin:auto;min-height:90px}.home-button{position:relative;margin:10px;min-width:124px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.home-button.disabled{cursor:not-allowed}.button-block{position:absolute;top:70%;left:10%;width:50%;text-align:center;z-index:8;min-height:90px}.toy-chest-container{width:80vw;height:80vh;display:flex;align-items:center;justify-content:center;background:#000}.toy-chest-container img{max-width:100%;max-height:100%;width:80%;margin-left:350px;object-fit:contain}#numberPairs{position:absolute;top:17%;left:21%;width:12%;height:25%;background-color:transparent;border:none;cursor:pointer;z-index:10}#flashCards{position:absolute;top:17%;left:37%;width:12%;height:25%;background-color:transparent;border:none;cursor:pointer;z-index:10}#sightReading{position:absolute;top:17%;left:53%;width:12%;height:25%;background-color:transparent;border:none;cursor:pointer;z-index:10}#easel{position:absolute;top:17%;left:68%;width:12%;height:25%;background-color:transparent;border:none;cursor:pointer;z-index:10}.flashcards-container{text-align:center;font-family:Arial,sans-serif;margin:60px auto 0;max-width:304px;width:100%}.card-scene{position:relative;top:-40px;width:300px;height:150px;perspective:1000px;margin:20px auto;cursor:pointer;transition:opacity .3s ease}.card-scene.disabled{pointer-events:none;opacity:.7}.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;border:2px solid black;border-radius:10px}.card-front{background-color:#589d56;transform:rotateY(180deg)}.card-back{background-color:#007bff;color:#fff}.flashcards-visualizer-container{margin:auto;text-align:center;background-color:#d9dbdd;padding-top:10px;height:90px}.flashcards-visualizer{z-index:100;border:1px solid transparent;width:100%;height:100px}.dog-icon-container{position:relative;top:-75px;min-width:102px;min-height:58px}.flex{padding:10px}.grid{display:grid;margin-top:50px;grid-template-columns:repeat(6,1fr);gap:10px;justify-content:center;align-items:center;width:360px}.number-button{color:#fff;width:50px;height:50px;font-size:20px;font-weight:700;border:1px solid black;border-radius:4px;margin:1px;display:flex;align-items:center;justify-content:center;background-color:#43a043;transition:all .3s ease}.number-button.selected{background-color:#a0c4ff}.number-button.invisible{visibility:hidden}.mb-2{padding-top:15px;font-size:18px;font-family:sans-serif;color:#000}@media (max-width: 600px) and (orientation: portrait){.gameTitle{display:none}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;justify-content:center;align-items:center;width:300px;margin-left:25px}.number-button{width:40px;height:40px;font-size:20px;font-weight:700;border:1px solid black;border-radius:4px;margin:1px;display:flex;align-items:center;justify-content:center;background-color:#43a043;transition:all .3s ease}}.word-button{position:relative;background-color:#4f46e5;color:#fff;border:none;outline:none;border-radius:.5rem;padding:1rem;box-shadow:0 4px 6px #0000001a;cursor:pointer;width:100%;min-height:90px;max-height:140px}.word-button:hover{background-color:#6366f1}.word-button.correct{background-color:green}.word-button.incorrect{background-color:red}.word-button.level-1{min-height:140px;font-size:36px}.word-button.level-2{min-height:120px;font-size:32px}.word-button.level-3{min-height:100px;font-size:28px}.word-button.level-4{min-height:60px;font-size:24px}.word-button.desktop.level-1{min-height:180px}.word-button.desktop.level-2{min-height:150px}.word-button.desktop.level-3{min-height:130px}.word-button.desktop.level-4{min-height:90px}@keyframes popIn{0%{transform:scale(.8);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.celebration-message{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:2.2rem;font-weight:700;color:#10b981;background:#000000b3;padding:.75rem 1.5rem;border-radius:1rem;z-index:20;animation:fadeInOut 2s forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10%)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10%)}}.button-text.level-1{font-size:35px;height:40px}.button-text.level-2{font-size:32px;height:38px}.button-text.level-3{font-size:30px;height:36px}.button-text.level-4{font-size:27px;height:30px}.sightreading-container{margin:2vw;padding:1rem;position:relative;max-width:800px;margin-left:auto;margin-right:auto}.replay-button{background-color:#10b981;color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .2s ease}.replay-container{margin-top:2rem;text-align:center;animation:fadeIn .4s ease forwards}.easel-container{text-align:center;font-family:Arial,sans-serif;margin-top:60px}.easel-button{width:300px;height:150px;background-color:#00f;margin:20px auto;cursor:pointer}.easel-canvas-wrapper{background-color:#d9dbdd;margin:0 auto;width:300px;position:relative;height:100px}.easel-canvas{position:absolute;top:0;left:0;z-index:1;display:none}.easel-canvas--visible{display:block}.easel-dog-icon{width:100px;height:auto;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.easel-image-container{width:300px;height:300px;margin:20px auto;border:1px solid #ccc;display:flex;align-items:center;justify-content:center}.easel-image{max-width:100%;max-height:100%}.easel-speaker-container{position:absolute;z-index:40;top:5%;left:85%;width:160px;height:120px}html,body,#root{margin:0;padding:0;height:100%}body{background-color:#000;overflow:hidden}.ghost-button{opacity:0;border-radius:20%;transition:opacity .3s ease,box-shadow .3s ease;cursor:pointer}.ghost-button:hover{opacity:1;border:2px dashed white;border-radius:20%;box-shadow:0 0 10px #ffffff80}#bobo-portal-root{position:fixed;pointer-events:none;overflow:visible;z-index:999}canvas.visualizer{position:absolute;z-index:15;top:18%;left:7%;border:1px solid transparent;width:8%;height:10%;display:none}