.laser-intro{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#060606;color:#d8d6ce;isolation:isolate}.laser-canvas{width:100%;height:100%;display:block}.intro-frame{position:absolute;inset:34px;pointer-events:none;border:1px solid #ffffff12}.intro-frame i{position:absolute;width:28px;height:28px;border-color:#9b9a8d;border-style:solid;border-width:0}.intro-frame i:nth-child(1){top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.intro-frame i:nth-child(2){top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.intro-frame i:nth-child(3){bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.intro-frame i:nth-child(4){bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.laser-top,.laser-bottom{position:absolute;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px monospace;letter-spacing:1.6px;line-height:1.6;text-shadow:0 2px 8px #000}.laser-top{top:8%;color:#a5a59c}.laser-top>span:last-child{text-align:right;color:#77786f}.laser-bottom{bottom:8%;color:#83847b}.laser-bottom>span:last-child{font-size:8px}.intro-phase{display:flex;align-items:center;gap:12px;color:#d8d6ce}.intro-phase i{display:block;width:14px;height:16px;background:repeating-linear-gradient(105deg,transparent 0 3px,#d83b2b 3px 5px)}.intro-side{position:absolute;top:44%;writing-mode:vertical-rl;font:8px monospace;letter-spacing:3px;color:#696a62}.intro-side-left{left:7%;transform:rotate(180deg)}.intro-side-right{right:7%}.laser-brand{position:absolute;bottom:15%;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:12px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(60px,7vw,105px);line-height:.85;font-weight:900;letter-spacing:-3px;white-space:nowrap;text-shadow:0 4px 20px #000}.laser-brand span{color:#d83b2b;font-family:Permanent Marker,cursive;font-weight:400;font-size:.65em;letter-spacing:-2px;transform:rotate(-9deg)}.laser-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#391410,#060606 65%)}.laser-fallback img{position:absolute;width:64vmin;height:64vmin;object-fit:contain;left:50%;top:44%;transform:translate(-50%,-50%);filter:grayscale(1);animation:laser-fallback-reveal 4.1s ease-out both}@keyframes laser-fallback-reveal{0%{clip-path:inset(0 0 100% 0);opacity:.3}to{clip-path:inset(0);opacity:1}}@media(max-width:550px){.intro-frame{inset:18px}.intro-frame i{width:18px;height:18px}.laser-top,.laser-bottom{font-size:6px;letter-spacing:.7px;left:9%;right:9%;line-height:1.6}.laser-top{top:7%}.laser-bottom{bottom:7%;align-items:flex-start;flex-direction:column;gap:13px}.laser-bottom>span:last-child{font-size:6px;color:#6c6d65}.laser-brand{bottom:19%;font-size:70px;gap:8px}.intro-side{font-size:6px;letter-spacing:2px}.intro-side-left{left:8%}.intro-side-right{right:8%}.laser-fallback img{width:80vmin;height:80vmin}}@media(max-height:500px)and (min-width:551px){.intro-frame{inset:16px}.laser-brand{bottom:14%;font-size:50px}.laser-top,.laser-bottom{font-size:6px}.laser-bottom>span:last-child{font-size:6px}}@media(prefers-reduced-motion:reduce){.laser-fallback img{animation:none}}.street-world main>.beat-visible{transform:scale(var(--beat-scale,1));transform-origin:50% 50%}.sound-controls{position:fixed;z-index:50;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;background:#0b0b0bf2;border:1px solid #69675e;box-shadow:0 4px 20px #0008}.sound-controls button{min-height:44px;border:0;background:transparent;color:#c9c7bd;font:8px monospace;letter-spacing:1px;padding:10px 13px}.sound-toggle{display:flex;align-items:center;gap:9px}.sound-toggle svg{width:17px;height:20px}.sound-toggle[aria-pressed=true]{color:#e64b3c}.sound-controls .motion-toggle{border-left:1px solid #45443e;font-size:7px;color:#93948b}.sound-controls button:hover{background:#24221e}@media(max-width:600px){.sound-controls{right:10px;bottom:max(10px,env(safe-area-inset-bottom))}.sound-controls button{font-size:7px;padding:9px 10px}.sound-controls .motion-toggle{font-size:6px}footer{padding-bottom:85px}}.left-rail a{position:relative}.left-rail .nav-laser{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:auto;aspect-ratio:1;overflow:visible;pointer-events:none}.nav-laser path{stroke-linecap:round;stroke-linejoin:round}.nav-laser-outline{stroke:#e42518;stroke-width:1;opacity:.3}.nav-laser-glow,.nav-laser-trail{stroke:#ff3020;stroke-dasharray:18 82;animation:nav-laser-orbit 2.4s linear infinite;animation-delay:var(--laser-delay,0s)}.nav-laser-glow{stroke-width:5;opacity:.65;filter:blur(2px)}.nav-laser-trail{stroke-width:2;filter:drop-shadow(0 0 2px #ff2018)}.nav-laser-tip{stroke:#ffd6c9;stroke-width:1.8;stroke-dasharray:1.5 98.5;stroke-dashoffset:-17;filter:drop-shadow(0 0 2px #ff3020);animation:nav-laser-head 2.4s linear infinite;animation-delay:var(--laser-delay,0s)}.left-rail a:nth-of-type(2){--laser-delay:-.6s}.left-rail a:nth-of-type(3){--laser-delay:-1.2s}.left-rail a:nth-of-type(4){--laser-delay:-1.8s}@keyframes nav-laser-orbit{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes nav-laser-head{0%{stroke-dashoffset:-17}to{stroke-dashoffset:-117}}@media(prefers-reduced-motion:reduce){.nav-laser-glow,.nav-laser-trail,.nav-laser-tip{animation:none}.nav-laser-outline{opacity:.65}}