html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}.scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none}.scene-layer--expression{z-index:2}.scene-layer--object{z-index:3}.scene-layer--tv{z-index:4}.scene-layer--mobile-bg{z-index:10;display:none}.scene-layer--mobile-chaos{z-index:11;display:none}.scene-layer--mobile-about-bg{z-index:10;display:none}.scene-layer--mobile-about-video{z-index:11;display:none}.scene-layer--mobile-contact-bg{z-index:10;display:none}.mobile-darkness-tap{display:none;position:absolute;cursor:pointer}.mobile-hotspot{display:none;position:absolute;cursor:pointer;align-items:flex-end;justify-content:center;padding-bottom:6px}.audio-toggle,.mobile-channel-btn{display:none}.mobile-contact-screen{display:none;position:absolute;overflow:hidden}.scene-16x9{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:16 / 9;width:min(100vw,calc(100vh * 16 / 9));z-index:20}.hotspot{position:absolute;cursor:pointer;background:transparent;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.hotspot__label{font-family:VT323,monospace;font-size:clamp(16px,2.2vw,34px);color:#ffffffbf;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;letter-spacing:.08em;pointer-events:none;-webkit-user-select:none;user-select:none;transition:color .2s;white-space:nowrap}.hotspot--label-top{align-items:flex-start;padding-top:6px;padding-bottom:0}.hotspot--active .hotspot__label{color:#ffe88a;text-shadow:0 0 8px rgba(255,220,100,.7),1px 1px 0 #000,-1px -1px 0 #000}@keyframes fade-in-anim{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in-anim 1s ease-out forwards}@keyframes shake{0%{transform:translate(0) rotate(0)}15%{transform:translate(-3px,1px) rotate(-1deg)}30%{transform:translate(3px,-1px) rotate(1deg)}45%{transform:translate(-2px,2px) rotate(-.5deg)}60%{transform:translate(2px,-2px) rotate(.5deg)}75%{transform:translate(-1px,1px) rotate(-.3deg)}90%{transform:translate(1px,-1px) rotate(.3deg)}to{transform:translate(0) rotate(0)}}.shake{animation:shake .45s ease-in-out infinite;transform-origin:center bottom}@keyframes reel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cassette{position:fixed;top:1rem;right:1rem;z-index:30;width:260px;background:#1c1c20;border:2px solid #404040;border-radius:10px;padding:10px 14px;font-family:VT323,monospace;box-shadow:0 8px 28px #000000d9,inset 0 1px #ffffff0d;-webkit-user-select:none;user-select:none}.cassette__screw-row{display:flex;justify-content:space-between;margin-bottom:8px}.cassette__screw-row:last-child{margin-bottom:0;margin-top:8px}.cassette__screw{display:block;width:10px;height:10px;border-radius:50%;background:#2e2e2e;border:1px solid #505050;box-shadow:inset 0 1px 2px #000c;position:relative}.cassette__screw:before,.cassette__screw:after{content:"";position:absolute;background:#1a1a1a}.cassette__screw:before{top:50%;left:2px;right:2px;height:1px;transform:translateY(-50%)}.cassette__screw:after{left:50%;top:2px;bottom:2px;width:1px;transform:translate(-50%)}.cassette__body{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cassette__reel-window{width:58px;height:58px;border-radius:50%;background:#0a0a0a;border:3px solid #303030;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 3px 8px #000000e6}.cassette__reel{width:36px;height:36px;border-radius:50%;border:2.5px solid #505050;border-top-color:#999;display:flex;align-items:center;justify-content:center}.cassette--playing .cassette__reel{animation:reel-spin 1.8s linear infinite}.cassette__reel-hub{width:12px;height:12px;border-radius:50%;background:#2a2a2a;border:1px solid #555}.cassette__label{flex:1;background:#fdd3e7;border-radius:5px;padding:8px 6px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:inset 0 1px 3px #00000040}.cassette__title{font-size:15px;letter-spacing:.12em;color:#2a1e08;line-height:1}.cassette__speaker{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:3px;outline:none;color:#2acc80;width:28px;height:28px;image-rendering:pixelated;filter:drop-shadow(0 0 4px rgba(168,255,120,.5))}.cassette__speaker svg{width:20px;height:20px;display:block}.cassette--playing .cassette__speaker{color:#2acc80;filter:drop-shadow(0 0 6px rgba(168,255,120,.8))}.cassette__tape-window{height:18px;margin:0 28px 8px;background:#0a0a0a;border:2px solid #2e2e2e;border-top:none;border-radius:0 0 40px 40px;position:relative;overflow:hidden}.cassette__tape-window:after{content:"";position:absolute;top:5px;left:15%;right:15%;height:3px;background:#1e1e1e;border-radius:2px;box-shadow:0 3px #1a1a1a}.cassette__volume-row{display:flex;align-items:center;gap:6px}.cassette__vol-btn{width:22px;height:22px;border-radius:4px;background:#1a2e12;border:1px solid #4a8a30;color:#2acc80;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:background .15s,box-shadow .15s;box-shadow:0 0 4px #a8ff784d}.cassette__vol-btn:hover{background:#233d18;box-shadow:0 0 8px #a8ff7899}.cassette__vol-btn:active{background:#0e1a09}.cassette__slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;background:#333;border-radius:3px;outline:none;cursor:pointer;border:1px solid #222}.cassette__slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:20px;border-radius:3px;background:#777;border:1px solid #999;cursor:pointer;box-shadow:0 1px 4px #0009;transition:background .2s}.cassette--playing .cassette__slider::-webkit-slider-thumb{background:#2acc80;border-color:#2eb613}.audio-toggle{position:fixed;top:1rem;right:1rem;z-index:30;width:40px;height:40px;background:#111;border-top:2px solid #555;border-left:2px solid #444;border-bottom:2px solid #111;border-right:2px solid #111;border-radius:2px;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;color:#888;transition:color .1s,box-shadow .1s}.audio-toggle:hover{color:#aaa;background:#1a1a1a}.audio-toggle:active{border-top:2px solid #111;border-left:2px solid #111;border-bottom:2px solid #555;border-right:2px solid #444}.audio-toggle svg{width:20px;height:20px;image-rendering:pixelated;flex-shrink:0}.audio-toggle--on{color:#a8ff78;box-shadow:0 0 10px #a8ff788c,0 0 22px #a8ff7833}.audio-toggle--on:hover{color:#c8ffb0}.about-back-btn{position:fixed;top:1rem;left:1rem;z-index:30;background:#0000008c;border:1px solid rgba(255,255,255,.45);border-radius:4px;color:#fff;font-family:VT323,monospace;font-size:clamp(18px,2vw,26px);letter-spacing:.08em;padding:.3rem .8rem;cursor:pointer;text-shadow:1px 1px 0 #000;transition:background .15s,border-color .15s}.about-back-btn:hover{background:#ffffff26;border-color:#ffffffbf}.contact-screen{position:absolute;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.contact-form{width:100%;display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1.5vh,18px);padding:4% 6%;box-sizing:border-box;color:#000;font-family:VT323,monospace}.contact-title{font-size:clamp(20px,2.5vw,36px);letter-spacing:.15em;text-align:center;margin:0 0 .2em;text-shadow:0 0 8px rgba(255,255,255,.55)}.contact-field{display:flex;flex-direction:column;gap:1px}.contact-label{font-size:clamp(18px,2vw,26px);letter-spacing:.1em}.contact-input{background:#0000008c;border:1px solid #ffffff;border-radius:2px;color:#fff;font-family:Courier Prime,Courier New,monospace;font-size:clamp(14px,1.4vw,19px);padding:.55em .4em;outline:none;width:100%;box-sizing:border-box;caret-color:#fff}.contact-input:focus{box-shadow:0 0 6px #a8ff7873}.contact-textarea{resize:none;line-height:1.3;height:calc(3em * 1.3 * 1.1)}.contact-email-line{font-size:clamp(20px,2.1vw,40px);color:#000;margin:0}.contact-email-addr{color:#000;text-decoration:underline;cursor:pointer;-webkit-user-select:text;user-select:text}.contact-email-addr:hover{text-shadow:0 0 6px rgba(255,255,255,.7)}.contact-social{display:flex;align-items:center}.contact-linkedin{display:inline-flex;align-items:center;color:#000;text-decoration:none;opacity:.8;transition:opacity .15s}.contact-linkedin:hover{opacity:1}.contact-linkedin-icon{width:clamp(28px,3vw,40px);height:clamp(28px,3vw,40px)}.contact-turnstile{display:flex;justify-content:flex-start}.contact-btn{font-family:VT323,monospace;font-size:clamp(22px,2.4vw,32px);letter-spacing:.15em;color:#000;background:#a8ff78;border:none;border-radius:2px;padding:.25em 1.8em;cursor:pointer;align-self:center;transition:background .15s,box-shadow .15s}.contact-btn:hover:not(:disabled){background:#c8ffb0;box-shadow:0 0 10px #a8ff78a6}.contact-btn:disabled{opacity:.45;cursor:not-allowed}.contact-screen .contact-btn{margin-top:-10px}.contact-sent{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;color:#a8ff78;font-family:VT323,monospace;font-size:clamp(31px,3.9vw,47px);text-align:center;text-shadow:0 0 8px rgba(168,255,120,.55);padding:6%;box-sizing:border-box}.contact-error{color:#ff6b6b;font-family:VT323,monospace;font-size:clamp(26px,2.7vw,31px);text-align:center;margin:0}.mobile-nav{display:none}@media (max-width: 768px),(orientation: landscape) and (max-height: 500px){.scene-16x9,.cassette{display:none}.audio-toggle{display:flex}.scene-layer{object-fit:fill}.mobile-nav{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0;z-index:30;padding:.75rem;gap:.4rem;background:linear-gradient(transparent,#000000d9 40%)}.mobile-nav__btn{display:block;width:100%;padding:.55rem .75rem;background:#0000008c;border:1px solid rgba(255,255,255,.45);border-radius:3px;color:#fff;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-align:left;cursor:pointer;text-shadow:1px 1px 0 #000}.mobile-nav__btn:active{background:#ffffff26}.scene-layer--mobile-bg,.scene-layer--mobile-chaos{display:block;object-fit:cover}.mobile-darkness-tap{display:block;z-index:25}.mobile-hotspot{display:flex;z-index:25}.mobile-hotspot .hotspot__label{font-size:clamp(20px,5.5vw,28px)}.scene-layer--mobile-about-bg,.scene-layer--mobile-about-video,.scene-layer--mobile-contact-bg{display:block;object-fit:cover}.mobile-contact-screen{display:flex;align-items:stretch;justify-content:center;z-index:25}.contact-textarea{height:calc(6em * 1.3 * 1.1)}.mobile-contact-screen .contact-form{color:#000;justify-content:flex-start}.mobile-contact-screen .contact-email-line,.mobile-contact-screen .contact-email-addr,.mobile-contact-screen .contact-linkedin{color:#000}.mobile-channel-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:fixed;top:1rem;right:1rem;z-index:30;width:60px;height:60px;background:#111;border-top:2px solid #555;border-left:2px solid #444;border-bottom:2px solid #111;border-right:2px solid #111;border-radius:2px;cursor:pointer;padding:0;color:#fff;transition:color .1s,box-shadow .1s}.mobile-channel-btn__ch{font-family:VT323,monospace;font-size:26px;line-height:1;letter-spacing:.05em}.mobile-channel-btn__arrow{font-size:14px;line-height:1}.mobile-channel-btn--on{color:#a8ff78;box-shadow:0 0 10px #a8ff788c,0 0 22px #a8ff7833}.mobile-channel-btn:active{border-top:2px solid #111;border-left:2px solid #111;border-bottom:2px solid #555;border-right:2px solid #444}.shake,.fade-in{animation:none!important;filter:none!important;transform:none!important;opacity:1!important}}@media (orientation: landscape) and (max-height: 500px){.scene{top:calc((100vh - 100vw)/2);left:calc((100vw - 100vh)/2);right:auto;bottom:auto;width:100vh;height:100vw;transform:rotate(90deg)}}