#app-container{display:flex;width:100vw;height:100vh;flex-direction:row}#map-container{flex:0 0 50%;position:relative}#info-container{flex:0 0 50%;display:flex;align-items:center;justify-content:center;background:#000}@media(min-width: 768px){#map-container{flex:0 0 60%}#info-container{flex:0 0 40%}}@media(min-width: 1200px){#map-container{flex:0 0 68%}#info-container{flex:0 0 32%}}#deck{width:100%;height:100%}@media(max-aspect-ratio: 1/1){#app-container{flex-direction:column}#map-container{flex:0 0 60%}#info-container{flex:0 0 40%}#photo{max-height:25vh}}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0, 0, 0, 0.8);color:white;padding:30px 50px;border-radius:10px;font-size:20px;z-index:1000}#controls{background:rgba(0, 0, 0, 0.85);padding:2em;border-radius:10px;display:none;flex-direction:column}#info-panel{color:white;font-size:14px;text-align:center;font-weight:500;margin-bottom:.7em;position:relative}.info-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:none;color:rgba(255, 255, 255, 0.6);font-size:1.2em;padding:0;min-width:auto;cursor:pointer;transition:color .2s}.info-icon:hover{background:transparent;color:rgba(255, 255, 255, 1);transform:translateY(-50%) scale(1.1)}.modal{display:none;position:fixed;z-index:2000;inset:0;width:100%;height:100%;align-items:center;justify-content:center}.modal-content{background:linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);padding:2em;border:1px solid rgba(255, 140, 0, 0.3);border-radius:12px;max-width:600px;width:100%;color:white;box-shadow:0 10px 40px rgba(0, 0, 0, 0.5);max-height:90vh;overflow-y:auto}.modal-content h2{color:orange;font-size:1.5em}.modal-content h3{color:#ff8c00;font-size:1.1em}.modal-content p{line-height:1.6;color:rgba(255, 255, 255, 0.9)}.modal-content a{color:orange;text-decoration:none;transition:color .2s}.modal-content a:hover{color:#ffb520;text-decoration:underline}.modal-close{color:rgba(255, 255, 255, 0.6);float:right;font-size:28px;font-weight:bold;cursor:pointer;line-height:20px;transition:color .2s}.modal-close:hover{color:orange}#photo{width:100%;height:auto;object-fit:contain;border-radius:8px}#progress-container{width:100%;height:6px;background:rgba(255, 255, 255, 0.2);border-radius:3px;overflow:hidden}#progress-bar{height:100%;background:linear-gradient(90deg, #FF8C00, #FFA500);width:0%;transition:width .3s ease}#button-container{margin-top:.7em;display:flex;gap:5px;justify-content:center}button{background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.3);color:white;padding:.2em 1em;border-radius:.4em;cursor:pointer;font-size:1em;font-weight:600;line-height:2em;transition:all .2s}button:hover{background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.5)}button:active{transform:scale(0.98)}#play-btn{background:linear-gradient(135deg, #FF8C00, #FFA500);border-color:#ff8c00;min-width:40px}#play-btn:hover{background:linear-gradient(135deg, #FFA500, #FFB520)}