*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#e0e8f0;scrollbar-width:none;background:#000;width:100%;height:100%;font-family:Courier New,Courier,monospace;overflow:hidden}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}#app{width:100%;height:100%}#hero-column{z-index:1;background:0 0;justify-content:center;align-items:center;width:70%;height:100%;padding:0 3vw;display:flex;position:fixed;top:0;left:0;overflow:hidden}.hero-pyramid{-webkit-user-select:none;user-select:none;transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;margin-top:-10vh;display:flex;transform:perspective(300px)rotateX(20deg)}.hero-pyramid .line{color:#fff;text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;font-family:Impact,Arial Black,Helvetica Neue Condensed Black,sans-serif;font-weight:900;line-height:.8}.hero-pyramid .line-top,.hero-pyramid .line-bot{font-size:38vh}@media (width<=1100px){.hero-pyramid .line-top,.hero-pyramid .line-bot{font-size:22vw}}#tank-canvas{z-index:2;transition:opacity .4s;display:block;position:fixed;inset:0}#content-overlay{scrollbar-width:thin;scrollbar-color:#4fc3f74d transparent;transition:opacity .4s}#content-overlay::-webkit-scrollbar{width:5px}#content-overlay::-webkit-scrollbar-track{background:0 0}#content-overlay::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:3px}#content-overlay::-webkit-scrollbar-thumb:hover{background:#4fc3f780}#mobile-fallback{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fallback-content{text-align:center;padding:2rem}.fallback-content h1{color:#4fc3f7;margin-bottom:.5rem;font-size:2.5rem}.fallback-content p{color:#81d4fa;margin-bottom:2rem;font-size:1.2rem}.fallback-content a{color:#4fc3f7;border:2px solid #4fc3f7;border-radius:4px;padding:.75rem 2rem;font-size:1rem;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.fallback-content a:hover{color:#000;background:#4fc3f7}.skill-tag:hover{transform:scale(1.05);box-shadow:0 0 12px #4fc3f726;color:#d0e0f0!important;background:#2a4a6a!important}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.revealed{opacity:1;transform:translateY(0)}#home-toggle{z-index:11;cursor:pointer;color:#4fc3f7;opacity:0;pointer-events:none;background:0 0;border:1px solid #4fc3f7;border-radius:4px;padding:.15rem .35rem;font-family:monospace;font-size:.85rem;line-height:1;transition:opacity .35s;position:fixed;top:.85rem;right:5.2rem}#home-toggle.visible{opacity:1;pointer-events:auto}#home-toggle:hover{color:#fff;border-color:#fff}#sound-toggle{z-index:11;cursor:pointer;color:#4fc3f7;background:0 0;border:1px solid #4fc3f7;border-radius:4px;padding:.15rem .3rem;font-family:monospace;font-size:.8rem;line-height:1;position:fixed;top:.85rem;right:3.5rem}#sound-toggle:hover{color:#fff;border-color:#fff}#theme-toggle{z-index:11;cursor:pointer;color:#4fc3f7;background:0 0;border:1px solid #4fc3f7;border-radius:4px;padding:.15rem .4rem;font-family:monospace;font-size:.8rem;line-height:1;position:fixed;top:.85rem;right:1.5rem}#theme-toggle:hover{color:#fff;border-color:#fff}#main-nav{right:6rem!important}.nav-link{color:#4fc3f7;font-family:monospace;font-size:.9rem;text-decoration:none}.nav-link:hover{color:#fff}html.light,html.light body{color:#1a1a1a;background:#f0f0f0}html.light #hero-column{background:0 0}html.light .hero-pyramid .line{color:#1a1a1a}html.light .nav-link{color:#26a}html.light .nav-link:hover{color:#000}html.light #audio-hint{color:#26a}html.light #transition-dropdown{background:#f0f0f0;border-color:#26a;box-shadow:0 4px 16px #00000026}html.light #home-toggle{color:#26a;border-color:#26a}html.light #home-toggle:hover{color:#000;border-color:#000}html.light #sound-toggle{color:#26a;border-color:#26a}html.light #sound-toggle:hover{color:#000;border-color:#000}html.light #theme-toggle{color:#26a;border-color:#26a}html.light #theme-toggle:hover{color:#000;border-color:#000}html.light #content-overlay{color:#1a1a1a;scrollbar-color:#0003 transparent;background:#f0f0f0!important}html.light #content-overlay::-webkit-scrollbar-thumb{background:#0003}html.light #content-overlay::-webkit-scrollbar-thumb:hover{background:#00000059}html.light #content-overlay h1,html.light #content-overlay h2,html.light #content-overlay h3{color:#1a1a1a!important}html.light #content-overlay p,html.light #content-overlay li,html.light #content-overlay span{color:#333!important}html.light #content-overlay a{color:#26a!important}html.light #content-overlay a:hover{color:#000!important}html.light #content-overlay div[style*="background:#0d1a28"],html.light #content-overlay div[style*="background:#1a2a3a"],html.light #content-overlay div[style*="background: #0d1a28"],html.light #content-overlay div[style*="background: #1a2a3a"],html.light #content-overlay div[style*="background:#000000"]{background:#e8e8e8!important}html.light #content-overlay [style*=border-bottom]{border-color:#ccc!important}html.light #content-overlay .skill-tag{color:#1a1a1a!important;background:#e0e0e0!important;border-color:#ccc!important}html.light #content-overlay code{color:#1a1a1a!important;background:#d0d0d0!important}html.light #content-overlay .skill-tag:hover{box-shadow:0 0 12px #0000001a;color:#000!important;background:#d0d0d0!important}html.light #mobile-fallback{background:#f0f0f0}html.light .fallback-content h1{color:#26a}html.light .fallback-content p{color:#555}html.light .fallback-content a{color:#26a;border-color:#26a}html.light .fallback-content a:hover{color:#f0f0f0;background:#26a}@media (width<=767px){html,body{overflow:hidden}#tank-canvas{width:100vw;height:auto;position:fixed;inset:0}#hero-column{display:none}.nav-link{font-size:.85rem}#audio-hint{font-size:.7rem;bottom:1rem}#content-overlay [style*=max-width\:720px],#content-overlay [style*=max-width\:900px]{padding:2rem 1rem!important}#content-overlay [style*="minmax(220px,1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media (width<=399px){#main-nav{gap:.6rem!important}.nav-link{font-size:.75rem}#content-overlay [style*="minmax(220px,1fr)"]{grid-template-columns:1fr!important}}