*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#000;color:#fff;overflow:hidden;height:100vh}#app{position:relative;width:100vw;height:100vh}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .5s ease-out}.loading-content{text-align:center;color:#fff}.loading-content h1{font-size:3rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.loading-bar{width:300px;height:6px;background:#fff3;border-radius:3px;margin:1rem auto;overflow:hidden}.loading-progress{height:100%;background:linear-gradient(90deg,#00d4ff,#09c);border-radius:3px;width:0%;transition:width .3s ease;animation:loading 2s ease-in-out infinite}@keyframes loading{0%{width:0%}50%{width:70%}to{width:100%}}#canvas-container{width:100%;height:100%;position:relative}#canvas-container canvas{display:block;width:100%;height:100%}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#controls{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;pointer-events:auto}#controls button{background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#controls button:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}#art-info{position:absolute;bottom:20px;left:20px;width:350px;background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:20px;pointer-events:auto;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translateY(0);transition:all .3s ease}#art-info.hidden{transform:translateY(100%);opacity:0}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.info-header h3{color:#00d4ff;font-size:1.2rem}#close-info{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}#close-info:hover{background:#ffffff1a}.info-content p{margin-bottom:8px;line-height:1.4}#instructions{position:absolute;top:20px;left:20px;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:15px;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:250px}#instructions h3{color:#00d4ff;margin-bottom:10px;font-size:1rem}#instructions p{margin-bottom:5px;font-size:.9rem;opacity:.9}#gallery-map{position:absolute;bottom:20px;right:20px;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:15px;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:200px}#gallery-map h4{color:#00d4ff;margin-bottom:10px;text-align:center}#map-container{width:100%;height:150px;background:#ffffff1a;border-radius:5px;position:relative}@media (max-width: 768px){.loading-content h1{font-size:2rem}#controls{top:10px;right:10px}#controls button{padding:8px 12px;font-size:12px}#art-info{width:calc(100% - 40px);left:20px;right:20px}#instructions{top:10px;left:10px;max-width:200px}#gallery-map{bottom:10px;right:10px;width:150px}}.hidden{display:none!important}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}#wall-nav{display:flex;flex-direction:column;gap:6px;margin-top:10px}#wall-nav button{background:#b8860bd9;color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:5px;cursor:pointer;font-size:13px;transition:background .2s,transform .2s;font-weight:700}#wall-nav button:hover{background:#b8860b;color:#fffbe6;transform:translateY(-2px) scale(1.05)}