body{margin:0;padding:0;overflow:hidden;font-family:Cinzel,sans-serif;background:#0f172a;color:#fff}#map{position:absolute;top:0;bottom:0;width:100%}.playback-hud{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:80%;max-width:800px;background:linear-gradient(180deg,#1e140ae6,#0a0500f2);border:2px solid #5d4037;border-top:3px solid #8d6e63;border-radius:12px;padding:20px;box-shadow:0 10px 30px #000c;z-index:100;backdrop-filter:blur(5px);display:flex;align-items:center;gap:20px;animation:slideUp .5s ease-out}.play-btn{width:50px;height:50px;border-radius:50%;background:gold;color:#3e2723;border:2px solid #fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #ffd70066;transition:all .2s}.play-btn:hover{transform:scale(1.1);background:#fff}.play-icon-offset{margin-left:5px}.progress-container{flex-grow:1;position:relative}.progress-bar-bg{height:8px;background:#3e2723;border-radius:4px;overflow:hidden;border:1px solid #5d4037;cursor:pointer}.progress-fill{height:100%;background:gold;width:0%;transition:width .1s linear;box-shadow:0 0 10px gold}.progress-text{position:absolute;top:-20px;right:0;font-size:.8rem;color:#ccc}.playback-controls{text-align:right}.speed-label{font-size:.7rem;color:#aaa}.speed-range{width:100px;accent-color:#ffd700}.data-info{font-size:.6rem;color:#666;margin-top:5px}.feed-container{position:absolute;top:100px;right:30px;width:300px;pointer-events:none;z-index:9999}.feed-item{background:#000000b3;border-left:4px solid var(--feed-color);padding:10px 15px;margin-bottom:10px;border-radius:4px;color:#fff;font-size:.9rem;animation:slideInRight .3s ease-out;opacity:0;transform:translate(50px);box-shadow:0 5px 15px #0000004d;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;cursor:pointer}.feed-item.show{opacity:1;transform:translate(0)}.feed-item:hover{transform:translate(-5px);background:#321e0fe6;border-color:gold}.feed-item:hover .fa-crosshairs{color:gold!important;animation:spin 1s ease-in-out}.feed-content{flex-grow:1}.feed-user{font-weight:700;color:var(--feed-color);text-shadow:0 0 5px rgba(0,0,0,.5)}.feed-subtext{font-size:.8rem}.feed-meta{text-align:right}.feed-time{font-size:.75rem;color:#aaa}.action-icon{color:#aaa;margin-top:5px;font-size:.9rem}.history-data{display:none}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}