#photo-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}#photo-modal.open{display:block}#modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center}#modal-box{position:relative;background:#1a1a2a;border:2px solid #555;border-radius:8px;padding:16px;max-width:700px;width:90vw;display:flex;flex-direction:column;align-items:center;gap:12px}#modal-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#ccc;font-size:22px;cursor:pointer;line-height:1}#modal-close:hover{color:#fff}#modal-img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:4px}#modal-placeholder{width:400px;max-width:80vw;height:300px;background:#3a3a5a;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:18px;font-family:sans-serif}#modal-meta{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}#modal-caption{color:#ddd;font-size:15px;font-family:sans-serif;text-align:center;max-width:600px}#modal-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.modal-tag{font-family:sans-serif;font-size:12px;padding:3px 10px;border-radius:999px}.modal-tag--person{background:#3a3a60;color:#b0b8ff;border:1px solid #5a5a90}.modal-tag--room{background:#2a4030;color:#90c8a0;border:1px solid #4a7060}#room-picker{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}#room-picker.open{display:flex;align-items:center;justify-content:center}#room-picker-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}#room-picker-box{position:relative;background:#1a1a2a;border:2px solid #666;border-radius:10px;padding:28px 36px;min-width:300px;max-width:480px;z-index:1}#room-picker-title{color:#eee;font-family:sans-serif;font-size:17px;margin-bottom:18px;text-align:center}#room-picker-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}#room-picker-list li{font-family:sans-serif;font-size:16px;color:#bbb;padding:10px 16px;border-radius:6px;cursor:pointer;transition:background .1s}#room-picker-list li:hover{background:#2a2a40;color:#fff}#room-picker-list li.selected{background:#3a3a60;color:#fff;outline:2px solid #7a7aff}#room-picker-hint{margin-top:16px;text-align:center;color:#666;font-family:sans-serif;font-size:12px}#touch-controls{display:none;position:fixed;bottom:0;left:0;right:0;height:160px;z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none}@media (pointer: coarse){#touch-controls{display:block}}.dpad{position:absolute;bottom:20px;left:20px;width:120px;height:120px;pointer-events:auto}.dpad button{position:absolute;width:40px;height:40px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:#fff;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none}#btn-up{top:0;left:40px}#btn-down{top:80px;left:40px}#btn-left{top:40px;left:0}#btn-right{top:40px;left:80px}.interact-btn{position:absolute;bottom:30px;right:30px;pointer-events:auto}#btn-interact{width:60px;height:60px;background:#ffdc5066;border:2px solid rgba(255,220,80,.7);border-radius:50%;color:#fff;font-size:20px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none}