.progression-guide{position:fixed;z-index:270;background:#080c0e80;touch-action:manipulation}
.progression-guide[hidden]{display:none}
.progression-guide-card{position:absolute;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 24px));max-width:none;max-height:calc(100% - 16px);padding:16px 18px;gap:10px;text-align:left;z-index:2;background:#5c6e74;font-family:PixelAE,Plumbum,monospace}
.progression-guide-card h2{font-size:22px;line-height:1.15}
.progression-guide-card p{font-size:18px;line-height:1.3;margin:0}
.progression-guide-card .progression-guide-detail{font-size:16px;color:#e6e8dc}
.progression-guide-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.progression-guide-actions .primary-btn,.progression-guide-actions .secondary-btn{min-height:44px;font-size:18px;padding:7px 12px}
.progression-guide-ring{position:absolute;z-index:0;border:3px solid #fff0a6;box-shadow:0 0 0 2px #15191a;pointer-events:none}
.progression-guide-arrow{position:absolute;z-index:1}
.progression-guide-target{position:absolute;z-index:1;border:0;background:transparent;box-shadow:none;padding:0}
.progression-guide-target:focus-visible{outline:3px solid #fff0a6;outline-offset:4px}
.progression-guide[data-mode=action],.progression-guide[data-mode=complete]{background:none;pointer-events:none}
.progression-guide[data-mode=action] .progression-guide-card,.progression-guide[data-mode=complete] .progression-guide-card{width:min(380px,48%);padding:10px 12px;gap:6px;box-shadow:0 3px 0 #10191d}
.progression-guide[data-mode=action] .progression-guide-card h2,.progression-guide[data-mode=complete] .progression-guide-card h2{font-size:18px}
.progression-guide[data-mode=action] .progression-guide-card p,.progression-guide[data-mode=complete] .progression-guide-card p{font-size:16px;line-height:1.2}
.progression-guide[data-mode=complete] .progression-guide-card{pointer-events:auto;left:50%!important;transform:translateX(-50%)!important}
.progression-guide[data-mode=action] .progression-guide-actions{display:none}
@media(max-height:420px){.progression-guide[data-mode=action] .progression-guide-card,.progression-guide[data-mode=complete] .progression-guide-card{padding:7px 8px;gap:4px}.progression-guide[data-mode=action] .progression-guide-card h2,.progression-guide[data-mode=complete] .progression-guide-card h2{font-size:14px}.progression-guide[data-mode=action] .progression-guide-card p,.progression-guide[data-mode=complete] .progression-guide-card p{font-size:13px}}
@media(max-height:420px){.progression-guide-card{width:min(510px,calc(100% - 24px));padding:11px 14px;gap:7px}.progression-guide-card h2{font-size:18px}.progression-guide-card p{font-size:15px;line-height:1.2}.progression-guide-card .progression-guide-detail{font-size:14px}.progression-guide-actions{gap:8px}.progression-guide-actions .primary-btn,.progression-guide-actions .secondary-btn{font-size:16px;padding:6px 10px}}