:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:#0c0c12;color:#e6e6f0;font-family:system-ui,sans-serif;display:flex;align-items:center;justify-content:center}.app{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.stage{display:flex;align-items:flex-start;justify-content:center;gap:16px;max-width:100%}.stage-main{display:flex;flex-direction:column;align-items:center;gap:12px}.game-canvas{image-rendering:pixelated;width:min(90vw,1024px);height:auto;background:#181820;border-radius:4px;box-shadow:0 8px 40px #0009}.stage.with-map .game-canvas,.stage.with-map .timeline{width:min(90vw - 220px,1024px)}.floor-map{display:flex;flex-direction:column;align-items:center;gap:6px}.floor-map canvas{image-rendering:pixelated;background:#181820;border-radius:4px}.floor-map-label{font-size:.7rem;letter-spacing:.15em;opacity:.55}.title{text-align:center}.title h1{font-size:2.4rem;letter-spacing:.3em;margin:0 0 .2em;color:#ff897d}.title p{margin:.3em 0;opacity:.85}.play-btn{margin-top:12px;padding:10px 28px;font-size:1rem;background:#5a5af0;color:#fff;border:none;border-radius:6px;cursor:pointer}.play-btn:hover{background:#6e6efc}.hint{font-size:.85rem;opacity:.6}.timeline{width:min(90vw,1024px);-webkit-user-select:none;user-select:none}.timeline-row{display:flex;align-items:center;gap:12px}.timeline-label,.timeline-time{font-size:.7rem;letter-spacing:.15em;opacity:.55;font-variant-numeric:tabular-nums}.timeline-track{position:relative;flex:1;height:28px;cursor:pointer;touch-action:none}.timeline-line{position:absolute;top:50%;left:0;right:0;height:3px;margin-top:-1.5px;border-radius:2px;background:#2a2a3c}.timeline-doomed{position:absolute;top:50%;right:0;height:3px;margin-top:-1.5px;border-radius:2px;background:repeating-linear-gradient(90deg,#ff897d 0 4px,transparent 4px 8px);opacity:0;transition:opacity .12s}.timeline-track.dragging .timeline-doomed{opacity:.8}.timeline-mark{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#5a5af0;box-shadow:0 0 0 3px #0c0c12;transition:transform .12s}.timeline-mark.active{background:#ff897d;transform:scale(1.45)}.timeline-handle{position:absolute;top:50%;width:4px;height:20px;margin:-10px 0 0 -2px;border-radius:2px;background:#e6e6f0;box-shadow:0 0 6px #000c}.timeline-hint{margin:4px 0 0;font-size:.75rem;opacity:.55;min-height:1.2em}.timeline-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06060cbf;display:flex;align-items:center;justify-content:center;z-index:10}.timeline-confirm{max-width:380px;padding:20px 24px;border:1px solid #2a2a3c;border-radius:8px;background:#14141e;box-shadow:0 12px 48px #000000b3}.timeline-confirm h2{margin:0 0 8px;font-size:1.1rem;color:#ff897d}.timeline-confirm p{margin:0 0 18px;font-size:.85rem;opacity:.8;line-height:1.45}.timeline-confirm-buttons{display:flex;justify-content:flex-end;gap:10px}.timeline-confirm-buttons button{padding:8px 18px;font-size:.9rem;border:none;border-radius:6px;cursor:pointer}.btn-primary{background:#5a5af0;color:#fff}.btn-primary:hover{background:#6e6efc}.btn-secondary{background:#24243a;color:#e6e6f0}.btn-secondary:hover{background:#30304c}