@import"https://fonts.googleapis.com/css2?family=Creepster&family=Special+Elite&display=swap";@tailwind base;@tailwind components;@tailwind utilities;: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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}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}}:root{--bg-color: #080808;--text-color: #dcdcdc;--accent-color: #4a0404;--highlight: #b91d1d;--font-header: "Creepster", display;--font-body: "Special Elite", monospace}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);overflow:hidden;-webkit-font-smoothing:antialiased}#root{width:100vw;height:100vh;margin:0;padding:0}body:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:998;background-size:100% 3px,3px 100%;pointer-events:none}body:after{content:" ";display:block;position:absolute;inset:0;background:radial-gradient(circle,transparent 60%,black 100%);z-index:999;pointer-events:none}.scene{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.scene-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.6;z-index:0}.scene-content{position:relative;z-index:1000;max-width:800px;width:90%;text-align:center;background:radial-gradient(#000c,#0006);padding:3rem;border-radius:4px;border:1px dashed #333}h1{font-family:var(--font-header);font-size:4rem;color:var(--highlight);text-shadow:4px 4px 0px #000;margin-bottom:.5rem;letter-spacing:2px;transform:rotate(-2deg)}.typewriter{font-family:var(--font-body);font-size:1.6rem;line-height:1.5;margin-bottom:2rem;color:var(--text-color);text-shadow:2px 2px 4px black;min-height:120px;text-align:left}.choices{display:flex;flex-direction:column;gap:1.2rem;margin-top:30px}button{background:#0009;border:2px solid #555;color:#ccc;font-family:var(--font-body);font-size:1.3rem;padding:12px 25px;cursor:pointer;transition:all .2s ease;position:relative;text-transform:uppercase}button:hover,.choice-btn:hover{border-color:var(--highlight);color:var(--highlight);background:#140000cc;box-shadow:0 0 10px var(--accent-color)}button:active{transform:scale(.95)}.fullscreen{position:fixed;inset:0;width:100vw;height:100vh;background:#000;z-index:2000}.video-bg{width:100%;height:100%;object-fit:cover;opacity:.8}.overlay-text{position:absolute;bottom:25%;width:100%;text-align:center;z-index:2001}.overlay-text h1{font-family:var(--font-header);font-size:5rem;color:#fff;text-shadow:0 0 20px var(--highlight);animation:pulse 3s infinite}@keyframes pulse{0%{text-shadow:0 0 15px var(--highlight);opacity:1}50%{text-shadow:0 0 5px var(--accent-color);opacity:.8}to{text-shadow:0 0 15px var(--highlight);opacity:1}}.door-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4rem;margin-top:2rem;width:100%}.door-btn{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s}.door-img{width:400px;height:550px;object-fit:cover;border:4px solid #333;box-shadow:0 10px 20px #000c;transition:all .3s ease;filter:grayscale(80%) brightness(60%)}.door-btn:hover .door-img{filter:grayscale(0%) brightness(110%);border-color:var(--highlight);box-shadow:0 0 30px var(--highlight);transform:scale(1.05)}.door-label{margin-top:1rem;font-family:var(--font-header);font-size:3rem;color:#666;text-shadow:2px 2px 0 #000;transition:color .3s}.door-btn:hover .door-label{color:var(--highlight);text-shadow:0 0 15px var(--highlight)}.memory-game{display:grid;grid-template-columns:repeat(4,120px);gap:15px;justify-content:center;margin-top:50px}.card-wrapper{width:120px;height:120px}.card{width:100%;height:100%;background-color:gray;border:2px solid #333;border-radius:8px;cursor:pointer;box-sizing:border-box;transition:background-color .3s}