#root{min-height:100vh;width:100%;margin:0;padding:0}h1,p{margin-bottom:1rem}h1{font-size:70px}p{font-size:24px}#enter-btn{font-size:20px;color:#fff;background-color:#8b4513;padding:10px 20px;border-radius:5px;cursor:pointer;border:none}.home-page{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-image:url(/classical-music-themed-escape-room/assets/home-background-BJ3Hp9B9.webp);background-size:cover;background-repeat:no-repeat;background-position:center;color:#fff;margin:0;padding:0}.enter-btn{margin-top:20px;padding:15px 30px;font-size:1.2rem;color:brown;background-color:#0009;border:none;border-radius:8px;cursor:pointer}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}.rooms-grid-container{background-color:#000;padding:40px 0}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}.room-card{background-color:#d8ad80;border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;cursor:pointer;overflow:hidden}.room-card img{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px}.room-card h3{margin:10px 0;color:#333;font-size:1.2rem;font-weight:600}.room-card p{color:#666;font-size:.9rem;line-height:1.4;margin:0;flex-grow:1}h2{text-align:center;color:#fff;margin:20px 0;font-size:2rem;font-weight:700}.enter-room-btn{margin-top:15px;padding:10px 20px;font-size:1rem;color:#fff;background-color:#333;border:none;border-radius:6px;cursor:pointer}@media(max-width:768px){.rooms-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:15px}.room-card{padding:15px}.room-card img{height:150px}h2{font-size:1.5rem}}@media(max-width:480px){.rooms-grid{grid-template-columns:1fr;gap:10px;padding:10px}}.practice-room{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#f0f0f0;min-height:100vh}.modal-body{padding:20px;background-image:url(/classical-music-themed-escape-room/assets/puzzle-background-img-Bh9dCI31.webp);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:300px;border-radius:0 0 15px 15px}.room-container{position:relative;display:inline-block;max-width:100%}.practice-room img{width:100%;height:auto;object-fit:contain;display:block}.clickable-object{position:absolute;border:2px solid #ff0000;border-radius:50%;cursor:pointer;transition:all .3s ease;background-color:#ff00004d;z-index:10}.clickable-object:hover{border-color:gold;background-color:#ffff0080;transform:scale(1.1)}.sheet-music-hotspot{top:38%;left:53%;width:12%;height:12%}.keyboard-hotspot{top:50%;left:32%;width:38%;height:8%}.violin-hotspot{top:52%;left:80%;width:10%;height:30%;border-radius:15px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:15px;max-width:500px;width:90%;max-height:80%;overflow:hidden;box-shadow:0 10px 30px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.close-button{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#fff3}.modal-body{padding:30px;font-size:1.1rem;line-height:1.6}.message-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid #333;border-radius:10px;padding:20px;max-width:400px;box-shadow:0 4px 20px #0000004d;z-index:1000}.message-box button{margin-top:10px;padding:8px 16px;background-color:#8b4513;color:#fff;border:none;border-radius:5px;cursor:pointer}.message-box button:hover{background-color:sienna}.progress{margin-top:20px;text-align:center;font-size:16px}.success{color:green;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media(max-width:768px){.practice-room{padding:10px}.room-container{width:100%}.modal-content{max-width:90%;margin:20px}.modal-body{padding:20px;font-size:1rem}}:root{--wood-light: #a0735c;--wood-dark: #6b4423;--string: #c0c0c0}.violin-container{position:relative;width:210px;height:420px;margin:40px auto}.violin-body-upper,.violin-body-lower,.violin-waist{position:absolute;left:50%;transform:translate(-50%);background:radial-gradient(circle at 50% 40%,var(--wood-light),var(--wood-dark));box-shadow:inset 0 0 25px #00000059,0 1px 3px #0006}.violin-body-upper{top:120px;width:105px;height:95px;border-radius:50%;z-index:2;background-color:#7a502e}.violin-body-lower{top:245px;width:135px;height:115px;border-radius:50%;z-index:2;background-color:#7a502e}.violin-waist{top:185px;width:70px;height:75px;border-radius:50%;z-index:3;background-color:#7a502e}.violin-c-bout-left,.violin-c-bout-right{position:absolute;top:188px;width:28px;height:70px;background-color:transparent;z-index:4}.violin-c-bout-left{left:29%;border-radius:0 50% 50% 0;box-shadow:inset -10px 0 12px -6px #00000073}.violin-c-bout-right{right:29%;border-radius:50% 0 0 50%;box-shadow:inset 10px 0 12px -6px #00000073}.violin-neck{position:absolute;top:20px;left:50%;transform:translate(-50%);width:32px;height:85px;background:linear-gradient(to bottom,#704524,#4a2c1a);border-radius:6px;z-index:3}.violin-fingerboard{position:absolute;top:20px;left:50%;transform:translate(-50%);width:26px;height:190px;background:linear-gradient(to bottom,#26150e,#0b0604);border-radius:3px;z-index:6}.violin-scroll{position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:48px;background:radial-gradient(circle at 50% 40%,#7a502e,#4b2a18);border-radius:50% 50% 30% 30%;box-shadow:inset 0 2px 10px #0006}.violin-scroll:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:16px;height:16px;background:#4b2a18;border-radius:50%}.violin-peg{position:absolute;top:30px;width:14px;height:6px;background:#1a0f08;border-radius:3px;z-index:7}.violin-peg.left{left:calc(50% - 32px)}.violin-peg.right{right:calc(50% - 32px)}.violin-bridge{position:absolute;top:215px;left:50%;transform:translate(-50%);width:45px;height:18px;background:#deb980;clip-path:polygon(12% 0%,88% 0%,100% 100%,0% 100%);box-shadow:0 1px 4px #0006;z-index:6}.violin-tailpiece{position:absolute;top:240px;left:50%;transform:translate(-50%);width:34px;height:115px;background:linear-gradient(to bottom,#2c1810,#140a06);clip-path:polygon(5% 0%,95% 0%,70% 100%,30% 100%);z-index:7}.violin-endbutton{position:absolute;bottom:56px;left:50%;transform:translate(-50%);width:14px;height:14px;background:#1a0f08;border-radius:50%;box-shadow:inset 0 1px 4px #fff3;z-index:10}.violin-chinrest{position:absolute;bottom:60px;left:40%;transform:translate(-50%);width:38px;height:28px;background:#1a0f08;border-radius:55% 55% 40% 40%;z-index:11}.f-hole-left,.f-hole-right{position:absolute;top:220px;width:5px;height:65px;background:#000;border-radius:60%;filter:drop-shadow(0 0 1px #000);z-index:8}.f-hole-left{left:75px;transform:rotate(-12deg)}.f-hole-right{right:75px;transform:rotate(12deg)}.f-hole-left:before,.f-hole-left:after,.f-hole-right:before,.f-hole-right:after{content:"";position:absolute;width:9px;height:9px;background:#000;border-radius:50%}.f-hole-left:before{top:-6px;left:-2px}.f-hole-left:after{bottom:-6px;right:-2px}.f-hole-right:before{top:-6px;right:-2px}.f-hole-right:after{bottom:-6px;left:-2px}.violin-string{position:absolute;top:25px;left:50%;width:1.5px;height:255px;background:silver;z-index:13}.string-1{transform:translate(-14px);background:#e0e0e0}.string-2{transform:translate(-5px);background:#d0d0d0}.string-3{transform:translate(5px);background:#c9a779}.string-4{transform:translate(14px);background:#b89968}.violin-string:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:7px;height:7px;background:#3b3b3b;border-radius:50%;box-shadow:0 1px 2px #0006;z-index:14}