.hex-wrapper[data-v-ea0d98d4]{position:relative;width:var(--hex-width, 72px);height:var(--hex-height, 72px)}.hex[data-v-ea0d98d4]{width:100%;height:100%;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;align-items:center;justify-content:center;margin-bottom:0;position:relative;cursor:pointer;transition:transform .15s,filter .15s;font-size:calc(var(--hex-width, 72px) * .28)}.hex.has-spawn[data-v-ea0d98d4]{box-shadow:inset 0 0 0 3px var(--spawn-color)}.hex.has-boss[data-v-ea0d98d4]{background:linear-gradient(135deg,rgba(139,0,0,.4) 0%,transparent 100%),var(--bg-color, #2a2a4a);outline:2px dashed #dc2626;outline-offset:-4px}.hex.is-blocked[data-v-ea0d98d4]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(239,68,68,.3) 3px,rgba(239,68,68,.3) 6px);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);pointer-events:none}.hex.is-unplayable[data-v-ea0d98d4]{opacity:.5}.hex.is-unplayable[data-v-ea0d98d4]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.5) 4px,rgba(0,0,0,.5) 8px),repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(0,0,0,.5) 4px,rgba(0,0,0,.5) 8px);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);pointer-events:none}.hex.has-ability[data-v-ea0d98d4]{box-shadow:inset 0 0 8px #facc1566}.hex.has-spawn.has-ability[data-v-ea0d98d4]{box-shadow:inset 0 0 0 3px var(--spawn-color),inset 0 0 8px #facc1566}.hex[data-v-ea0d98d4]:hover{transform:scale(1.1);filter:brightness(1.2);z-index:10}.coords[data-v-ea0d98d4]{position:absolute;font-size:8px;color:#ffffff80;bottom:8px}.elevation[data-v-ea0d98d4]{position:absolute;font-size:9px;color:#ffffffb3;top:8px;font-weight:700}.icon[data-v-ea0d98d4]{font-size:20px}.boss-icon[data-v-ea0d98d4]{font-size:18px;filter:drop-shadow(0 0 2px rgba(220,38,38,.8))}.ability-indicator[data-v-ea0d98d4]{position:absolute;top:2px;left:8px;font-size:10px;filter:drop-shadow(0 0 2px rgba(250,204,21,.8))}.spawn-indicators[data-v-ea0d98d4]{position:absolute;top:4px;right:8px;display:flex;gap:2px}.spawn-dot[data-v-ea0d98d4]{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.hex.has-unit[data-v-ea0d98d4]{box-shadow:inset 0 0 12px #22c55e99}.hex.has-player-unit[data-v-ea0d98d4]{box-shadow:inset 0 0 12px #22c55ecc}.hex.has-boss-unit[data-v-ea0d98d4]{box-shadow:inset 0 0 12px #ef4444cc}.unit-icon[data-v-ea0d98d4]{font-size:22px;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}.unit-icon.player-unit[data-v-ea0d98d4]{filter:drop-shadow(0 0 3px rgba(34,197,94,.8))}.unit-icon.boss-unit[data-v-ea0d98d4]{filter:drop-shadow(0 0 3px rgba(239,68,68,.8))}.unit-portrait[data-v-ea0d98d4]{width:70%;height:70%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 3px rgba(0,0,0,.6));z-index:2}.unit-portrait.player-portrait[data-v-ea0d98d4]{box-shadow:0 0 4px 1px #22c55eb3}.unit-portrait.boss-portrait[data-v-ea0d98d4]{box-shadow:0 0 4px 1px #ef4444b3}.hex.highlight-source[data-v-ea0d98d4]{animation:pulse-source-ea0d98d4 .8s ease-in-out infinite;z-index:20}.hex.highlight-target[data-v-ea0d98d4]{animation:pulse-target-ea0d98d4 .8s ease-in-out infinite;z-index:20}.hex.highlight-spawn[data-v-ea0d98d4]{animation:pulse-spawn-ea0d98d4 .8s ease-in-out infinite;z-index:20}.hex.highlight-ability[data-v-ea0d98d4]{animation:pulse-ability-ea0d98d4 .8s ease-in-out infinite;z-index:20}@keyframes pulse-source-ea0d98d4{0%,to{box-shadow:0 0 0 3px #3b82f6cc,inset 0 0 15px #3b82f64d;transform:scale(1)}50%{box-shadow:0 0 0 5px #3b82f6,inset 0 0 20px #3b82f680;transform:scale(1.05)}}@keyframes pulse-target-ea0d98d4{0%,to{box-shadow:0 0 0 3px #22c55ecc,inset 0 0 15px #22c55e4d;transform:scale(1)}50%{box-shadow:0 0 0 5px #22c55e,inset 0 0 20px #22c55e80;transform:scale(1.05)}}@keyframes pulse-spawn-ea0d98d4{0%,to{box-shadow:0 0 0 3px #a855f7cc,inset 0 0 15px #a855f74d;transform:scale(1)}50%{box-shadow:0 0 0 5px #a855f7,inset 0 0 20px #a855f780;transform:scale(1.05)}}@keyframes pulse-ability-ea0d98d4{0%,to{box-shadow:0 0 0 3px #ef4444cc,inset 0 0 15px #ef44444d;transform:scale(1)}50%{box-shadow:0 0 0 5px #ef4444,inset 0 0 20px #ef444480;transform:scale(1.05)}}.damage-float[data-v-ea0d98d4]{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(239,68,68,1),0 0 8px rgba(239,68,68,.8),1px 1px 2px rgba(0,0,0,.8);pointer-events:none;z-index:100;animation:float-up-ea0d98d4 1.2s ease-out forwards;animation-delay:var(--delay, 0ms);white-space:nowrap}.damage-float.crit[data-v-ea0d98d4]{font-size:18px;color:#fbbf24;text-shadow:0 0 6px rgba(251,191,36,1),0 0 12px rgba(251,191,36,.8),0 0 18px rgba(239,68,68,.6),2px 2px 4px rgba(0,0,0,.9);animation:float-up-crit-ea0d98d4 1.2s ease-out forwards}.attacker-icon[data-v-ea0d98d4]{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.5);box-shadow:0 0 4px #00000080}.damage-float.crit .attacker-icon[data-v-ea0d98d4]{width:24px;height:24px;border-color:#fbbf24;box-shadow:0 0 6px #fbbf2499}@keyframes float-up-ea0d98d4{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}20%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1.1)}to{opacity:0;transform:translate(-50%) translateY(-70px) scale(.8)}}@keyframes float-up-crit-ea0d98d4{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1.2)}10%{transform:translate(-50%) translateY(-10px) scale(1.4)}30%{opacity:1;transform:translate(-50%) translateY(-30px) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-80px) scale(.9)}}.legend[data-v-d859f27b]{background:#16213e;padding:20px;border-radius:8px;margin-top:20px}.legend h3[data-v-d859f27b]{margin-top:0;margin-bottom:15px;color:#e94560}.legend-items[data-v-d859f27b]{display:flex;flex-wrap:wrap;gap:15px}.legend-item[data-v-d859f27b]{display:flex;align-items:center;gap:8px;font-size:13px}.legend-color[data-v-d859f27b]{width:30px;height:26px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0d1117;color:#e6edf3;margin:0;padding:16px;min-height:100vh;line-height:1.5}h1{margin-top:0;font-size:1.5rem;font-weight:600;color:#fff}.controls{background:#161b22;padding:12px 16px;border-radius:12px;margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;border:1px solid #30363d}.control-group{display:flex;flex-direction:column;gap:4px}.control-group label{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}input[type=number]{width:70px;padding:6px 10px;border:1px solid #30363d;border-radius:6px;background:#0d1117;color:#e6edf3;font-size:13px}input[type=number]:focus{outline:none;border-color:#58a6ff}input[type=file]{display:none}button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#e94560,#d63850);color:#fff;box-shadow:0 2px 4px #e945604d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff6b6b,#e94560);transform:translateY(-1px)}.btn-secondary{background:#4a4a6a;color:#c9d1d9;border:1px solid #30363d;text-align:center;border-radius:6px;font-weight:600;width:fit-content;padding:5px 15px}.btn-secondary:hover:not(:disabled){background:#30363d;border-color:#8b949e}.divider{border-left:1px solid #30363d;height:32px;margin:0 4px}.map-info{background:#21262d;padding:8px 12px;border-radius:6px;font-size:12px;border:1px solid #30363d}.map-info span{color:#58a6ff;font-weight:600}.overlay-controls{display:flex;align-items:center;gap:12px;background:#21262d;padding:6px 12px;border-radius:6px;border:1px solid #30363d}.overlay-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:#c9d1d9}.overlay-toggle input[type=checkbox]{width:14px;height:14px;accent-color:#e94560}.opacity-control,.offset-control{display:flex;align-items:center;gap:8px}.opacity-control input[type=range],.offset-control input[type=range]{width:80px;height:4px;-webkit-appearance:none;background:#30363d;border-radius:2px;outline:none}.opacity-control input[type=range]::-webkit-slider-thumb,.offset-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#e94560;border-radius:50%;cursor:pointer}.opacity-control span,.offset-control span{font-size:11px;color:#8b949e;min-width:32px;font-family:monospace}.control-label{font-size:10px;color:#8b949e;text-transform:uppercase;min-width:70px}.grid-size-info{font-size:11px;color:#58a6ff;font-family:monospace;padding:4px 8px;background:#0d1117;border-radius:4px}.hex-controls{flex-wrap:wrap}.settings-button-wrapper{position:relative}.settings-button{background:#21262d;border:1px solid #30363d;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .2s}.settings-button:hover{background:#30363d;border-color:#8b949e}.cog-icon{font-size:18px;color:#8b949e}.settings-button:hover .cog-icon{color:#c9d1d9}.settings-popup{position:absolute;top:100%;right:0;margin-top:8px;background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;min-width:320px;z-index:100;box-shadow:0 8px 24px #0006}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #30363d}.settings-title{font-size:14px;font-weight:600;color:#c9d1d9}.settings-close{background:none;border:none;font-size:20px;color:#8b949e;cursor:pointer;padding:0;line-height:1}.settings-close:hover{color:#c9d1d9}.edit-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#c9d1d9;padding:8px 12px;background:#21262d;border-radius:6px;margin-bottom:16px}.edit-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#e94560}.settings-section{margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:11px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.settings-popup .overlay-toggle{margin-bottom:10px}.settings-popup .offset-control{margin-bottom:8px}.settings-popup .offset-control:last-child{margin-bottom:0}.settings-popup input:disabled{opacity:.5;cursor:not-allowed}.settings-popup .grid-size-info{margin-top:10px}.map-container{background:#161b22;padding:20px;border-radius:12px;overflow:hidden;border:1px solid #30363d}.map-overlay-wrapper{position:relative;display:inline-block}.map-overlay-image{position:absolute;top:0;left:0;pointer-events:none;z-index:0;object-fit:inherit}.hex-grid.with-overlay{position:relative;z-index:1}.hex-grid.with-overlay .hex{background-color:#0003!important;-webkit-backdrop-filter:none;backdrop-filter:none}.hex-grid.with-overlay .hex:hover{background-color:#fff3!important}.hex-grid{display:flex;flex-direction:row;gap:0}.hex-column{display:flex;flex-direction:column;margin-left:calc(-1 * var(--hex-column-overlap, 18px))}.hex-column:first-child{margin-left:0}.hex-column:nth-child(2n){margin-top:var(--hex-even-offset, 36px)}.tooltip{position:fixed;background:#1c2128;color:#e6edf3;padding:10px 14px;border-radius:8px;font-size:12px;pointer-events:none;z-index:1000;box-shadow:0 8px 24px #0006;max-width:260px;border:1px solid #30363d}.tooltip strong{color:#58a6ff}.tooltip .spawn-info{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.tooltip .spawn-team{margin-left:10px;color:#22c55e}.loading-status{background:#238636;padding:8px 14px;border-radius:6px;font-size:12px;color:#fff;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.spawn-legend{background:#161b22;padding:14px 16px;border-radius:10px;margin-top:16px;border:1px solid #30363d}.spawn-legend h3{margin-top:0;margin-bottom:12px;color:#e94560;font-size:13px;font-weight:600}.spawn-legend-items{display:flex;flex-wrap:wrap;gap:15px}.spawn-legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.spawn-legend-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.boss-legend{background:#161b22;padding:14px 16px;border-radius:10px;margin-top:16px;border:1px solid #30363d}.boss-legend h3{margin-top:0;margin-bottom:12px;color:#f85149;font-size:13px;font-weight:600}.boss-legend-items{display:flex;flex-wrap:wrap;gap:15px}.boss-legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.boss-legend-icon{font-size:20px;filter:drop-shadow(0 0 2px rgba(220,38,38,.8))}.tooltip .boss-info{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.tooltip .boss-details{margin-left:10px;color:#dc2626}.tooltip .text-blocked{color:#ef4444}.tooltip .text-unplayable{color:#6b7280}.tooltip .text-ability{color:#facc15}.walkability-legend{background:#161b22;padding:14px 16px;border-radius:10px;margin-top:16px;border:1px solid #30363d}.walkability-legend h3{margin-top:0;margin-bottom:12px;color:#e94560;font-size:13px;font-weight:600}.walkability-legend-items{display:flex;flex-wrap:wrap;gap:20px}.walkability-legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.walkability-indicator{width:30px;height:26px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);position:relative}.walkability-indicator.walkable{background:#2d5a27}.walkability-indicator.blocked{background:#4a4a6a;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(239,68,68,.4) 2px,rgba(239,68,68,.4) 4px)}.walkability-indicator.unplayable{background:#1f1f1f;opacity:.6}.walkability-indicator.has-ability{background:#2d5a27;box-shadow:inset 0 0 6px #facc1599}.ability-icon{font-size:12px}.replay-controls{background:#161b22;padding:16px;border-radius:10px;margin-bottom:16px;border:1px solid #30363d}.replay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.replay-header h3{margin:0;color:#e94560;font-size:14px}.message-count{color:#8b949e;font-size:12px}.replay-buttons{display:flex;gap:8px;margin-bottom:12px}.replay-buttons button{min-width:40px;font-size:14px}.replay-progress{display:flex;align-items:center;gap:12px;margin-bottom:12px}.progress-bar{flex:1;height:6px;background:#21262d;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#e94560,#ff6b6b);transition:width .2s}.progress-text{font-size:12px;color:#8b949e;min-width:70px;text-align:right;font-family:monospace}.current-message{background:#21262d;padding:12px;border-radius:8px;margin-bottom:12px;border-left:3px solid #e94560}.current-message.empty{border-left-color:#484f58}.message-description{font-size:14px;color:#e6edf3;margin-bottom:6px;line-height:1.4}.message-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.message-type-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.message-type-badge.type-addunit{background:#a371f733;color:#a371f7}.message-type-badge.type-moveunit{background:#58a6ff33;color:#58a6ff}.message-type-badge.type-activeability{background:#f8514933;color:#f85149}.message-type-badge.type-startbattle{background:#3fb95033;color:#3fb950}.message-type-badge.type-addmachine{background:#d2992233;color:#d29922}.message-position{color:#8b949e;font-size:11px;font-family:monospace}.message-type{color:#e94560;font-weight:600;margin-bottom:4px}.message-detail{color:#8b949e;font-size:12px}.units-list{border-top:1px solid #30363d;padding-top:12px}.units-list h4{margin:0 0 8px;color:#8b949e;font-size:12px;font-weight:500}.units-grid{display:flex;flex-wrap:wrap;gap:6px}.unit-item{background:#21262d;padding:6px 10px;border-radius:6px;font-size:11px;border:1px solid #30363d}.unit-item.is-boss{background:#f851491a;border-color:#f85149}.unit-name{color:#3fb950;font-weight:600}.unit-item.is-boss .unit-name{color:#f85149}.unit-pos{color:#8b949e;margin-left:6px;font-family:monospace;font-size:10px}.tooltip .units-info{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.tooltip .unit-tooltip-item{margin-left:10px;color:#22c55e}.tooltip .unit-tooltip-item.is-boss{color:#ef4444}.highlight-legend{background:#161b22;padding:14px 16px;border-radius:10px;margin-top:16px;border:1px solid #30363d}.highlight-legend h3{margin-top:0;margin-bottom:12px;color:#e94560;font-size:13px;font-weight:600}.highlight-legend-items{display:flex;flex-wrap:wrap;gap:15px}.highlight-legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.highlight-dot{width:16px;height:16px;border-radius:50%}.highlight-dot.source{background:#3b82f6;box-shadow:0 0 6px #3b82f6cc}.highlight-dot.target{background:#22c55e;box-shadow:0 0 6px #22c55ecc}.highlight-dot.spawn{background:#a855f7;box-shadow:0 0 6px #a855f7cc}.highlight-dot.ability{background:#ef4444;box-shadow:0 0 6px #ef4444cc}.replay-mode-toggle{display:flex;align-items:center;gap:12px}.btn-mode{padding:4px 12px;border:1px solid #30363d;border-radius:16px;background:#21262d;color:#8b949e;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-mode:hover{border-color:#58a6ff;color:#58a6ff}.btn-mode.active{background:linear-gradient(135deg,#e94560,#d63850);border-color:transparent;color:#fff}.event-entity{color:#484f58;font-size:10px;font-family:monospace}.message-type-badge.type-removeunit{background:#8b949e33;color:#8b949e}.message-type-badge.type-unknown{background:#8b949e1a;color:#8b949e}.main-content{display:inline-flex;gap:20px;align-items:flex-start}.main-content .map-container{flex:none}.replay-info-bar{background:#161b22;padding:10px 16px;border-radius:10px;margin-bottom:12px;display:flex;align-items:center;gap:16px;border:1px solid #30363d}.replay-compact-controls{display:flex;gap:4px}.replay-progress-compact{flex:1;display:flex;align-items:center;gap:10px;max-width:200px}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:12px}.btn-icon:hover:not(:disabled){background:#30363d;border-color:#8b949e}.btn-icon.primary{background:linear-gradient(135deg,#e94560,#d63850);border-color:transparent;color:#fff}.btn-icon.primary:hover:not(:disabled){background:linear-gradient(135deg,#ff6b6b,#e94560)}.btn-icon.small{width:28px;height:28px;font-size:11px}.btn-icon.playing{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;color:#fff;animation:pulse-play 1s ease-in-out infinite}.btn-icon.playing:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e)}@keyframes pulse-play{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.progress-bar-mini{flex:1;height:4px;background:#21262d;border-radius:2px;overflow:hidden}.progress-bar-mini .progress-fill{height:100%;background:linear-gradient(90deg,#e94560,#ff6b6b);transition:width .2s ease}.progress-text-mini{font-size:11px;color:#8b949e;font-family:monospace;min-width:50px}.btn-mode-compact{padding:4px 10px;font-size:11px;background:#21262d;border:1px solid #30363d;border-radius:4px;color:#8b949e}.btn-mode-compact:hover{background:#30363d;color:#c9d1d9}.action-sidebar{width:280px;background:#161b22;border-radius:12px;display:flex;flex-direction:column;max-height:560px;position:sticky;top:16px;border:1px solid #30363d}.sidebar-header{padding:12px;border-bottom:1px solid #30363d}.sidebar-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sidebar-controls{display:flex;gap:4px}.sidebar-progress{display:flex;align-items:center;gap:8px}.sidebar-header h3{margin:0;color:#e94560;font-size:14px;font-weight:600}.event-counter{color:#8b949e;font-size:11px;font-family:monospace}.action-list{flex:1;overflow-y:auto;padding:8px}.action-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease;margin-bottom:2px;border-left:2px solid transparent}.action-item:hover{background:#21262d}.action-item.current{background:#1f3a57;border-left-color:#e94560}.action-item.past{opacity:.5}.action-item.future{opacity:.35}.action-item.is-damage{border-left-color:#f85149}.action-item.is-crit{background:#f851491a;border-left-color:#f97316}.action-item.is-move{border-left-color:#58a6ff}.action-item.is-ability{border-left-color:#a371f7}.action-item.is-spawn{border-left-color:#3fb950}.action-item.is-setup{border-left-color:#f97316;background:#f973161a}.action-item.current.is-damage{background:#f8514926}.action-item.current.is-crit{background:#f9731633}.action-index{font-size:9px;color:#484f58;min-width:24px;text-align:right;font-family:monospace}.action-type-icon{font-size:12px;min-width:18px;text-align:center}.action-content{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.action-description{font-size:11px;color:#c9d1d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.damage-amount{font-size:16px;font-weight:600;color:#f85149;font-family:monospace}.damage-amount.crit{color:#f97316;text-shadow:0 0 4px rgba(249,115,22,.4)}.action-list::-webkit-scrollbar{width:4px}.action-list::-webkit-scrollbar-track{background:transparent}.action-list::-webkit-scrollbar-thumb{background:#30363d;border-radius:2px}.action-list::-webkit-scrollbar-thumb:hover{background:#484f58}@media (max-width: 768px){body{padding:12px;overflow-x:hidden;max-width:100vw}h1{font-size:1.25rem}.controls{padding:10px 12px;gap:8px}.divider{display:none}.main-content{flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:hidden}.action-sidebar{width:100%;max-width:calc(100vw - 24px);max-height:250px;position:relative;top:0;order:-1;margin-bottom:12px;box-sizing:border-box}.action-sidebar .action-item{padding:6px 8px;font-size:12px}.action-sidebar .sidebar-header{padding:8px 10px}.map-container{padding:15px;overflow:hidden;width:100%;max-width:calc(100vw - 24px);box-sizing:border-box;display:flex;justify-content:center;align-items:start}.map-overlay-wrapper{transform:scale(.6);transform-origin:top center;flex-shrink:0}.hex .coords{font-size:6px}.hex .elevation{font-size:7px}.hex-controls,.walkability-legend,.highlight-legend{display:none}}@media (max-width: 480px){.controls{flex-direction:column;align-items:stretch}.control-group{flex-direction:row;justify-content:space-between;align-items:center}.btn-secondary,.btn-primary{width:100%}.map-info{text-align:center}}.replay-dropdown-wrapper{position:relative}.replay-dropdown-btn{display:flex;align-items:center;gap:6px}.dropdown-arrow{font-size:10px}.replay-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#21262d;border:1px solid #30363d;border-radius:8px;min-width:280px;max-height:400px;overflow:hidden;z-index:100;box-shadow:0 8px 24px #0006}.replay-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #30363d;background:#161b22;font-weight:600;font-size:13px}.replay-dropdown-header .close-btn{background:none;border:none;color:#8b949e;font-size:18px;cursor:pointer;padding:0;line-height:1}.replay-dropdown-header .close-btn:hover{color:#fff}.replay-loading,.replay-empty{padding:20px;text-align:center;color:#8b949e;font-size:13px}.replay-list{max-height:350px;overflow-y:auto}.replay-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid #30363d;transition:background .15s}.replay-item:last-child{border-bottom:none}.replay-item:hover{background:#30363d}.replay-item.is-selected{background:#238636}.replay-item.is-example{background:#388bfd1a}.replay-item.is-example:hover{background:#388bfd33}.replay-name{font-size:13px;font-weight:500}.example-badge{font-size:10px;padding:2px 6px;background:#388bfd;border-radius:4px;text-transform:uppercase;font-weight:600}