@import"https://fonts.googleapis.com/css2?family=Creepster&display=swap";@import"https://fonts.googleapis.com/css2?family=IM+Fell+English:ital,wght@0,400;1,400&display=swap";.intro-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.creepster-font{font-family:Creepster,cursive;font-weight:400}.im-fell-english-font{font-family:IM Fell English,serif;font-weight:400}.intro-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity 2s ease-in-out;pointer-events:none}.intro-title.visible{opacity:1}.intro-title h1{font-size:clamp(2.5rem,8vw,6rem);color:#f60;text-shadow:0 0 10px #ff3300,0 0 20px #ff3300,0 0 30px #ff3300,2px 2px 4px rgba(0,0,0,.8);margin:0;letter-spacing:.1em;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px #ff3300,0 0 20px #ff3300,0 0 30px #ff3300,2px 2px 4px rgba(0,0,0,.8)}to{text-shadow:0 0 15px #ff6600,0 0 25px #ff6600,0 0 35px #ff6600,2px 2px 4px rgba(0,0,0,.8)}}.persistent-logo{position:absolute;top:2rem;left:2rem;opacity:0;animation:fadeInUp 1s ease-out forwards}.persistent-logo h2{font-size:clamp(1.2rem,3vw,2rem);color:#f60;text-shadow:0 0 5px #ff3300,1px 1px 2px rgba(0,0,0,.8);margin:0;letter-spacing:.05em}.instruction-text{position:absolute;bottom:20%;left:45%;transform:translate(-50%);text-align:center;opacity:0;animation:fadeInUp 1s ease-out .5s forwards}.instruction-text p{font-size:clamp(1.8rem,2.5vw,1.8rem);color:#fc9;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:0;letter-spacing:.02em;font-style:italic}.knock-progress{color:#f60;font-weight:700;text-shadow:0 0 5px #ff3300;animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.persistent-logo{top:1rem;left:1rem}.persistent-logo h2{font-size:1.2rem}.instruction-text{bottom:2rem}.instruction-text p{font-size:1rem}.intro-title h1{font-size:2.5rem}}@media (max-width: 480px){.persistent-logo h2{font-size:1rem}.instruction-text p{font-size:.9rem}.intro-title h1{font-size:2rem}}.back-button{padding:.75rem 1.5rem;background-color:#ff7d46;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.back-button:hover{background-color:#f96;transform:translateY(-2px);box-shadow:0 4px 8px #ff7d464d}.back-button:active{transform:translateY(0);box-shadow:0 2px 4px #ff7d4633}.back-button:focus{outline:2px solid #ff9966;outline-offset:2px}.go-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000075;display:flex;justify-content:center;align-items:center;z-index:999}.tombstone{width:400px;background:transparent;border-radius:140px 141px 20px 20px;padding-bottom:20px;animation:rise .5s ease-out;overflow:hidden;position:relative}.tombstone:before,.tombstone:after{content:"";position:absolute;background:transparent;border-left:2px solid rgba(0,0,0,.45);border-bottom:3px solid rgba(0,0,0,.45);width:40px;height:40px;transform:rotate(25deg);z-index:3}.tombstone:before{top:45px;left:40px;clip-path:polygon(0 0,80% 0,60% 100%,0 70%)}.tombstone:after{top:110px;right:50px;transform:rotate(-20deg);clip-path:polygon(20% 0,100% 10%,70% 90%,0 60%)}.tombstone-top{background:#7a6fa2;border-top-left-radius:240px;border-top-right-radius:240px;padding:50px 0 22px;text-align:center;box-shadow:inset 13px 8px 20px #383753eb,inset 0 -1px 16px #383753;position:relative;border-style:inset;border-width:14px;border-color:#7a70a3}.tombstone-top:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%) rotate(10deg);width:50px;height:30px;border-left:3px solid rgba(0,0,0,.4);border-bottom:3px solid rgba(0,0,0,.4);clip-path:polygon(0 0,100% 0,80% 100%,20% 80%)}.tombstone-top h1{font-family:Creepster,cursive;font-size:50px;color:#0ddad2;text-shadow:-1px 3px 6px #000000;max-width:300px;margin:0 auto}.tombstone-body{padding:10px;background:#7a6fa2;border-left:15px solid #7a70a3;border-right:15px solid #7a70a3;position:relative;width:370px;margin:0 auto}.tombstone-body-inner{padding:60px 0;background:#6d6683;text-align:center;font-size:20px;color:#333;border-left:15px solid #7a70a3;border-right:15px solid #7a70a3;position:relative;border-style:inset;border-width:6px;border-color:#7a70a3;box-shadow:inset 8px 8px 16px #383753,inset 0 5px 10px #ffffff80}.tombstone-body:after{content:"";position:absolute;top:10px;left:4.5%;transform:translate(-50%) rotate(-12deg);width:60px;height:50px;border-left:4px solid rgba(0,0,0,.35);border-bottom:4px solid rgba(0,0,0,.35);clip-path:polygon(10% 0,100% 20%,80% 100%,0 70%)}.tombstone-body span{font-weight:700}.tombstone-base{display:flex;justify-content:space-around;padding-top:12px;padding-bottom:12px;background:#7a6fa2;border-style:inset;border-width:3px;border-color:#7a70a3;border-radius:6px;box-shadow:12px -5px #383753,7px -4px 12px #ffffff80}.tombstone-base button{padding:10px 18px;font-size:16px;border:none;border-radius:8px;cursor:pointer;background:#383753;color:#fff;transition:.2s;box-shadow:0 4px 6px #0000004d}.tombstone-base button:hover{background:#222;transform:translateY(-2px)}@keyframes rise{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}canvas{display:block;width:100%;height:100%;outline:none}button,a,[role=button]{cursor:pointer}button{transition:all .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}