*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#000,#0a0a1a,#1a1a2e);min-height:100vh;font-family:Georgia,Times New Roman,serif;color:#f0f0f0}@media (min-width: 768px){body{height:100vh;display:flex;justify-content:center;align-items:center}}body.popup-open{overflow:hidden}.portrait-blocker{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:10000;justify-content:center;align-items:center;padding:20px}.portrait-message{color:#fff;font-size:18px;text-align:center;line-height:1.6;max-width:400px;font-family:Georgia,Times New Roman,serif}@media (max-width: 1366px) and (orientation: portrait){.portrait-blocker{display:flex}.scene{display:none!important}}.scene{position:relative;width:100vw;height:100vh;background:#000;cursor:crosshair}.scene:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/main/Mainlanding.png);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:0;mask:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(0,0,0,.3) 0px,rgba(0,0,0,.4) 15px,black 25px,black 110px,transparent 140px);-webkit-mask:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(0,0,0,.3) 0px,rgba(0,0,0,.4) 15px,black 25px,black 110px,transparent 140px)}@media (max-width: 1366px) and (orientation: landscape){.scene{cursor:default}.scene:after{mask:none!important;-webkit-mask:none!important}}.hotspot{position:absolute;cursor:pointer;background:none}.bulletin{top:14%;left:10%;width:12%;height:24%}.trash{top:75%;left:42%;width:8%;height:8%}.letters{top:73%;left:54%;width:12%;height:10%}.book{top:40%;left:53%;width:9%;height:8%}.monitor{top:20%;left:63%;width:15%;height:17%}.painting{top:0%;left:75.5%;width:11%;height:13.7%}.embrace-slideshow{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:none;font-family:Georgia,serif}.embrace-slideshow.show{display:flex}.embrace-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.embrace-image{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;box-shadow:0 0 50px #ffffff1a;transition:opacity .3s ease}.embrace-image.changing{opacity:0}.embrace-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-style:italic;text-align:center;opacity:.7}.embrace-loading:after{content:"";display:inline-block;animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.embrace-title{position:fixed;top:30px;left:50%;transform:translate(-50%);color:#fff;font-size:24px;font-weight:700;text-align:center;opacity:.8;text-shadow:0 2px 10px rgba(0,0,0,.8);z-index:100}.embrace-close{position:fixed;top:30px;right:30px;width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;z-index:100}.embrace-close:hover{background:#fff3;transform:scale(1.1);box-shadow:0 5px 15px #ffffff1a}.embrace-controls{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:20px;align-items:center;background:#000000b3;padding:15px 25px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:100}.embrace-nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;font-family:Georgia,serif;font-size:14px;font-weight:700;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;min-width:80px;text-align:center}.embrace-nav-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 5px 15px #ffffff1a}.embrace-nav-btn:disabled{background:#ffffff0d;color:#ffffff4d;cursor:not-allowed;transform:none;box-shadow:none}.embrace-info{color:#fff;font-size:16px;font-weight:700;margin:0 15px;opacity:.9}.embrace-nav-area{position:fixed;top:0;bottom:0;width:15%;cursor:pointer;z-index:50;transition:background-color .3s ease}.embrace-nav-area.left{left:0}.embrace-nav-area.right{right:0}.embrace-nav-area:hover{background:#ffffff0d}.embrace-nav-area:before{content:"";position:absolute;top:50%;transform:translateY(-50%);font-size:30px;color:#fff;opacity:0;transition:opacity .3s ease;font-weight:700}.embrace-nav-area.left:before{content:"‹";left:30px}.embrace-nav-area.right:before{content:"›";right:30px}.embrace-nav-area:hover:before{opacity:.7}@media (max-width: 768px){.embrace-controls{bottom:20px;padding:12px 20px;gap:15px}.embrace-nav-btn{padding:8px 15px;font-size:12px;min-width:60px}.embrace-info{font-size:14px;margin:0 10px}.embrace-close{top:20px;right:20px;width:40px;height:40px;font-size:16px}.embrace-title{top:20px;font-size:18px}.embrace-nav-area{width:25%}}.fullscreen-video{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:none;font-family:Georgia,serif}.fullscreen-video.show{display:flex}.video-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.video-close{position:fixed;top:30px;right:30px;width:40px;height:40px;color:#fff;font-size:32px;font-weight:700;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000080;transition:all .3s ease;-webkit-user-select:none;user-select:none}.video-close:hover{background:#fff3;transform:scale(1.1)}.fullscreen-audio{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:none;font-family:Georgia,serif;align-items:center;justify-content:center}.fullscreen-audio.show{display:flex}.audio-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.audio-title-header{position:fixed;top:40px;left:50%;transform:translate(-50%);color:#fff;font-size:32px;font-weight:700;text-align:center;z-index:10001}.audio-close{position:fixed;top:30px;right:30px;width:40px;height:40px;color:#fff;font-size:32px;font-weight:700;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000080;transition:all .3s ease;-webkit-user-select:none;user-select:none}.audio-close:hover{background:#fff3;transform:scale(1.1)}.audio-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-style:italic;text-align:center;opacity:.7}.audio-loading:after{content:"";display:inline-block;animation:dots 1.5s infinite}.current-audio-track{max-width:600px;width:90%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:15px;padding:40px;text-align:center;transition:opacity .3s ease}.current-audio-track.changing{opacity:0}.track-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:30px}.audio-nav-area{position:absolute;top:0;width:25%;height:100%;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.audio-nav-area:hover{background:#ffffff0d}.audio-nav-area.left{left:0}.audio-nav-area.right{right:0}.audio-nav-area:before{content:"";position:absolute;font-size:60px;color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none;font-weight:700}.audio-nav-area.left:before{content:"‹";left:30px}.audio-nav-area.right:before{content:"›";right:30px}.audio-nav-area:hover:before{opacity:.7}.audio-controls{position:fixed;bottom:50px;left:50%;transform:translate(-50%);background:#000000b3;border:2px solid rgba(255,255,255,.3);border-radius:25px;padding:15px 25px;display:flex;align-items:center;gap:20px;z-index:10000}.audio-nav-btn{background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;padding:8px 16px;border-radius:15px;cursor:pointer;font-size:14px;font-weight:700;text-transform:lowercase;letter-spacing:1px;transition:all .3s ease;min-width:70px}.audio-nav-btn:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.05)}.audio-info{color:#fff;font-size:16px;font-weight:700;margin:0 15px;min-width:50px;text-align:center}#mobile-block-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center}.mobile-block-content{position:relative;z-index:12;text-align:center;padding:40px;max-width:90%;animation:fadeInUp 2s ease-out}.mobile-block-title{font-family:"Bree Serif",Georgia,serif;font-size:clamp(3rem,8vw,6rem);color:#f4f1eb;text-shadow:0 0 10px rgba(244,241,235,.5),0 0 20px rgba(244,241,235,.3),0 0 30px rgba(244,241,235,.2);margin:0 0 30px;letter-spacing:2px;line-height:1.1;font-weight:700}.mobile-block-subtitle{font-family:Courier New,monospace;font-size:clamp(1.2rem,4vw,2rem);color:#d4af37;text-shadow:0 0 8px rgba(212,175,55,.4),0 0 15px rgba(212,175,55,.2);margin:0;letter-spacing:1px;text-transform:lowercase}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.popup.old-paper{position:absolute;top:15%;left:50%;transform:translate(-50%);background:#fdf6e3;padding:28px 32px;border:1px solid #c2b280;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;color:#3a2e1e;max-width:320px;line-height:1.6;border-radius:8px;box-shadow:inset 0 0 30px #00000026,4px 6px 12px #0006;clip-path:polygon(0% 5%,3% 0%,97% 0%,100% 5%,100% 95%,97% 100%,3% 100%,0% 95%);background-image:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(139,69,19,.1) 21px),repeating-linear-gradient(0deg,transparent,transparent 25px,rgba(139,69,19,.05) 26px);z-index:1000;display:none}.popup.old-paper.show{display:block}.close-btn{position:absolute;top:8px;right:8px;width:22px;height:22px;background:#8b451333;border:1px solid #8b4513;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#8b4513;transition:all .2s ease}.close-btn:hover{background:#8b45134d;transform:scale(1.1)}.password-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:none;z-index:10000}.password-overlay.show{display:block}.monitor-popup{width:400px;background:silver;border:2px outset #c0c0c0;font-family:"MS Sans Serif",sans-serif;font-size:11px;box-shadow:4px 4px 10px #00000080;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.title-bar{background:linear-gradient(90deg,#0054e3,#0040a3);color:#fff;padding:4px 8px;font-weight:700;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-family:"Bree Serif",Georgia,serif;cursor:move}.content{padding:20px;background:silver}.content input{width:100%;padding:4px;border:2px inset #c0c0c0;font-family:Courier New,monospace;margin-bottom:10px}.content button{background:silver;border:2px outset #c0c0c0;padding:4px 16px;cursor:pointer;margin-right:5px;font-family:inherit}.content button:active{border:2px inset #c0c0c0}.error-message{color:maroon;font-weight:700;margin-top:10px;display:none}.error-message.show{display:block}.slideshow-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;height:85vh;background:silver;border:2px outset #c0c0c0;box-shadow:4px 4px 10px #00000080;z-index:10000;display:none;flex-direction:column}.slideshow-popup.show{display:flex}.slideshow-popup.fullscreen{width:100vw;height:100vh;top:0;left:0;transform:none;border:none}.slideshow-header{background:linear-gradient(90deg,#0054e3,#0040a3);color:#fff;padding:4px 8px;font-weight:700;display:flex;justify-content:space-between;align-items:center;font-size:11px}.slideshow-container{flex:1;display:flex;align-items:center;justify-content:center;background:#000;position:relative;overflow:hidden}.slideshow-popup.fullscreen .slideshow-container{height:calc(100vh - 60px)}.slideshow-popup.fullscreen #currentSlideImage{max-width:95vw;max-height:95vh}#currentSlideImage{max-width:100%;max-height:100%;object-fit:contain}.slide-counter{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:3px;font-family:Courier New,monospace;font-size:12px}.slideshow-controls{display:flex;justify-content:center;align-items:center;padding:10px;gap:10px;background:silver;border-top:1px solid #808080}.nav-btn{background:silver;border:2px outset #c0c0c0;padding:5px 15px;cursor:pointer;font-family:Georgia,serif;font-size:14px}.nav-btn:hover{background:#d4d0c8}.nav-btn:active{border:2px inset #c0c0c0}.controls-right{display:flex;align-items:center;gap:10px;background:silver;border-top:1px solid #808080}.control-btn{background:silver;border:2px outset #c0c0c0;padding:4px 8px;cursor:pointer;font-family:Georgia,serif}.control-btn:active{border:2px inset #c0c0c0}.slide-info{color:#000;margin-left:10px;font-family:Courier New,monospace}.file-list{background:#fff;border:2px inset #c0c0c0;height:100px;overflow-y:auto;margin-bottom:10px}.file-item{padding:2px 5px;cursor:pointer;display:flex;align-items:center;font-size:11px}.file-item:hover{background:#f0f0f0}.file-name{flex:1;margin-left:10px;font-family:Courier New,monospace}.file-size{color:#666;font-size:12px}.file-date{color:#666;font-size:10px;margin-left:10px}.thumbnail-strip{display:flex;gap:5px;padding:10px;background:#e0e0e0;border-top:1px solid #808080;overflow-x:auto;max-height:120px}.thumbnail{width:80px;height:80px;object-fit:cover;border:2px solid #999;cursor:pointer;flex-shrink:0}.thumbnail:hover{border-color:#0054e3}.thumbnail.active{border-color:red;border-width:3px}.audio-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:400px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid #444;border-radius:15px;box-shadow:0 20px 40px #00000080;z-index:10000;display:none;flex-direction:column;overflow:hidden}.audio-popup.show{display:flex}.audio-header{background:linear-gradient(90deg,#2d5a87,#1e3c5a);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #555}.audio-content{flex:1;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.audio-title{color:#0f0;font-family:"Bree Serif",Georgia,serif;font-size:22px;margin-bottom:15px}.audio-visualizer{display:flex;justify-content:center;align-items:end;height:80px;margin:20px 0;gap:3px}.audio-bar{width:4px;background:linear-gradient(to top,#0f0,#0c0,#090);border-radius:2px;transition:height .1s ease;min-height:5px}.audio-controls{display:flex;gap:15px;margin:20px 0}.audio-btn{background:linear-gradient(135deg,#333,#555);border:1px solid #777;color:#0f0;padding:10px 20px;border-radius:8px;cursor:pointer;font-family:Georgia,serif;font-weight:700;transition:all .3s ease}.audio-btn:hover{background:linear-gradient(135deg,#444,#666);box-shadow:0 5px 15px #00ff004d}.audio-btn:active{transform:translateY(1px)}.audio-progress{width:100%;margin-top:20px}.progress-bar{width:100%;height:6px;background:#333;border-radius:3px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#0f0,#0c0);width:0%;transition:width .1s ease}.progress-time{display:flex;justify-content:space-between;color:#888;font-size:12px;font-family:Courier New,monospace}@media (max-width: 600px){.audio-popup{width:90vw;height:70vh}.audio-title{font-size:18px}.audio-controls{flex-wrap:wrap;justify-content:center}.audio-btn{padding:8px 16px;font-size:12px}}