.story-steps{display:flex;flex-direction:column;gap:10px}.story-step{position:relative;border:1px solid #333;border-radius:6px;background-color:var(--bg-secondary, #181815);transition:border-color .2s,opacity .2s}.story-step__header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;cursor:pointer;position:relative;z-index:2;-webkit-user-select:none;user-select:none}.story-step__num{flex:none;width:26px;height:26px;border-radius:4px;border:1.5px solid #555;color:#999;display:flex;align-items:center;justify-content:center;font-size:13px;font-family:Roboto Condensed,sans-serif}.story-step__name{color:#ddd;font-size:14.5px;font-weight:500}.story-step__hint{margin-left:auto;color:#777;font-size:11px;letter-spacing:.06em;white-space:nowrap}.story-step__badge{border-radius:4px;padding:1px 8px;font-size:11px;font-family:Roboto Condensed,sans-serif;white-space:nowrap}.story-step__badge--map{background:#c5a0591f;color:#c5a059;border:1px solid rgba(197,160,89,.4)}.story-step__badge--branch{background:#ce93d824;color:#ce93d8;border:1px solid rgba(206,147,216,.5)}.story-step__body{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.08);padding:12px 14px 14px}.story-step__objective{color:#ccc;font-size:13.5px;line-height:1.8;margin:0}.story-step__note{background:#c5a05914;border-left:2px solid #c5a059;padding:8px 12px;margin-top:10px;color:#b8a06a;font-size:12.5px;line-height:1.7}.story-step__complete-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:6px 14px;background:none;border:1px solid rgba(255,255,255,.35);border-radius:4px;color:#e0e0e0;font-size:13px;cursor:pointer;transition:all .15s}.story-step__complete-btn:hover{border-color:#fff;background:#ffffff0f}.story-step__complete-btn .box{width:15px;height:15px;border:1.5px solid #bbb;border-radius:3px;display:inline-block}.story-step--current{border-color:#ffffff40}.story-step--current .story-step__num{border-color:#fff;color:#fff}.story-step--current .story-step__name{color:#fff}.story-border-overlay{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:1}.story-border-overlay .line{position:absolute;display:block}.story-border-overlay .line-top{top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ffffff);animation:story-snake-top 4s linear infinite}.story-border-overlay .line-right{top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#ffffff);animation:story-snake-right 4s linear infinite;animation-delay:1s}.story-border-overlay .line-bottom{bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#ffffff);animation:story-snake-bottom 4s linear infinite;animation-delay:2s}.story-border-overlay .line-left{bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#ffffff);animation:story-snake-left 4s linear infinite;animation-delay:3s}@keyframes story-snake-top{0%{left:-100%}50%,to{left:100%}}@keyframes story-snake-right{0%{top:-100%}50%,to{top:100%}}@keyframes story-snake-bottom{0%{right:-100%}50%,to{right:100%}}@keyframes story-snake-left{0%{bottom:-100%}50%,to{bottom:100%}}.no-animation .story-border-overlay .line{animation:none;display:none}.no-animation .story-step--current{border-color:#fff}.story-step--done{opacity:.55;border-color:#2e7d328c}.story-step--done .story-step__num{background:#2e7d32;border-color:#2e7d32;color:#fff}.story-step--done .story-step__name{text-decoration:line-through;color:#aaa}.story-step--locked{border-style:dashed;border-color:#3a3a35;background:#ffffff04}.story-step--locked .story-step__header{cursor:default}.story-step--locked .story-step__num{border-style:dashed;color:#666}.story-step--locked .story-step__name{color:#666;letter-spacing:.25em}.story-steps-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.story-progress-label{color:#c5a059;font-size:13px;letter-spacing:.08em;font-family:Roboto Condensed,sans-serif}.spoiler-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:4px 12px;color:#9a9a9a;font-size:12px;cursor:pointer;transition:all .15s}.spoiler-toggle:hover{border-color:#ffffff73;color:#ddd}.spoiler-toggle .state{border-radius:10px;padding:0 9px;font-size:11px;font-weight:700}.spoiler-toggle .state.on{background:#c5a0592e;color:#c5a059;border:1px solid rgba(197,160,89,.45)}.spoiler-toggle .state.off{background:#ffffff14;color:#888;border:1px solid rgba(255,255,255,.2)}.story-reference{text-align:right;margin-top:14px}.story-reference a{color:#6a6a65;font-size:11.5px;text-decoration:none}.story-reference a:hover{color:#9a9a95;text-decoration:underline}