body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#efecfd,#e8f9ff);font-family:Georgia,serif}.app,body{min-height:100vh}.app{padding:2rem}.app-header{margin-bottom:3rem;text-align:center}.app-header h1{color:#8b4a7c;font-size:2.5rem;font-weight:300;margin-bottom:1rem}.app-header p{color:#666;font-size:1.1rem;font-style:italic}.rooms-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));justify-items:center;margin:0 auto;max-width:1200px}.room-door{cursor:pointer;height:280px;margin:15px;perspective:1000px;position:relative;transition:transform .3s ease;width:200px}.room-door:hover{transform:scale(1.05)}.room-door.completed .door-content{background:linear-gradient(145deg,#8b4513,peru);box-shadow:0 8px 16px #0000004d,inset 0 2px 4px #fff3,inset 0 -2px 4px #0003,0 0 20px #ffd70066}.door-frame{height:100%;position:relative;transform-style:preserve-3d;width:100%}.room-behind-door{background:linear-gradient(135deg,#f8e8ff,#e8d8ef);border-radius:15px;box-shadow:inset 0 0 20px #8b4a7c33,0 4px 15px #8b4a7c1a;height:100%;left:0;opacity:0;overflow:hidden;padding:20px;position:absolute;top:0;transform:scale(.95) translateZ(-10px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);visibility:hidden;width:100%}.room-door.opening .room-behind-door{animation:roomReveal .6s cubic-bezier(.68,-.55,.265,1.55) .3s forwards}.room-door.open .room-behind-door{transform:scale(1) translateZ(0)}@keyframes roomReveal{0%{opacity:0;transform:scale(.9) translateZ(-20px);visibility:hidden}50%{opacity:.7;transform:scale(1.02) translateZ(-5px);visibility:visible}to{opacity:1;transform:scale(1) translateZ(0);visibility:visible}}.room-preview{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:10px;text-align:center}.room-preview>*{opacity:0;transform:translateY(10px);transition:all .3s ease}.room-door.open .room-preview>*,.room-door.opening .room-preview>*{opacity:1;transform:translateY(0)}.room-door.opening .room-preview h3{animation:elementSlideIn .4s ease .5s forwards}.room-door.opening .room-preview .room-image-preview{animation:elementSlideIn .4s ease .6s forwards}.room-door.opening .room-preview .room-note-preview{animation:elementSlideIn .4s ease .7s forwards}.room-door.opening .room-preview .mini-game-indicator{animation:elementSlideIn .4s ease .8s forwards}.room-door.opening .room-preview .enter-room-btn{animation:elementSlideIn .4s ease .9s forwards,buttonPop .2s ease 1.2s}@keyframes elementSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonPop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.05)}to{transform:translateY(0) scale(1)}}.room-preview h3{color:#8b4a7c;font-size:1.1rem;font-weight:500;margin-bottom:8px}.room-image-preview{border-radius:8px;box-shadow:0 4px 8px #0003;flex-shrink:0;height:60px;margin-bottom:8px;overflow:hidden;width:80px}.room-image-preview img{height:100%;object-fit:cover;width:100%}.room-note-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;color:#666;display:-webkit-box;flex-grow:1;font-size:.8rem;line-height:1.3;margin-bottom:8px;overflow:hidden}.mini-game-indicator{background:#8b4a7c1a;border-radius:12px;color:#8b4a7c;flex-shrink:0;font-size:.7rem;margin-bottom:8px;padding:4px 8px}.enter-room-btn{background:linear-gradient(145deg,#8b4a7c,#a55a8c);border:none;border-radius:20px;box-shadow:0 4px 8px #8b4a7c4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.enter-room-btn:hover{background:linear-gradient(145deg,#a55a8c,#8b4a7c);box-shadow:0 6px 12px #8b4a7c66;transform:translateY(-2px)}.enter-room-btn:active{box-shadow:0 2px 4px #8b4a7c4d;transform:translateY(0)}.room-door.opening .door-content{animation:doorSwingOpen .8s cubic-bezier(.25,.46,.45,.94) forwards;transform-origin:left center}.room-door.opening .room-behind-door{opacity:1;transition:opacity .4s ease-in .3s,visibility 0s .3s;visibility:visible}.room-door.open .door-content{transform:rotateY(-90deg);transform-origin:left center;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.room-door.open .room-behind-door{opacity:1;transition:opacity .3s ease-in;visibility:visible}.room-door:not(.opening):not(.open) .door-content{transform:rotateY(0deg);transform-origin:left center;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55)}.room-door:not(.opening):not(.open) .room-behind-door{opacity:0;transition:opacity .2s ease-out,visibility 0s .2s;visibility:hidden}@keyframes doorSwingOpen{0%{box-shadow:0 8px 16px #0000004d,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003;transform:rotateY(0deg)}20%{box-shadow:-2px 8px 18px #00000059,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003;transform:rotateY(-10deg)}60%{box-shadow:-8px 4px 20px #0006,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003;transform:rotateY(-75deg)}80%{box-shadow:-12px 2px 22px #00000073,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003;transform:rotateY(-95deg)}to{box-shadow:-10px 2px 20px #0006,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003;transform:rotateY(-90deg)}}.door-content{align-items:center;background:linear-gradient(145deg,#8b4513,sienna);border:6px solid #654321;border-radius:15px;box-shadow:0 8px 16px #0000004d,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:1.5rem;text-align:center;transform-origin:left center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.door-content:before{background:repeating-linear-gradient(90deg,#0000,#0000 2px,#0000001a 0,#0000001a 4px),repeating-linear-gradient(0deg,#0000,#0000 20px,#0000000d 0,#0000000d 22px),radial-gradient(ellipse at 30% 40%,#8b45131a 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#6543211a 0,#0000 40%);border-radius:9px;bottom:0;left:0;right:0;top:0;transition:all .4s ease}.door-content:after,.door-content:before{content:"";pointer-events:none;position:absolute}.door-content:after{border:3px solid #0003;border-radius:8px;bottom:20px;left:20px;right:20px;top:20px}.door-content{position:relative}.door-content:hover:before{background:repeating-linear-gradient(90deg,#0000,#0000 2px,#00000026 0,#00000026 4px),repeating-linear-gradient(0deg,#0000,#0000 20px,#00000014 0,#00000014 22px)}.room-door:after{background:radial-gradient(circle,gold,#daa520);border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff4d;content:"";height:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:8px;z-index:10}.room-door:hover:after{box-shadow:0 3px 6px #0006,inset 0 1px 2px #fff6,0 0 10px #ffd7004d}.room-door.opening:after{animation:handleTurn .8s cubic-bezier(.25,.46,.45,.94) forwards}.room-door.open:after{box-shadow:0 3px 6px #0006,inset 0 1px 2px #fff6,0 0 15px #ffd70080;transform:translateY(-50%) rotate(45deg)}@keyframes handleTurn{0%{transform:translateY(-50%) rotate(0deg)}30%{transform:translateY(-50%) rotate(90deg)}to{transform:translateY(-50%) rotate(45deg)}}.room-door:active .door-content{transform:rotateY(-2deg) translateX(-2px)}.room-door:active:after{transform:translateY(-50%) translateX(-1px) rotate(15deg)}.door-number{color:gold;font-size:2.5rem;font-weight:600;margin-bottom:.5rem;text-shadow:2px 2px 4px #000c,0 0 10px #ffd7004d}.door-number,.door-title{position:relative;z-index:20}.door-title{color:wheat;font-size:1rem;font-weight:500;line-height:1.2;text-shadow:1px 1px 2px #000c}.completed-heart{animation:pulse 2s infinite,glow 3s infinite;filter:drop-shadow(0 0 5px rgba(255,215,0,.8));font-size:1.5rem;position:absolute;right:10px;top:10px;z-index:30}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes glow{0%,to{text-shadow:0 0 5px #ffd70080}50%{text-shadow:0 0 20px gold,0 0 30px #ffd700cc}}.room-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.room-content{animation:slideIn .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90%;max-width:90%;overflow-y:auto;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.8) translateY(50px) rotateY(-15deg)}to{opacity:1;transform:scale(1) translateY(0) rotateY(0deg)}}@keyframes doorOpen{0%{transform:rotateY(0deg)}to{transform:rotateY(-90deg)}}.room-door.completed:before{animation:sparkle 2s infinite;content:"✨";font-size:1.2rem;left:-10px;position:absolute;top:-10px;z-index:25}@keyframes sparkle{0%,to{opacity:0;transform:rotate(0deg) scale(.5)}50%{opacity:1;transform:rotate(180deg) scale(1)}}.close-button{background:none;border:none;color:#8b4a7c;cursor:pointer;font-size:2rem;position:absolute;right:20px;top:20px;z-index:10}.room-inner{padding:3rem 2rem 2rem;text-align:center}.room-inner h2{color:#8b4a7c;font-weight:300}.room-image,.room-inner h2{margin-bottom:2rem}.room-image img{border-radius:15px;box-shadow:0 8px 24px #0000001a;max-height:300px;max-width:100%}.room-note{margin-bottom:2rem}.room-note p{color:#555;font-size:1.1rem;font-style:italic;line-height:1.6}.mini-game{background:#f8f8f8;border-radius:15px;margin-top:2rem;padding:2rem}.mini-game h4{color:#8b4a7c;margin-bottom:1rem}.game-sentence{font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem}.word-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:1rem}.word-button{background:#fff;border:2px solid #8b4a7c;border-radius:25px;color:#8b4a7c;cursor:pointer;padding:8px 16px;transition:all .3s ease}.word-button.found,.word-button:hover{background:#8b4a7c;color:#fff}.game-complete{color:#8b4a7c;font-weight:700;margin-top:1rem}@media (max-width:768px){.app{padding:1rem}.app-header h1{font-size:2rem}.rooms-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.room-door{height:220px;width:150px}.door-number{font-size:1.8rem}.door-title{font-size:.8rem}.room-preview h3{font-size:1rem}.room-note-preview{font-size:.7rem}.room-image-preview{height:45px;width:60px}.enter-room-btn{font-size:.7rem;padding:6px 12px}.room-inner{padding:2rem 1rem 1rem}}.room-door.locked{cursor:not-allowed;opacity:.7}.room-door.locked:hover{transform:none}.room-door.locked .door-content{background:linear-gradient(145deg,#6b6b6b,#8a8a8a);border-color:#4a4a4a;position:relative}.room-door.locked .door-content:before{background:repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff1a 0,#ffffff1a 4px),repeating-linear-gradient(0deg,#0000,#0000 20px,#0000001a 0,#0000001a 22px)}.room-door.locked .door-number{color:#ccc;text-shadow:2px 2px 4px #000c,0 0 10px #ffffff1a}.room-door.locked .door-title{color:#d0d0d0;text-shadow:1px 1px 2px #000c}.lock-icon{animation:lockPulse 2s infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:25}@keyframes lockPulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.room-door.locked:after{background:radial-gradient(circle,#888,#666)}.room-door.locked:after,.room-door.locked:hover:after{box-shadow:0 2px 4px #00000080,inset 0 1px 2px #fff3}.room-door.locked .door-content{animation:none;transition:none}.room-letter-image>img{border-radius:8px;height:100%;object-fit:cover;width:100%}
/*# sourceMappingURL=main.ecffae83.css.map*/