*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding: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}#root{width:100%;height:100%;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (max-height: 500px) and (orientation: landscape){html,body,#root{height:100vh;width:100vw}}@media screen and (max-width: 768px) and (orientation: portrait){html,body,#root{height:100vh;width:100vw}}@media screen and (min-width: 768px) and (max-width: 1024px){html,body,#root{height:100vh;width:100vw}}@media screen and (min-width: 1025px){html,body,#root{height:100vh;width:100vw}}html,body{overflow:hidden;-webkit-overflow-scrolling:touch}.glow-svg{width:100px;height:100px;transition:filter .3s}.glow-svg-btn:hover .glow-svg{filter:drop-shadow(0 0 10px #00ff00) drop-shadow(0 0 20px #00ff00)}.glow-svg path{transition:filter .3s}.glow-svg-btn:hover .glow-svg path{filter:drop-shadow(0 0 8px #00ff00) drop-shadow(0 0 16px #00ff00)}canvas{z-index:1;position:relative}.canvas-container{z-index:1;position:relative}.button-hover-image{z-index:1000;position:absolute;pointer-events:none}.content-display{z-index:100;position:relative}.movie-app-container{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:20px;display:flex;justify-content:center;align-items:center;font-family:Pretendard,sans-serif;overflow:hidden;color:#fff;padding:20px;box-sizing:border-box}.movie-list{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;box-sizing:border-box}.movie-list-title{font-size:2rem;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.5);flex-shrink:0}.poster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;width:100%;max-width:1200px}.movie-poster-item{background:none;border:none;padding:0;width:100%;text-align:center;cursor:pointer;transition:transform .3s ease}.movie-poster-item:hover{transform:scale(1.05)}.movie-poster-item img{width:100%;border-radius:8px;box-shadow:0 10px 20px #00000040}.movie-info h3{font-size:1.1rem;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-info p{color:#fffc;font-size:.85rem}.movie-detail-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;cursor:pointer;background-size:contain;background-position:center;background-repeat:no-repeat}.movie-detail-image{display:none}@media (max-width: 768px){.detail-content{flex-direction:column;overflow-y:auto}}.pavilion-container{width:90vw;max-width:1100px;min-width:320px;height:auto;min-height:60vw;max-height:90vh;padding:48px 32px;background-color:transparent!important;border-radius:24px;box-shadow:0 4px 32px #0000002e;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}@media (max-width: 768px){.pavilion-container{width:90vw;max-width:1100px;min-width:320px;height:auto;min-height:60vw;max-height:90vh;padding:48px 32px;border-radius:24px;box-shadow:0 4px 32px #0000002e;background-color:transparent!important;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.poster-list{gap:0;width:100%;justify-content:center;align-items:center}.poster-button{max-width:15vw;margin:0 auto}.poster-button img{max-width:80%;max-height:60%;margin:0 auto;display:block}}.poster-list{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;width:100%;max-width:1200px;position:relative;padding:0 30px;top:1vw}.poster-button{background:none;border:none;padding:0;width:100%;text-align:center;cursor:pointer;transition:transform .3s ease}.poster-button:hover{transform:scale(1.05)}.poster-button img{width:100%;border-radius:8px;box-shadow:0 10px 20px #00000040}@media (max-width: 768px){.poster-button img{width:38vw;max-width:60vw;max-height:38vw}.poster-list{gap:8vw;padding-bottom:2vw}}.detail-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}.detail-popup-content{position:relative;background:transparent!important}.detail-bg-image{display:block;max-width:80vw;max-height:80vh;box-shadow:0 5px 20px #0006}.detail-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:5%}.detail-image{display:block;max-width:100%;max-height:100%;object-fit:contain}.close-detail-button{position:absolute;top:25px;right:25px;background:#fff;color:#333;border:2px solid #333;border-radius:50%;width:35px;height:35px;font-size:18px;font-weight:700;cursor:pointer;z-index:11}@media (max-width: 1024px) and (orientation: landscape){.pavilion-container{background-size:contain!important}.poster-button img{max-width:144%;max-height:108%}.poster-list{position:relative;left:-2vw}}.controls-container{position:fixed;bottom:40px;right:50px;display:flex;flex-direction:column;align-items:flex-end;z-index:100}.base-button{border:none;background:transparent;cursor:pointer;padding:0;position:relative;transition:transform .2s ease}.base-button:hover{transform:scale(1.1)}.out-button{width:390px;height:260px;z-index:1;transform:translate(0);margin-top:0;margin-right:-140px}.out-button-img{width:100%;height:100%;object-fit:contain}.map-button{width:104px;height:104px;margin-top:-117px;z-index:2;transform:translate(0)}.map-button-img{width:100%;height:100%;object-fit:contain}.music-button{width:104px;height:104px;margin-top:13px;transform:translate(0)}.music-button-img{width:100%;height:100%;object-fit:contain}.map-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;cursor:pointer}.map-popup-image{max-width:90vw;max-height:90vh;object-fit:contain;cursor:default}@media (max-width: 768px){.controls-container{right:30px;bottom:15px;flex-direction:column;align-items:flex-end}.out-button{width:200px;height:130px;margin-top:0}.map-button{width:60px;height:60px;margin-top:-45px}.music-button{width:60px;height:60px;margin-top:0}}@media (max-width: 600px){.controls-container{right:15px;bottom:10px}.out-button{width:200px;height:130px;margin-top:0;margin-right:-75px;margin-bottom:-20px;position:relative;bottom:-15px}.map-button,.music-button{width:52px;height:52px}.map-button{margin-top:-20px}.music-button{margin-top:0}}@media (min-width: 601px) and (max-width: 1024px){.controls-container{right:15px;bottom:20px}.out-button{width:200px;height:130px;margin-top:0;margin-right:-75px;margin-bottom:-35px}.map-button{width:52px;height:52px;margin-top:-20px}.music-button{width:52px;height:52px;margin-top:0}}