.scenario-detail{padding-bottom:var(--space-3xl)}.detail-header{text-align:center;padding:var(--space-xl)0 var(--space-lg)}.back-link{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-blue-dark);background:var(--color-highlight)}.detail-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.scenario-summary{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.animation-section{margin-bottom:var(--space-xl);position:relative}.position-tooltip{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:var(--space-md);border-radius:var(--radius-lg);pointer-events:none;background:#0f172af2;max-width:280px;animation:.2s ease-out tooltipFadeIn;position:absolute;transform:translate(-50%,-100%)translateY(-12px);box-shadow:0 8px 32px #0000004d}.position-tooltip:after{content:"";border-top:8px solid #0f172af2;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%)translateY(-20px)}to{opacity:1;transform:translate(-50%,-100%)translateY(-12px)}}.tooltip-header{font-weight:700;font-size:var(--font-size-sm);color:var(--color-blue);margin-bottom:var(--space-xs)}.tooltip-text{font-size:var(--font-size-sm);line-height:1.5}.responsibilities-section{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:0 4px 20px var(--color-shadow),0 0 0 1px #ffffff80 inset}.responsibilities-section h2{font-size:var(--font-size-xl);text-align:center;margin-bottom:var(--space-sm)}.section-hint{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.responsibilities-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.responsibility-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 2px 8px var(--color-shadow);transition:all var(--transition-fast)}.responsibility-card:hover,.responsibility-card.highlighted{box-shadow:0 4px 16px var(--color-shadow-blue);border:1px solid var(--color-blue);transform:translateY(-2px)}.position-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.position-badge{background:linear-gradient(135deg,var(--color-blue)0%,var(--color-blue-dark)100%);width:36px;height:36px;color:var(--color-text);font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.position-name{color:var(--color-text);font-weight:600}.responsibility-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.overlay-nav-btn{z-index:10;-webkit-backdrop-filter:blur(12px);width:48px;height:48px;color:var(--color-blue-dark);cursor:pointer;transition:all var(--transition-bounce);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}.overlay-nav-btn:hover:not(:disabled){background:#fff6;transform:translateY(-50%)scale(1.1);box-shadow:0 8px 24px #00000026}.overlay-nav-btn:active:not(:disabled){transform:translateY(-50%)scale(.95)}.overlay-nav-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.overlay-nav-btn.prev{left:var(--space-md)}.overlay-nav-btn.next{right:var(--space-md)}.nav-arrow{line-height:1;display:block}@media (max-width:768px){.overlay-nav-btn{width:40px;height:40px;font-size:1.25rem}.overlay-nav-btn.prev{left:var(--space-sm)}.overlay-nav-btn.next{right:var(--space-sm)}}.quick-ref{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:0 4px 20px var(--color-shadow),0 0 0 1px #ffffff80 inset}.quick-ref h3{font-size:var(--font-size-lg);margin-bottom:var(--space-lg);color:var(--color-text);text-align:center}.ref-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.ref-item{text-align:center}.ref-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;display:block}.ref-value{color:var(--color-blue-dark);font-weight:600;display:block}@media (max-width:768px){.detail-header h1{font-size:var(--font-size-xl)}.scenario-nav{flex-direction:column}.nav-btn{justify-content:center;width:100%;max-width:none}.nav-hint{order:-1}.responsibilities-grid{grid-template-columns:1fr}}