@font-face{font-family:ABCSyntMono;src:url(/assets/ABCSyntMono-Regular-BuhZ2JaX.woff2) format("woff2");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;overflow:hidden;height:100vh}#gallery-container{position:relative;width:100vw;height:100vh}#three-canvas{display:block;width:100%;height:100%}#focus-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000c4;pointer-events:none;z-index:50;transition:opacity .5s ease}#focus-overlay.hidden{opacity:0;visibility:hidden}.selected-image{z-index:101!important}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#image-info{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:transparent;color:#333;padding:20px;border-radius:8px;max-width:500px;min-width:400px;text-align:center;pointer-events:all;transition:all .3s ease;word-wrap:break-word;overflow-wrap:break-word}#image-info.hidden{opacity:0;visibility:hidden;transform:translateY(-50%) scale(.8)}#image-title{font-family:ABCSyntMono,monospace;font-weight:400;font-size:1.3rem;margin-bottom:2px;letter-spacing:1.2px;color:#fff;line-height:1.2;text-align:center}#image-title a{font-family:ABCSyntMono,monospace;font-weight:400;color:#fff;text-decoration:none;letter-spacing:1.2px;cursor:pointer}#image-title a:hover{color:#06c;text-decoration:underline}#image-description{font-family:AA00BusinessSystem,sans-serif;font-size:1.1em;line-height:1.6;color:#000;word-wrap:break-word;overflow-wrap:break-word}#image-description a{font-family:AA00BusinessSystem,sans-serif;color:#06c;text-decoration:underline;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word}#image-description a:hover{color:#049;text-decoration:none}#close-btn{position:fixed;top:30px;left:50%;transform:translate(-50%);background:none;border:none;color:#666;font-size:2em;cursor:pointer;pointer-events:all;transition:color .2s ease;width:70px;height:70px;display:flex;align-items:center;justify-content:center;line-height:1;z-index:200}#close-btn:hover{color:#ff6b6b}#nav-arrows{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:100%;pointer-events:none;z-index:102}#nav-arrows.hidden{display:none}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;pointer-events:all;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-arrow:hover{transform:translateY(-50%) scale(1.2)}#prev-arrow{left:400px}#next-arrow{right:400px}.arrow-icon{width:12px;height:12px;opacity:.8}.nav-arrow:hover .arrow-icon{opacity:1}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;text-align:center;pointer-events:none}.loader-text{font-size:1.5em;letter-spacing:2px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#controls,#navigation-hint{display:none}.hidden{display:none!important}body{cursor:default}#three-canvas{cursor:grab}#three-canvas:active{cursor:grabbing}.clickable{cursor:pointer!important}@media (max-width: 768px){body #image-info{position:fixed!important;bottom:20px!important;left:1rem!important;right:1rem!important;transform:none!important;max-width:none!important;min-width:auto!important;width:auto!important;padding:12px!important;background:transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;min-height:60px!important;z-index:300!important}#image-info.hidden{transform:translateY(20px) scale(.95)}body #image-title,body #image-title a{color:#fff!important;font-size:.8rem!important;text-align:center!important;max-width:70%!important;display:inline-block!important}#close-btn{display:none}body #nav-arrows{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;transform:none!important;pointer-events:none!important;z-index:102!important}body #prev-arrow{left:15px!important}body #next-arrow{right:15px!important}.arrow-icon{width:18px!important;height:18px!important;filter:brightness(0) saturate(100%) invert(100%)!important}.nav-arrow{position:absolute!important;top:310px!important;transform:none!important;background:#0009!important;border-radius:50%!important;width:40px!important;height:40px!important;z-index:200!important}.nav-arrow:hover{background:#000c;transform:translateY(-50%) scale(1.05)}.main-header .logo{height:25px!important}.main-header,.map-header,.dragon-header,.year-footer{z-index:400!important}}