*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;height:100%;background:#000;font-family:Arial,sans-serif}.landing-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#3d0606,#070000 50%);display:flex;flex-direction:column;padding:0;z-index:100}.title-section{position:absolute;top:150px;left:100px;width:auto}.game-title{font-family:Joti One!important;font-size:90px!important;font-weight:900;color:#fff!important;text-shadow:3px 3px 8px rgba(0,0,0,.9);letter-spacing:4px;line-height:.85;margin:0;padding:0}.main-content{position:absolute;top:48%;left:490px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;width:900px}.house-img{width:750px!important;height:720px!important;object-fit:contain;display:block;margin-bottom:50px}.center-button{position:fixed;top:85%;left:17%;transform:translate(-50%,-50%);z-index:20}.play-now-btn{padding:20px 60px!important;font-size:22px!important;font-weight:400!important;font-family:Cinzel,serif!important;letter-spacing:2px!important;background:#281e14e6!important;color:#f4e8c8!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:55px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 0 25px #0009!important}.play-now-btn:hover{background:#3c2d1ef2!important;transform:translateY(-3px)!important;box-shadow:0 0 35px #d4af3733!important}.play-now-btn:disabled{opacity:.65;cursor:not-allowed!important;transform:none!important;box-shadow:0 0 18px #00000073!important}.taglines{position:absolute;top:300px;left:110px;max-width:500px;text-align:left;color:#fff1f1;z-index:10}.taglines p{font-family:Cormorant Garamond,serif;font-size:26px;margin-top:40px;opacity:.85;text-shadow:0 0 10px rgba(188,146,64,.4)}.intro-screen,.screen{position:fixed;inset:0;display:none;justify-content:center;align-items:center;background:radial-gradient(circle at center,#3d0606,#030000 50%);z-index:10000;font-family:Georgia,serif}.intro-screen.active,.screen.active,.landing-screen.active{display:flex}.house-ui{position:absolute;top:60%;left:70%;transform:translate(-50%,-50%);text-align:left;color:#fff;font-family:Arial;opacity:0;transition:opacity 1s ease;z-index:1000}#houseSequence{font-size:20px;letter-spacing:10px;margin-bottom:20px}#dialogueBox{font-size:16px;line-height:1.5}#roomIntro{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;color:#fff;z-index:10;opacity:0;pointer-events:none;transition:opacity .5s ease}#roomIntro.active{opacity:1;pointer-events:all}.introBox{text-align:center;background:#141414e6;padding:40px;border-radius:10px}.sequenceOverlay{position:fixed;top:50px;left:50%;transform:translate(-50%);background:#141414f2;color:#fff;font-size:30px;padding:20px 40px;border-radius:10px;letter-spacing:20px;display:none;z-index:9999}.book-container{position:relative;width:750px;height:450px;display:flex;background:#cdc1a0;border-radius:12px;box-shadow:0 50px 100px #000c,inset 0 0 60px #00000040;overflow:hidden;transform:rotate(-2deg);transition:transform .6s ease}.book-container:hover{transform:rotate(0) scale(1.02)}.book-container:before{content:"";position:absolute;left:50%;width:10px;height:100%;background:linear-gradient(to right,#5a3a1a,#3e2512);transform:translate(-50%);box-shadow:0 0 20px #0009}.book-page{flex:1;padding:60px 50px;background:linear-gradient(to bottom,#fdf6e3,#e8d6b5),url(https://www.transparenttextures.com/patterns/aged-paper.png);background-blend-mode:multiply;font-family:Marck Script,cursive;font-size:30px;line-height:1.9;color:#2f1b0e;letter-spacing:.6px}.page-header{font-family:Cinzel,serif;font-size:30px;margin-bottom:25px;border-bottom:2px solid #8b5e3c;padding-bottom:12px}.book-page p{font-size:16px;line-height:1.6;color:#2f1b0e}.panel{background:linear-gradient(145deg,beige,#e8d9b8);border:4px solid #654321;border-radius:20px;padding:50px;box-shadow:0 20px 40px #00000080;max-width:400px;text-align:center;position:relative}.panel:before{content:"";position:absolute;top:-8px;left:15%;right:15%;height:4px;background:#333}.panel h3{font-family:Cinzel,serif;font-size:26px;color:#4a2c0b;margin-bottom:20px;letter-spacing:1px}.panel em{font-size:14px;color:#4a2c0b99}.panel p{font-size:18px;color:#4a2c0b;margin-bottom:30px}.hint-box{font-family:monospace;font-size:22px;color:#666;margin-top:25px;padding:15px;background:#fff3;border-radius:10px}.next-btn{position:absolute;bottom:40px;right:60px;background:none;border:none;font-size:45px;color:#fff;cursor:pointer;opacity:.9;transition:opacity .3s}.next-btn:hover{opacity:1}.choice-btn{padding:12px 28px;font-size:16px;border-radius:30px;border:1px solid rgba(255,255,255,.2);background:#1e140fcc;color:#f4e8c8;font-family:Cinzel,serif;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.choice-btn:hover{background:#3c281ee6;transform:translateY(-2px)}.primary-btn{background:linear-gradient(145deg,#5c0f0f,#7a1a1a);border:1px solid rgba(255,255,255,.08);padding:14px 38px;border-radius:40px;font-size:17px;font-family:Cinzel,serif;letter-spacing:1px;color:#f4e8c8;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #00000080}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #000000b3;background:linear-gradient(145deg,#7a1a1a,#9c2a2a)}.escape-btn-wrapper{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:10001}.feedback-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:#0f0f0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px 40px;border-radius:40px;font-family:Cinzel,serif;font-size:20px;letter-spacing:2px;opacity:0;pointer-events:none;transition:all .4s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #0009;z-index:20000}.feedback-overlay.success{color:#d4af37;text-shadow:0 0 8px rgba(212,175,55,.4)}.feedback-overlay.error{color:#8b2c2c;text-shadow:0 0 6px rgba(139,44,44,.4)}.feedback-overlay.show{opacity:1;transform:translate(-50%,-50%) scale(1)}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%,90%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.congrats-screen{align-items:flex-start;padding-top:40px}.congrats-panel{background:linear-gradient(145deg,beige,#e8d9b8);border:4px solid #654321;border-radius:20px;padding:60px 40px;margin-top:100px;max-width:500px;text-align:center;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;align-items:center}.congrats-panel h2{font-size:36px;color:#4a2c0b;margin-bottom:20px}.congrats-panel p{font-size:22px;color:#4a2c0b;line-height:1.4}.congrats-panel .primary-btn{margin-top:30px}.side-panel{position:fixed;right:25px;top:50%;transform:translateY(-50%);width:70px;padding:25px 0;background:#19140fe6;border-radius:40px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;gap:30px;z-index:15000;border:1px solid rgba(255,255,255,.08)}.side-item{font-size:22px;color:#f4e8c8;cursor:pointer;transition:all .3s ease}.side-item:hover{transform:scale(1.2);color:#d4af37}.side-timer{font-family:Cinzel,serif;font-size:14px;color:#d4af37;letter-spacing:2px}.camera-preview{position:fixed;bottom:20px;right:20px;width:220px;height:165px;border-radius:12px;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 20px #0009;object-fit:cover;z-index:15000;opacity:.9}.camera-preview{display:none}.control-hint{position:fixed;bottom:30px;left:30px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 16px;border-radius:10px;font-family:Cinzel,serif;font-size:19px;letter-spacing:1px;color:#f4e8c8;z-index:14000;transition:opacity .3s ease}.tutorial-overlay{position:fixed;inset:0;background:#0000008c;display:none;justify-content:center;align-items:center;z-index:20000}.tutorial-overlay.active{display:flex}.tutorial-box{background:#141414d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:30px 40px;border-radius:16px;width:420px;max-width:90%;height:120px;text-align:center;color:#f4e8c8;font-family:Inter;position:relative}.tutorial-box h3{margin-bottom:10px;font-size:18px}.tutorial-box p{font-size:18px;line-height:1.5}.tutorial-close{position:absolute;top:7px;right:14px;background:transparent;border:none;color:#f4e8c8;font-size:20px;cursor:pointer}.room-fade{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:9998}.input-progress{position:fixed;top:120px;left:50%;transform:translate(-50%);font-size:22px;letter-spacing:10px;color:#d4af37;z-index:9999;display:none}.room-fade{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:9998}.room-fade.active{opacity:1}@keyframes pulseRed{0%{background:#78000000}50%{background:#78000033}to{background:#78000000}}.pulse-error{animation:pulseRed .4s ease}.dot{transition:all .3s ease}.dot.filled{color:#d4af37}.dot.empty{color:#555}.dot.success{color:#4caf50!important}.dot.error{color:#f44!important}