.scene{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.scene:before{content:"";background-image:var(--bg-url);filter:blur(20px)brightness(.4);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:-20px}.bgImage{z-index:1;object-fit:none;width:auto;max-width:none;height:auto;max-height:none;position:relative;box-shadow:0 0 80px #0009}.anteaterWrapper{z-index:5;cursor:pointer;animation:2s ease-in-out infinite bounce;position:absolute;bottom:25%;right:32%}.anteaterWrapper:after{content:"CLICK ME!";color:#f4ede4;opacity:.8;background:#5d3a1a;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:900;transition:opacity .3s;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.anteaterWrapper:has(.dialogueBox):after{opacity:0}.dialogueBox{color:#3d2610;z-index:100;background:#f4ede4;border:3px solid #5d3a1a;border-radius:20px;width:250px;padding:15px;font-size:1rem;line-height:1.4;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:absolute;bottom:110%;right:0;box-shadow:0 8px 20px #0000004d}.dialogueArrow{background:#f4ede4;border-bottom:3px solid #5d3a1a;border-right:3px solid #5d3a1a;width:20px;height:20px;position:absolute;bottom:-12px;right:40px;transform:rotate(45deg)}@keyframes popIn{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.petr{width:auto;height:25vh}.startButton{z-index:10;cursor:pointer;background:0 0;border:none;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:20%}.startButton:hover{transform:scale(1.1)}.startButton img{width:220px}.titleContainer{z-index:5;animation:4s ease-in-out infinite float;position:absolute;top:10%}.mainTitle{width:60vw;max-width:600px}.controls{z-index:20;gap:10px;display:flex;position:absolute;top:20px;right:20px}.iconBtn{cursor:pointer;background:0 0;border:none;width:45px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.testModeOverlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.testModeModal{background-color:#f4ede4;border:4px solid #5d3a1a;border-radius:20px;width:90%;max-width:450px;padding:40px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 12px 40px #00000080}.testModeModal h2{color:#3d2610;text-align:center;margin-top:0;margin-bottom:25px;font-size:1.5rem;font-weight:700}.testModeFormGroup{margin-bottom:20px}.testModeFormGroup label{color:#3d2610;margin-bottom:8px;font-size:.95rem;font-weight:700;display:block}.testModeFormGroup input,.testModeFormGroup select{box-sizing:border-box;color:#3d2610;background-color:#fff9f0;border:2px solid #5d3a1a;border-radius:12px;width:100%;padding:12px 15px;font-family:inherit;font-size:14px;transition:all .2s}.testModeFormGroup input::placeholder{color:#a68975}.testModeFormGroup select{appearance:none}.testModeFormGroup input:focus,.testModeFormGroup select:focus{background-color:#fffbf7;border-color:#8b5a2b;outline:none;box-shadow:0 0 10px #5d3a1a4d}.testModeSubmitBtn{color:#f4ede4;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background-color:#5d3a1a;border:2px solid #3d2610;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.testModeSubmitBtn:disabled{opacity:.55;cursor:not-allowed;transform:none}.testModeSubmitBtn:hover{background-color:#3d2610;transform:translateY(-2px);box-shadow:0 8px 16px #3d26104d}.testModeSubmitBtn:active{transform:translateY(0);box-shadow:0 2px 8px #3d26104d}