body{margin:0;padding:0;font-family:Roboto,sans-serif}canvas{display:block}.gallery-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;color:#111;background:linear-gradient(rgba(17,17,17,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.08) 1px,transparent 1px),#f7f7f8;background-size:40px 40px;font-family:Helvetica,Arial,sans-serif;transition:opacity .65s ease,visibility .65s ease}.gallery-loader.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.loader-layout{position:relative;width:min(760px,100%);background:#fff;border:1px solid #111111}.loader-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #111111;font-size:14px;font-weight:700;letter-spacing:0;text-transform:uppercase}#loader-percent{color:#e4002b;font-variant-numeric:tabular-nums}.loader-floorplan{position:relative;aspect-ratio:16 / 9;min-height:260px;overflow:hidden;background:linear-gradient(rgba(17,17,17,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.08) 1px,transparent 1px),#fff;background-size:28px 28px}.loader-wall{position:absolute;display:block;background:#111}.wall-top,.wall-bottom{left:14%;width:72%;height:2px}.wall-top{top:24%}.wall-bottom{bottom:24%}.wall-left,.wall-right{top:24%;width:2px;height:52%}.wall-left{left:14%}.wall-right{right:14%}.loader-art{position:absolute;display:block;width:46px;height:8px;background:#e4002b}.art-1{top:23%;left:28%}.art-2{top:23%;right:28%}.art-3{bottom:23%;left:28%}.art-4{right:28%;bottom:23%}.loader-camera{position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid #111111;background:#fff;transform:translate(-50%,-50%);animation:galleryScan 2.8s linear infinite}.loader-camera:after{position:absolute;top:50%;left:50%;width:90px;height:1px;background:#e4002b;content:"";transform-origin:left center;animation:sightlineSweep 1.4s ease-in-out infinite alternate}.loader-footer{display:grid;gap:16px;padding:18px 20px 20px;border-top:1px solid #111111}#loader-status{margin:0;font-size:16px;font-weight:700}.loader-progress{width:100%;height:12px;overflow:hidden;background:#f7f7f8;border:1px solid #111111}#loader-progress-bar{display:block;width:0%;height:100%;background:#e4002b;transition:width .3s ease}.background_menu{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:fixed;animation:fadeIn 1s;background-image:linear-gradient(#00000080,#00000080);z-index:5}#menu{padding-bottom:30px;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a;background-color:#fff}#img-container{width:100%;display:flex;justify-content:center;align-items:center}#img-container img{width:500px;height:300px;border-radius:20px 20px 0 0}.content{display:flex;width:500px;gap:5px;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.content h1{border:3px solid #000;padding:8px;font-size:26px;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a;margin:20px 0}.content h4{font-size:20px;font-weight:500;padding:0 8px;line-height:1.5;margin:10px 0;color:#555;text-shadow:1px 1px 2px rgba(0,0,0,.1);letter-spacing:.5px}.content h5{font-size:15px;font-style:italic;color:#909090;margin-top:5px;padding:0 8px;margin-bottom:20px;text-shadow:.5px .5px 1px rgba(0,0,0,.1);letter-spacing:.4px}.controls{display:flex;gap:20px;margin-bottom:20px;align-items:center}.controls p{font-size:14px;font-weight:300}.keys-img{width:80px;height:60px}.f11-img{width:50px;height:40px}#play-btn{padding:12px;background-color:#000;color:#fff;border-radius:20px;font-size:16px;cursor:pointer;margin-top:10px}#play-btn:hover{background-color:#787878}.painting-info{position:fixed;width:400px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px;padding:15px;margin:15px;background:linear-gradient(135deg,#456789a7,#89abcda9);border-radius:20px;color:#fff;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a;animation:fadeIn .6s;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.painting-info p{font-size:22px;font-weight:600;text-align:justify}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#play-btn:disabled{cursor:wait;opacity:.55}@keyframes galleryScan{0%{transform:translate(-50%,-50%) translate(-140px,-58px)}25%{transform:translate(-50%,-50%) translate(140px,-58px)}50%{transform:translate(-50%,-50%) translate(140px,58px)}75%{transform:translate(-50%,-50%) translate(-140px,58px)}to{transform:translate(-50%,-50%) translate(-140px,-58px)}}@keyframes sightlineSweep{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@media (max-width: 640px){.gallery-loader{padding:16px}.loader-header{align-items:flex-start;flex-direction:column;gap:8px;padding:16px}.loader-floorplan{aspect-ratio:1 / 1;min-height:0}.loader-footer{padding:16px}.loader-art{width:32px}.loader-camera:after{width:64px}@keyframes galleryScan{0%{transform:translate(-50%,-50%) translate(-72px,-46px)}25%{transform:translate(-50%,-50%) translate(72px,-46px)}50%{transform:translate(-50%,-50%) translate(72px,46px)}75%{transform:translate(-50%,-50%) translate(-72px,46px)}to{transform:translate(-50%,-50%) translate(-72px,-46px)}}}@media (prefers-reduced-motion: reduce){.gallery-loader,#loader-progress-bar{transition:none}.loader-camera,.loader-camera:after{animation:none}}