#traps-root{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#050a18;color:#e8e8e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#traps-root #traps-canvas{position:absolute;top:0;left:0;width:100%;height:100%}#traps-root .traps-header{position:absolute;top:0;left:0;right:0;height:64px;z-index:20;display:flex;align-items:center;gap:1rem;padding:0 1.25rem;background:#050a18bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}#traps-root .traps-title{font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.04em;color:#e8e8e8;white-space:nowrap;flex-shrink:0}#traps-root .traps-title span{font-weight:400;opacity:.5;font-size:.85em;margin-left:.5em}#traps-root .scenario-control{display:flex;align-items:center;gap:.5rem;margin:0 auto;max-width:320px}#traps-root .scenario-control label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#fff6;white-space:nowrap}#traps-root #traps-scenario-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#4ade80,#facc15,#ef4444);border-radius:2px;outline:none;cursor:pointer}#traps-root #traps-scenario-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3);cursor:pointer}#traps-root #traps-scenario-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3);cursor:pointer}#traps-root #traps-scenario-label{font-size:.72rem;font-weight:600;color:#fff9;white-space:nowrap;min-width:100px}#traps-root .traps-stats{display:flex;align-items:center;gap:.75rem;font-size:.75rem;font-weight:600;margin-left:auto}#traps-root .stat-trapped{color:#ef4444}#traps-root .stat-safe{color:#4ade80}#traps-root .header-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0a;color:#fff9;cursor:pointer;font-size:.8rem;transition:border-color .2s,background .2s;flex-shrink:0}#traps-root .header-btn:hover{border-color:#fff3;background:#ffffff14;color:#fff}#traps-root #traps-detail-panel{position:fixed;top:64px;right:-400px;width:380px;height:calc(100% - 64px);z-index:30;background:#0f0f14f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid rgba(255,255,255,.06);overflow-y:auto;overflow-x:clip;transition:right .3s cubic-bezier(.4,0,.2,1);padding:1.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}#traps-root #traps-detail-panel.open{right:0}#traps-root .detail-drag-handle{display:none}#traps-root .detail-close-btn{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0a;color:#fff9;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;z-index:2}#traps-root .detail-close-btn:hover{background:#ffffff1a;color:#fff}#traps-root .detail-header{margin-bottom:1rem;padding-right:2rem}#traps-root .detail-header h2{font-family:Urbanist,sans-serif;font-size:1.3rem;font-weight:700;margin:.5rem 0 .3rem;color:#fff;outline:none}#traps-root .detail-group-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:4px;border:1px solid}#traps-root .detail-description{font-size:.88rem;color:#fff9;line-height:1.5;margin:0}#traps-root .detail-meta-row{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.04)}#traps-root .detail-meta-item{display:flex;flex-direction:column;gap:.15rem;flex:1}#traps-root .meta-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59}#traps-root .meta-value{font-size:.82rem;font-weight:600;color:#e8e8e8}#traps-root .detail-strength-control{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.04)}#traps-root .detail-strength-control label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#fff6;white-space:nowrap}#traps-root .trap-strength-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}#traps-root .trap-strength-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}#traps-root .trap-strength-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}#traps-root .strength-value{font-size:.75rem;font-weight:600;color:#fff9;min-width:2.5em;text-align:right}#traps-root .detail-section{margin-bottom:.5rem;border:1px solid rgba(255,255,255,.04);border-radius:8px;overflow:hidden}#traps-root .detail-section summary{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.78rem;font-weight:600;color:#ffffffb3;cursor:pointer;background:#ffffff05;list-style:none}#traps-root .detail-section summary::-webkit-details-marker{display:none}#traps-root .detail-section summary:before{content:"▶";font-size:.6rem;transition:transform .2s;color:#ffffff4d}#traps-root .detail-section[open] summary:before{transform:rotate(90deg)}#traps-root .section-count{font-weight:400;font-size:.68rem;color:#ffffff4d;margin-left:auto}#traps-root .detail-section>p,#traps-root .detail-section>ul,#traps-root .detail-section>div{padding:.5rem .75rem .75rem;font-size:.82rem;color:#ffffff8c;line-height:1.5;margin:0}#traps-root .detail-section ul{list-style:none;padding-left:.75rem}#traps-root .detail-section li{position:relative;padding-left:.75rem;margin-bottom:.4rem}#traps-root .detail-section li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:#fff3}#traps-root .mechanism-type{margin-top:.5rem;padding:.5rem;background:#ffffff05;border-radius:4px;font-size:.78rem}#traps-root .phases-timeline{padding:.5rem .75rem .75rem!important}#traps-root .phase-item{display:flex;gap:.75rem;padding:.4rem 0;opacity:.4}#traps-root .phase-item.active,#traps-root .phase-item.current{opacity:1}#traps-root .phase-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:.3em}#traps-root .phase-content{flex:1}#traps-root .phase-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}#traps-root .phase-content p{font-size:.78rem;color:#ffffff80;line-height:1.4;margin:.2rem 0 0;padding:0}#traps-root .interaction-list{padding-left:.75rem!important}#traps-root .interaction-item{margin-bottom:.5rem;padding-left:.75rem}#traps-root .interaction-item:before{background:#ef4444!important}#traps-root .interaction-item.dampening:before{background:#3b82f6!important}#traps-root .interaction-link{font-weight:600;text-decoration:none;font-size:.82rem}#traps-root .interaction-link:hover{text-decoration:underline}#traps-root .interaction-desc{display:block;font-size:.75rem;color:#fff6;line-height:1.4;margin-top:.1rem}#traps-root .no-interactions{font-style:italic;color:#ffffff4d}#traps-root #traps-about-panel{position:fixed;top:64px;right:-420px;width:400px;height:calc(100% - 64px);z-index:35;background:#0f0f14f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid rgba(255,255,255,.06);overflow-y:auto;transition:right .3s cubic-bezier(.4,0,.2,1);padding:2rem 1.5rem}#traps-root #traps-about-panel.open{right:0}#traps-root .about-close-btn{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0a;color:#fff9;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center}#traps-root #traps-about-panel h2{font-family:Urbanist,sans-serif;font-size:1.2rem;font-weight:700;margin:0 0 1rem;padding-right:2rem}#traps-root #traps-about-panel p{font-size:.88rem;color:#fff9;line-height:1.6;margin:0 0 .75rem}#traps-root #traps-about-panel .about-ref{font-size:.78rem;color:#fff6;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}#traps-root #traps-about-panel a{color:#60a5fa;text-decoration:none}#traps-root #traps-about-panel a:hover{text-decoration:underline}#traps-root #traps-intro-overlay{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05050aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center;padding:2rem;transition:opacity .6s ease}#traps-root #traps-intro-overlay.fade-out{opacity:0;pointer-events:none}#traps-root .intro-title{font-family:Urbanist,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;letter-spacing:-.01em;margin:0 0 .75rem;color:#fff}#traps-root .intro-subtitle{font-size:clamp(.9rem,2vw,1.1rem);color:#ffffff80;max-width:500px;line-height:1.6;margin:0 0 2rem}#traps-root #traps-begin-btn{font-family:Urbanist,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.04em;padding:.75rem 2rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0f;color:#fff;cursor:pointer;transition:background .2s,border-color .2s}#traps-root #traps-begin-btn:hover{background:#ffffff1f;border-color:#ffffff4d}#traps-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:640px){#traps-root .traps-header{height:56px;padding:0 .75rem;gap:.5rem}#traps-root .traps-title{font-size:.85rem}#traps-root .traps-title span{display:none}#traps-root .scenario-control{max-width:160px}#traps-root .scenario-control label,#traps-root #traps-scenario-label{display:none}#traps-root #traps-detail-panel{inset:auto 0 -100%;width:100%;height:auto;max-height:65vh;border-left:none;border-top:1px solid rgba(255,255,255,.08);border-radius:16px 16px 0 0;transition:bottom .3s cubic-bezier(.4,0,.2,1)}#traps-root #traps-detail-panel.open{bottom:0;right:0}#traps-root .detail-drag-handle{display:flex;justify-content:center;padding:.75rem 0 .25rem;cursor:grab}#traps-root .detail-drag-handle span{width:32px;height:4px;border-radius:2px;background:#fff3}#traps-root .detail-close-btn{display:none}#traps-root .detail-meta-row{flex-wrap:wrap}#traps-root #traps-about-panel{top:56px;height:calc(100% - 56px);width:100%;right:-100%}}@media(min-width:641px)and (max-width:1024px){#traps-root .scenario-control{max-width:200px}}@media(prefers-reduced-motion:reduce){#traps-root #traps-detail-panel,#traps-root #traps-about-panel,#traps-root #traps-intro-overlay,#traps-root .header-btn,#traps-root #traps-begin-btn{transition:none!important}}