:root{--red:#d92d2d;--red-dark:#a91f1f;--ink:#172033;--muted:#667085;--paper:#fff;--soft:#f5f7fb;--yellow:#ffd84d;--shadow:0 18px 45px rgba(23,32,51,.14)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#f6f8fb 100%);min-height:100vh}.scenario-header{background:var(--paper);border-bottom:1px solid #e8ebf0}.scenario-topbar{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.mini-brand{font-weight:800;color:var(--red);letter-spacing:.02em}.back-link{color:var(--ink);text-decoration:none;font-weight:700;padding:10px 14px;border-radius:12px;background:#f1f3f6}.scenario-main{max-width:1180px;margin:auto;padding:30px 22px 50px}.intro{text-align:center;max-width:800px;margin:0 auto 24px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff1f1;color:var(--red-dark);font-weight:800;border-radius:999px;padding:8px 14px;margin-bottom:10px}.intro h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.02;margin:5px 0 10px}.intro p{font-size:clamp(1rem,2vw,1.22rem);line-height:1.55;color:var(--muted);margin:0}.scene-card{background:var(--paper);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;border:1px solid #e9ecf1}.scene-image-wrap{position:relative;background:#dde3ea;min-height:340px;display:flex;align-items:center;justify-content:center}.scene-image{display:block;width:100%;max-height:68vh;min-height:340px;object-fit:contain;background:#eef1f5}.scene-badge{position:absolute;left:18px;top:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:10px 14px;border-radius:14px;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.12)}.task-bar{padding:20px 22px;display:flex;align-items:center;justify-content:center;gap:14px;background:#fff}.task-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#fff3cf;font-size:26px;flex:0 0 auto}.task-text{text-align:left}.task-text strong{display:block;font-size:1.12rem;margin-bottom:3px}.task-text span{color:var(--muted);line-height:1.4}.message-dialog{display:none;position:fixed;z-index:30;left:50%;bottom:28px;transform:translateX(-50%);width:min(620px,calc(100% - 32px));background:#172033;color:#fff;border-radius:22px;padding:20px 22px;box-shadow:0 24px 60px rgba(0,0,0,.35)}.message-dialog.show{display:block;animation:pop .2s ease-out}.dialog-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#ffd84d;font-weight:800;margin-bottom:7px}.message-dialog p{font-size:1.2rem;line-height:1.45;margin:0 0 14px}.dialog-close,.guide-close{border:0;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer}.dialog-close{background:#fff;color:#172033}.guide-overlay{display:none;position:fixed;inset:0;z-index:40;background:rgba(10,16,28,.82);padding:24px;align-items:center;justify-content:center}.guide-overlay.show{display:flex}.guide-card{width:min(900px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.4)}.guide-card img{width:100%;height:auto;display:block;border-radius:16px}.guide-close{margin-top:14px;background:var(--red);color:#fff;font-size:1rem}.scenario-footer{text-align:center;padding:26px 20px;color:#667085;font-size:.9rem}.scenario-footer a{color:var(--red-dark);font-weight:700;text-decoration:none}@keyframes pop{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:650px){.scenario-main{padding:20px 12px 36px}.scenario-topbar{padding:12px}.mini-brand{font-size:.92rem}.back-link{padding:9px 11px;font-size:.9rem}.intro{margin-bottom:16px}.intro h1{font-size:2.15rem}.scene-card{border-radius:20px}.scene-image-wrap,.scene-image{min-height:260px}.scene-image{max-height:55vh}.scene-badge{left:12px;top:12px;font-size:.88rem}.task-bar{padding:16px 14px;align-items:flex-start}.task-icon{width:44px;height:44px;font-size:22px}.task-text strong{font-size:1rem}.task-text span{font-size:.93rem}}