body:has(#traps-root){--header-offset: 0px;--site-header-h: 80px}#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:var(--header-offset, 80px);left:0;right:0;height:64px;z-index:20;transition:top .4s cubic-bezier(.4,0,.2,1);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,.12)}#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{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff26;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:#ffffff26;color:#fff}#traps-root .header-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.01em;white-space:nowrap;color:#ffffffd9;background:#0a0f1eeb;border:1px solid rgba(255,255,255,.12);border-radius:5px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:50}#traps-root .header-btn[data-tooltip]:hover:after{opacity:1}#traps-root #traps-detail-panel{position:fixed;top:calc(var(--site-header-h, 80px) + 64px);right:-400px;width:380px;height:calc(100% - var(--site-header-h, 80px) - 64px);z-index:30;background:#0f0f14f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid rgba(255,255,255,.12);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:#ffffff26;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,.15)}#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,.15)}#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,.15);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:calc(var(--site-header-h, 80px) + 64px);right:-440px;width:420px;height:calc(100% - var(--site-header-h, 80px) - 64px);z-index:35;background:#0a0c16f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid rgba(255,255,255,.12);overflow-y:auto;overflow-x:clip;transition:right .3s cubic-bezier(.4,0,.2,1);padding:2rem 1.5rem 3rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}#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:#ffffff26;color:#fff9;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center}#traps-root .about-close-btn:hover{background:#ffffff1a;color:#fff}#traps-root #traps-about-panel h2{font-family:Urbanist,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 .75rem;padding-right:2rem;color:#fff}#traps-root #traps-about-panel .about-lede{font-size:.9rem;color:#ffffff8c;line-height:1.65;margin:0 0 1.25rem}#traps-root #traps-about-panel p{font-size:.85rem;color:#ffffff8c;line-height:1.6;margin:0 0 .6rem}#traps-root .about-section{margin-bottom:.75rem;padding:.85rem 1rem;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:10px}#traps-root .about-section h3{display:flex;align-items:center;gap:.5rem;font-family:Urbanist,sans-serif;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffffbf;margin:0 0 .5rem}#traps-root .about-section h3 svg{color:#64b4ff99;flex-shrink:0}#traps-root .about-section p{margin:0 0 .4rem}#traps-root .about-section p:last-child{margin-bottom:0}#traps-root .about-section-inspiration{border-color:#64b4ff1f;background:#3c82dc08}#traps-root .about-key{display:inline-block;padding:1px 6px;font-size:.78rem;font-weight:600;color:#c8e6ffcc;background:#64b4ff1a;border:1px solid rgba(100,180,255,.15);border-radius:4px;vertical-align:baseline}#traps-root .about-groups{display:flex;gap:.5rem;margin:.5rem 0 .65rem;flex-wrap:wrap}#traps-root .about-group{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:4px;border:1px solid}#traps-root .about-group-global{color:#6db3f8;border-color:#3b82f659;background:#3b82f614}#traps-root .about-group-tech{color:#5edcb0;border-color:#10b98159;background:#10b98114}#traps-root .about-group-structural{color:#fba94c;border-color:#f9731659;background:#f9731614}#traps-root .about-note{font-size:.78rem;color:#ffffff59;line-height:1.55;padding:.65rem .85rem;margin-bottom:.75rem;border-left:2px solid rgba(255,255,255,.1)}#traps-root #traps-about-panel .about-ref{margin-top:.5rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.08)}#traps-root #traps-about-panel .about-ref h4{font-family:Urbanist,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff4d;margin:0 0 .5rem}#traps-root #traps-about-panel .about-ref p{font-size:.76rem;color:#ffffff59;line-height:1.55;margin:0 0 .5rem}#traps-root #traps-about-panel .about-credit{color:#ffffff73;font-weight:500}#traps-root #traps-about-panel .about-license{font-size:.68rem;color:#ffffff40}#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;align-items:center;justify-content:center;transition:opacity .6s ease}#traps-root #traps-intro-overlay .intro-box{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:680px;padding:2.5rem 3rem 2rem;background:#05050fb3;border:1px solid rgba(255,255,255,.15);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 40px #00000080}#traps-root #traps-intro-overlay.fade-out{opacity:0;pointer-events:none}#traps-root .intro-title{font-family:Alcyone,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-the{font-weight:300}#traps-root .intro-subtitle{font-family:Alcyone,sans-serif;font-size:clamp(.9rem,2vw,1.1rem);font-weight:300;color:#ffffff80;max-width:500px;line-height:1.6;margin:0 0 2rem}#traps-root #traps-begin-btn{font-family:Alcyone,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:#ffffff1f;color:#fff;cursor:pointer;transition:background .2s,border-color .2s}#traps-root #traps-begin-btn:hover{background:#ffffff1f;border-color:#ffffff4d}#traps-root .header-btn.active{border-color:#c8ffff59;background:#c8ffff26;color:#c8ffffe6}#traps-root .traps-timeline{position:absolute;top:calc(var(--header-offset, 80px) + 64px);left:0;right:0;height:20px;z-index:19;display:none;align-items:center;gap:8px;padding:0 1.25rem;background:#050a1880;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}#traps-root .traps-timeline.visible{display:flex}#traps-root .timeline-label{font-family:Urbanist,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.08em;white-space:nowrap;flex-shrink:0}#traps-root .timeline-label-left{color:#ffffff59}#traps-root .timeline-label-right{color:#4ade8073}#traps-root .timeline-track{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,#ef444440,#facc151f 50%,#4ade804d);position:relative}#traps-root .timeline-dot{position:absolute;top:50%;left:0%;width:8px;height:8px;border-radius:50%;background:#c8ffffd9;box-shadow:0 0 6px #c8ffff66;transform:translate(-50%,-50%);transition:left .1s linear}#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 .header-btn[data-tooltip]:after{display:none}#traps-root .traps-timeline{top:calc(var(--header-offset, 80px) + 56px);height:18px;padding:0 .75rem}#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,.15);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-intro-overlay .intro-box{margin:0 1rem;padding:2rem 1.5rem 1.5rem}#traps-root #traps-about-panel{top:calc(var(--site-header-h, 80px) + 56px);height:calc(100% - var(--site-header-h, 80px) - 56px);width:100%;right:-100%}}@media(min-width:641px)and (max-width:1024px){#traps-root .scenario-control{max-width:200px}}body.immersive-active:has(#traps-root){--site-header-h: 0px}@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}}