*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}.app{height:100vh;position:relative;overflow:hidden}.screen{opacity:0;pointer-events:none;transition:all .5s;position:absolute;inset:0;transform:scale(.95)}.screen.active{opacity:1;pointer-events:auto;transform:scale(1)}.doors-container{flex-direction:column;justify-content:center;height:100%;display:flex}.title{text-align:center;margin-bottom:20px}.doors-wrapper{aspect-ratio:16/9;width:100%;max-width:1000px;margin:auto;position:relative}.doors-bg{object-fit:cover;width:100%;height:100%;position:absolute}.hotspot{z-index:2;cursor:pointer;width:150px;height:200px;position:absolute}.door-1{width:15%;height:35%;top:27%;left:2%}.door-2{width:17%;height:34%;top:28%;left:28%}.door-3{width:18%;height:34%;top:28%;left:54%}.door-4{width:17%;height:34%;top:28%;left:82%}.room-container{height:100%;position:relative}.room-bg{object-fit:cover;width:100%;height:100%;position:absolute}.center-title{z-index:2;text-align:center;margin-top:20px;position:relative}.catalog{background:#fff;border-radius:8px;padding:10px;top:60%;left:10%}.help{background:#fff;border-radius:8px;padding:10px;top:60%;right:10%}.community{background:#fff;border-radius:8px;padding:10px;bottom:10%;left:45%}.catalog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.catalog-panel{background:#fff;border-radius:12px;width:80%;max-width:800px;padding:20px}.catalog-header{justify-content:space-between;margin-bottom:20px;display:flex}.book-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.book-card img{border-radius:6px;width:100%}.status{color:green;font-size:12px}.catalog-area{width:21%;height:49%;top:50%;left:11%}.catalog-container{aspect-ratio:16/9;width:100%;max-width:1000px;margin:auto;position:relative}.catalog-bg{object-fit:cover;width:100%;height:100%;position:absolute}.back-btn{width:14%;height:7%;top:10%;left:7%}.topbar{z-index:5;background:0 0;padding:0;position:absolute;top:5%;left:5%}.back-ui{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#ffffffd9;border-radius:20px;padding:8px 16px;font-weight:500;transition:all .3s;display:inline-block}.back-ui:hover{background:#fff;transform:scale(1.05)}.back-ui:active{transform:scale(.95)}