*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:#0a0a0a;color:#e8e2d4;font-family:Georgia,Times New Roman,serif}#scroll-track{position:relative;width:1px}.canvas-layer{position:fixed;top:0;right:0;bottom:0;left:0}.canvas-layer canvas{display:block}.chapter-ui{position:fixed;left:6vw;bottom:8vh;max-width:46ch;pointer-events:none;animation:rise .6s ease both;z-index:5}.chapter-ui h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:500;margin:0 0 .4rem;letter-spacing:.01em}.chapter-ui p{font-family:Courier New,monospace;font-size:.95rem;color:#b8b0a0;margin:0}.chapter-hint{margin-top:.55rem!important;font-size:.75rem!important;color:#7a7368!important;letter-spacing:.02em}.info-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;border:none;background:#00000059;cursor:pointer}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.progress-rail{position:fixed;left:6vw;right:6vw;bottom:2.2vh;height:2px;background:#222;z-index:5;pointer-events:none}.progress-fill{height:100%;background:#c98b3a;transition:none}.progress-dots{position:absolute;inset:-3px 0 auto;display:flex;justify-content:space-between}.progress-dots span{width:6px;height:6px;border-radius:50%;opacity:.35}.progress-dots span.active{opacity:1;transform:scale(1.35)}.skip-link{position:fixed;top:1rem;right:1rem;z-index:10;color:#b8b0a0;font-family:Courier New,monospace;font-size:.8rem;text-decoration:none;border:1px solid #333;padding:.4rem .7rem;border-radius:3px;background:transparent;cursor:pointer}.skip-link:hover{color:#e8e2d4;border-color:#666}.fallback{max-width:42rem;margin:0 auto;padding:3rem 1.5rem 5rem;line-height:1.55}.fallback-back{font-family:Courier New,monospace;font-size:.8rem;color:#b8b0a0;background:transparent;border:1px solid #333;padding:.4rem .7rem;cursor:pointer;margin-bottom:2rem}.fallback-hero h1{font-size:clamp(2rem,5vw,2.8rem);font-weight:500;margin:0 0 .35rem}.fallback-title{font-family:Courier New,monospace;color:#c98b3a;margin:0 0 1rem}.fallback h2{margin:2.5rem 0 1rem;font-size:1.25rem;font-weight:500;border-bottom:1px solid #2a2a2a;padding-bottom:.4rem}.fallback-card{margin-bottom:1.4rem}.fallback-card h3{margin:0 0 .25rem;font-size:1.05rem;font-weight:500}.fallback-meta,.fallback-tech{font-family:Courier New,monospace;font-size:.85rem;color:#9a9288}.fallback-tag{font-family:Courier New,monospace;font-size:.75rem;color:#9a9288;font-weight:400}.fallback-skills{padding-left:1.1rem}.fallback-skills li{margin-bottom:.45rem}.info-panel{position:fixed;top:50%;right:4vw;transform:translateY(-50%);width:min(22rem,86vw);max-height:min(70vh,32rem);overflow:auto;z-index:20;padding:1.25rem 1.35rem 1.4rem;background:#0c0c0ceb;border:1px solid #333;color:#e8e2d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.info-panel h2{margin:.15rem 0 .6rem;font-size:1.35rem;font-weight:500}.info-panel h3{margin:1rem 0 .4rem;font-size:.85rem;font-family:Courier New,monospace;font-weight:400;color:#9a9288;text-transform:uppercase;letter-spacing:.04em}.info-panel p,.info-panel li{font-size:.95rem;line-height:1.5;color:#c8c0b4}.info-panel ul{margin:.4rem 0 0;padding-left:1.1rem}.info-kicker{font-family:Courier New,monospace;font-size:.75rem;color:#c98b3a;margin:0;text-transform:uppercase;letter-spacing:.06em}.info-meta{font-family:Courier New,monospace;font-size:.8rem;color:#9a9288}.info-close{float:right;font-family:Courier New,monospace;font-size:.75rem;color:#b8b0a0;background:transparent;border:1px solid #333;padding:.25rem .5rem;cursor:pointer}.info-close:hover{border-color:#666;color:#e8e2d4}.info-link{background:none;border:none;color:#e8c4a0;font:inherit;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.info-link:hover{color:#fff}@media (max-width: 768px){.info-panel{top:auto;bottom:8vh;right:4vw;left:4vw;width:auto;transform:none;max-height:40vh}.chapter-ui{max-width:70vw;bottom:10vh}}@media (prefers-reduced-motion: reduce){.chapter-ui{animation:none}}