.replay-control-panel{position:fixed;bottom:0;left:0;right:0;background:#000000e6;border-top:2px solid #00ff00;padding:10px 20px;z-index:100;font-family:Courier New,monospace;color:#0f0}.replay-controls-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.replay-btn{background:#1a1a1a;border:1px solid #00ff00;color:#0f0;padding:6px 12px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;transition:background .2s}.replay-btn:hover:not(:disabled){background:#0f0;color:#000}.replay-btn:disabled{opacity:.3;cursor:not-allowed}.replay-turn-display{font-size:16px;font-weight:700;padding:0 20px;min-width:150px;text-align:center}.replay-jump-row{margin-left:auto;display:flex;align-items:center;gap:5px}.replay-jump-input{background:#1a1a1a;border:1px solid #00ff00;color:#0f0;padding:6px;width:80px;font-family:Courier New,monospace}.replay-timeline-slider{width:100%;height:8px;background:#1a1a1a;outline:none;opacity:.8;transition:opacity .2s}.replay-timeline-slider:hover{opacity:1}.replay-timeline-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#0f0;cursor:pointer;border-radius:50%}.replay-timeline-slider::-moz-range-thumb{width:16px;height:16px;background:#0f0;cursor:pointer;border-radius:50%;border:none}.replay-timeline-slider:disabled{opacity:.3;cursor:not-allowed}.replay-btn-close{margin-left:20px;background:#1a1a1a;border:1px solid #ff0000;color:red;font-weight:700}.replay-btn-close:hover:not(:disabled){background:red;color:#fff}.state-inspector-panel{position:fixed;top:0;right:0;width:350px;height:calc(100vh - 100px);background:#000000f2;border-left:2px solid #00ff00;padding:15px;overflow-y:auto;z-index:101;font-family:Courier New,monospace;color:#0f0;font-size:13px}.state-inspector-header{font-size:16px;font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #00ff00}.state-inspector-section{margin-bottom:15px;border:1px solid #004400;background:#00320033;padding:5px}.state-inspector-section.current-turn{border-color:#0f0;background:#00640033}.section-title{font-weight:700;margin-bottom:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px;background:#0032004d}summary.section-title::marker{color:#0f0}.section-content{padding:8px 5px}.info-row{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(0,255,0,.1)}.info-row:last-child{border-bottom:none}.info-label{color:#0a0;font-weight:700}.info-value{color:#0f0;text-align:right}.loading,.empty,.error{text-align:center;padding:10px;opacity:.6;font-style:italic}.error{color:red}.command-entry{padding:3px 5px;margin:2px 0;display:flex;gap:8px;font-size:12px}.command-entry.current{background:#0f03;border-left:3px solid #00ff00}.command-turn{color:#0a0;min-width:40px}.command-type{color:#0f0;font-weight:700}.command-actor{color:#080;font-style:italic}.state-inspector-panel::-webkit-scrollbar{width:8px}.state-inspector-panel::-webkit-scrollbar-track{background:#1a1a1a}.state-inspector-panel::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.state-inspector-panel::-webkit-scrollbar-thumb:hover{background:#0c0}