@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:none;touch-action:none;width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#050508;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.matrix-strip{z-index:5;pointer-events:none;height:16px;position:fixed;bottom:clamp(70px,12vh,100px);left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.matrix-scroll{letter-spacing:1px;color:#06b6d414;white-space:nowrap;will-change:transform;font-family:JetBrains Mono,monospace;font-size:10px;animation:120s linear infinite matrixScroll}@keyframes matrixScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.nav-row{z-index:10;pointer-events:none;justify-content:center;align-items:flex-end;gap:clamp(12px,3vw,24px);padding-bottom:clamp(20px,4vh,40px);display:flex;position:fixed;bottom:0;left:0;right:0}.hex-link{color:#ffffff40;width:clamp(44px,8vw,56px);height:clamp(50px,9.2vw,64px);animation:.8s both hexFadeIn,4s ease-in-out infinite hexBreathe;animation-delay:var(--delay),calc(var(--delay) + .8s);justify-content:center;align-items:center;text-decoration:none;transition:color .4s,transform .4s,filter .4s;display:flex;position:relative}.hex-link:hover{color:var(--accent);filter:drop-shadow(0 0 12px var(--accent)) drop-shadow(0 0 24px var(--accent));opacity:1;animation:none;transform:translateY(-4px)scale(1.1)}.hex-link:active{transform:translateY(-2px)scale(1.05)}.hex-border{opacity:.3;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.hex-link:hover .hex-border{opacity:1}.hex-icon{z-index:1;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:relative}.hex-icon svg{width:clamp(16px,3.5vw,22px);height:clamp(16px,3.5vw,22px)}.hex-link:hover .hex-icon{transform:scale(1.15)}.hex-link:after{content:"";background:radial-gradient(circle,var(--accent),transparent 70%);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .4s;position:absolute;inset:-4px}.hex-link:hover:after{opacity:.08}@keyframes hexFadeIn{0%{opacity:0;transform:translateY(20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hexBreathe{0%,to{opacity:.25}50%{opacity:.4}}.hex-link:before{content:attr(data-tooltip);letter-spacing:2px;color:var(--accent);white-space:nowrap;border:1px solid var(--accent);clip-path:polygon(0% 0%,100% 0%,100% 70%,58% 70%,50% 100%,42% 70%,0% 70%);opacity:0;pointer-events:none;filter:drop-shadow(0 0 6px var(--accent));background:#050508d9;padding:5px 12px 16px;font-family:JetBrains Mono,monospace;font-size:10px;transition:opacity .3s,transform .3s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px)}.hex-link:hover:before{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:767px){.hex-link{width:42px;height:48px}.hex-icon svg{width:16px;height:16px}.matrix-strip{height:14px;bottom:clamp(60px,10vh,80px)}.matrix-scroll{font-size:9px}}@media (max-width:374px){.hex-link{width:36px;height:42px}.hex-icon svg{width:14px;height:14px}}@media (hover:none){.hex-link{color:#ffffff59}.hex-border{opacity:.4}.hex-link:active{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent));transform:scale(.95)}.hex-link:before{display:none}}