@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;font-family:VT323,monospace;overflow:hidden;position:relative}.App,body{height:100vh}.App{width:100%}:root{--vhs-background-scan-duration:8s;--vhs-background-scan-paused-duration:5s;--vhs-static-flash-duration:1200ms;--vhs-lightning-strike-duration:2s;--vhs-scanline-move-duration:25s;--vhs-scanline-move-paused-duration:8s}.vhs-container{align-items:center;display:flex;flex-direction:column;font-family:VT323,monospace;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw;z-index:1}.vhs-container:before{animation:backgroundScan 8s linear infinite;animation:backgroundScan var(--vhs-background-scan-duration) linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0014 0,#00ff0014 4px),repeating-linear-gradient(90deg,#0000,#0000 1px,#ff00ff08 0,#ff00ff08 2px);filter:contrast(1.4) brightness(.4) saturate(.1) sepia(.6) hue-rotate(25deg) blur(.3px);mix-blend-mode:multiply;z-index:1}.vhs-container:after,.vhs-container:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.vhs-container:after{animation:backgroundDistortion 4s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff00001a,#0000 20%,#00ff000d 40%,#0000 60%,#0000ff14 80%,#0000);filter:contrast(2) brightness(.3) saturate(.05);mix-blend-mode:screen;z-index:2}.vhs-scramble{animation:scrambleMove 20s linear infinite,scramblePulse 5s infinite;background:repeating-linear-gradient(13deg,#80808005,rgba(96,96,96,.015) 3px,#a0a0a003 6px,#50505005 9px,#0000 12px,hsla(0,0%,56%,.015) 15px),repeating-linear-gradient(73deg,hsla(0,0%,75%,.008),rgba(64,64,64,.012) 2px,#0000 4px,#80808003 6px);mix-blend-mode:multiply;opacity:.15;z-index:3}.static-overlay{animation:staticFlicker 3s infinite,staticShift 8s infinite;background:repeating-linear-gradient(0deg,#ffffff08,#00000008 1px,#ffffff03 2px,#00000005 3px,#ffffff0a 4px,#00000003 5px),repeating-linear-gradient(90deg,#80808005,#40404008 1px,#c0c0c003 2px,#20202005 3px),repeating-linear-gradient(45deg,#ffffff03,#00000005 1px,#0000 2px,hsla(0,0%,50%,.015) 3px);mix-blend-mode:overlay;opacity:.4;z-index:4}.scan-lines{animation:scanlineMove 25s linear infinite;animation:scanlineMove var(--vhs-scanline-move-duration) linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0008 0,#00ff0008 4px);z-index:5}.tracking-lines{animation:trackingMove 25s linear infinite;background:repeating-linear-gradient(90deg,#0000,#0000 100px,#ffffff05 0,#ffffff05 101px);z-index:6}.static-flash{animation:staticNoise 1.2s ease-out;animation:staticNoise var(--vhs-static-flash-duration) ease-out;background:repeating-linear-gradient(0deg,#fff9,#000c 1px,#fff6 2px,#000000e6 3px,#ffffffb3 4px,#0009 5px),repeating-linear-gradient(0deg,#0000,#ffffffe6 1px,#0000 2px,#000000e6 3px,#0000 4px),repeating-linear-gradient(90deg,#0000,#ffffffe6 1px,#0000 2px,#000000e6 3px,#0000 4px),repeating-linear-gradient(45deg,#fff9,#0000 1px,#0009 2px,#0000 3px);height:100%;left:0;mix-blend-mode:screen;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.vhs-timestamp{align-items:center;background:#0009;border:1px solid #0000;border-radius:4px;color:red;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:8px;padding:8px 12px;position:absolute;right:20px;text-shadow:2px 2px 4px #000c;top:20px;transition:all .3s;z-index:100}.vhs-timestamp:hover{background:#000c;border:1px solid red;box-shadow:0 0 15px #f006;transform:scale(1.05)}.rec-dot{animation:recBlink 1.5s infinite;background:red;border-radius:50%;box-shadow:0 0 6px red;height:8px;width:8px}.vhs-text{text-wrap:wrap;text-wrap:balance;animation:textGlow 3s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:1px solid #00ff004d;border-radius:4px;box-shadow:0 0 20px #000c,0 0 10px #0f03;color:#0f0;filter:brightness(1.2) contrast(1.1);font-size:32px;letter-spacing:2px;max-width:800px;orphans:3;padding:20px 30px;position:relative;text-align:center;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0,2px 2px 0 #030;text-transform:uppercase;widows:3;z-index:10}.vhs-text.chromatic{animation:textGlow 3s ease-in-out infinite alternate,chromaticShift 6s infinite;filter:brightness(1.2) contrast(1.1) drop-shadow(1px 0 0 #ff0000) drop-shadow(-1px 0 0 #0000ff)}.vhs-text .line{display:block;margin-bottom:8px;opacity:0;position:relative;transition:opacity .2s ease-in;z-index:50}.vhs-text .line.typing:after{animation:cursorBlink 1s infinite;color:#0f0;content:"_";margin-left:2px}.cat-link,.vhs-link{background:none;border:none;color:inherit;cursor:pointer;display:inline;font:inherit;margin:0;padding:2px 4px;position:relative;text-decoration:underline;z-index:1000}.vhs-link{color:#0ff;-webkit-text-decoration-color:#0ff;text-decoration-color:#0ff;text-shadow:0 0 5px #0ff;transition:all .2s}.vhs-link:hover{color:#ff0;-webkit-text-decoration-color:#ff0;text-decoration-color:#ff0;text-shadow:0 0 10px #ff0;transform:scale(1.05)}.cat-link{color:#f0f;-webkit-text-decoration-color:#f0f;text-decoration-color:#f0f;text-shadow:0 0 5px #f0f;transition:all .2s}.cat-link:hover{color:#ff0;-webkit-text-decoration-color:#ff0;text-decoration-color:#ff0;text-shadow:0 0 10px #ff0;transform:scale(1.05)}.vhs-nav{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:1px solid #00ff004d;border-radius:4px;bottom:80px;box-shadow:0 0 20px #000c,0 0 10px #0f03;display:flex;flex-wrap:nowrap;font-family:VT323,monospace;gap:25px;justify-content:center;left:50%;min-height:80px;opacity:0;padding:20px 40px;position:absolute;transform:translateX(-50%) scale(0);transition:all .8s cubic-bezier(.68,-.55,.265,1.55);white-space:nowrap;z-index:1000}.vhs-nav.show{opacity:1;transform:translateX(-50%) scale(1)}.vhs-nav-item{align-items:center;animation:navSlideUp 1s cubic-bezier(.68,-.55,.265,1.55) forwards;background:#00ff001a;border:1px solid #0f0;box-shadow:0 0 10px #0f03;color:#0f0;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:VT323,monospace;font-size:16px;min-width:140px;opacity:0;padding:15px 25px;text-transform:uppercase;transform:translateY(50px) scale(.7);transition:all .2s}.vhs-nav-item:hover{background:#0f03;border-color:#ff0;box-shadow:0 0 15px #ffff004d;color:#ff0;transform:scale(1.05)}.vhs-nav-item.cat-nav{background:#ff00ff1a;border-color:#f0f;box-shadow:0 0 10px #f0f3;color:#f0f}.vhs-nav-item.cat-nav:hover{background:#f0f3;border-color:#ff0;box-shadow:0 0 15px #ffff004d;color:#ff0}.nav-label{font-size:18px;font-weight:700;line-height:1}.nav-desc{font-size:14px;line-height:1;margin-top:2px;opacity:.8}.control-buttons-left{left:20px}.control-buttons-left,.control-buttons-right{bottom:20px;display:flex;gap:10px;position:absolute;z-index:1000}.control-buttons-right{right:20px}.control-buttons-mobile-wrapper{display:none}.fast-forward-btn,.pause-btn,.photo-gallery-btn,.toggle-effects-btn{align-items:center;background:#ff03;border:1px solid #ff0;border-radius:4px;color:#ff0;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:16px;height:44px;justify-content:center;line-height:1;padding:10px 15px;transition:all .2s;white-space:nowrap}.pause-btn:hover,.toggle-effects-btn:hover{background:#ffff004d;box-shadow:0 0 15px #ffff004d}.photo-gallery-btn{background:#f0f3;border-color:#f0f;color:#f0f;gap:5px}.photo-gallery-btn:hover{background:#ff00ff4d;box-shadow:0 0 15px #ff00ff4d}.fast-forward-btn{background:#0ff3;border-color:#0ff;color:#0ff}.fast-forward-btn:hover{background:#00ffff4d;box-shadow:0 0 15px #00ffff4d}.contact-button{animation:buttonFadeIn .8s ease-out forwards;background:#0f03;border:2px solid #0f0;box-shadow:0 0 15px #00ff004d;color:#0f0;font-size:18px;padding:12px 24px;transform:translateY(20px);transition:all .3s;z-index:1000}.contact-button:hover{background:#00ff004d;box-shadow:0 0 25px #00ff0080;transform:translateY(18px) scale(1.05)}.eject-button{animation:ejectFadeIn .8s ease-out forwards;background:#f003;border:2px solid red;border-radius:4px;bottom:15px;box-shadow:0 0 10px #ff00004d;color:red;cursor:pointer;font-family:VT323,monospace;font-size:14px;opacity:0;padding:6px 12px;position:absolute;right:15px;text-transform:uppercase;transform:translateY(10px);transition:all .3s;z-index:1001}.eject-button:hover{background:#ff00004d;box-shadow:0 0 15px #ff000080;transform:translateY(8px) scale(1.05)}.reopen-icon{animation:reopenFadeIn .5s ease-out 1.2s forwards;background:#f009;border:2px solid red;border-radius:4px;box-shadow:0 0 20px #f006;color:red;cursor:pointer;font-family:VT323,monospace;font-size:14px;font-weight:700;opacity:0;padding:6px 12px;text-shadow:2px 2px 4px #000c;text-transform:uppercase;transition:all .3s}.reopen-icon:hover{background:#ff000080;box-shadow:0 0 25px #ff000080;transform:scale(1.1)}.top-button-container{display:flex;gap:10px;left:20px;position:absolute;top:20px;z-index:1002}.help-button{animation:helpFadeIn .8s ease-out .2s forwards;background:#ff03;border:2px solid #ff0;border-radius:4px;box-shadow:0 0 10px #ffff004d;color:#ff0;cursor:pointer;font-family:VT323,monospace;font-size:14px;opacity:0;padding:6px 12px;text-transform:uppercase;transform:translateY(-10px);transition:all .3s}.help-button:hover{background:#ffff004d;box-shadow:0 0 15px #ffff0080;transform:translateY(-2px) scale(1.05)}.help-button:active{transform:scale(.95)}.test-btn{background:#0f03;border:1px solid #0f0;border-radius:4px;bottom:20px;color:#0f0;cursor:pointer;font-family:VT323,monospace;padding:10px;position:absolute;right:20px;z-index:1000}.effects-reduced .scan-lines,.effects-reduced .static-overlay,.effects-reduced .static-text-overlay,.effects-reduced .tracking-lines,.effects-reduced .vhs-scramble{display:none!important}.effects-reduced .static-flash{animation:none!important;background:none!important}.effects-reduced .timestamp-display{filter:none!important;text-shadow:none!important}.dramatic-static{animation:dramaticStaticFlicker .05s infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" filter="url(%23dramatic-noise)" opacity=".95"/></svg>'),linear-gradient(45deg,#ffffff1a,#0ff3 25%,#f0f3 50%,#ffff001a 75%,#ffffff1a);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:15}.vhs-container.auto-ejecting .dramatic-static{opacity:1}.vhs-container.auto-ejecting .vhs-text{animation:lightningBlipSequence 3s ease-in-out forwards;position:relative}.vhs-container.auto-ejecting .vhs-text:after{animation:burnInAfterglowSequence 8s ease-out 2.5s forwards;background:radial-gradient(ellipse at center,#00ffff4d 0,#fff3 30%,#00ff0026 50%,#ff00ff1a 70%,#0000 100%);bottom:-10px;content:"";filter:blur(8px) brightness(1.5);left:-10px;opacity:0;pointer-events:none;position:absolute;right:-10px;top:-10px;z-index:-1}@keyframes dramaticStaticFlicker{0%{opacity:.9;transform:translateX(0) translateY(0) scale(1)}5%{opacity:0;transform:translateX(8px) translateY(-4px) scale(1.05)}10%{opacity:1;transform:translateX(-12px) translateY(6px) scale(.95)}15%{opacity:.2;transform:translateX(15px) translateY(-8px) scale(1.08)}20%{opacity:.95;transform:translateX(-20px) translateY(10px) scale(.92)}25%{opacity:0;transform:translateX(18px) translateY(-12px) scale(1.12)}30%{opacity:.8;transform:translateX(-25px) translateY(15px) scale(.88)}35%{opacity:.1;transform:translateX(30px) translateY(-18px) scale(1.15)}40%{opacity:.95;transform:translateX(-35px) translateY(20px) scale(.85)}45%{opacity:0;transform:translateX(40px) translateY(-25px) scale(1.2)}50%{opacity:.85;transform:translateX(-30px) translateY(15px) scale(.9)}55%{opacity:.3;transform:translateX(25px) translateY(-18px) scale(1.1)}60%{opacity:.9;transform:translateX(-20px) translateY(12px) scale(.95)}65%{opacity:.1;transform:translateX(15px) translateY(-10px) scale(1.05)}70%{opacity:.8;transform:translateX(-10px) translateY(8px) scale(.98)}75%{opacity:.4;transform:translateX(8px) translateY(-6px) scale(1.02)}80%{opacity:.9;transform:translateX(-6px) translateY(4px) scale(.99)}85%{opacity:.2;transform:translateX(4px) translateY(-3px) scale(1.01)}90%{opacity:.7;transform:translateX(-2px) translateY(2px) scale(1)}95%{opacity:.5;transform:translateX(1px) translateY(-1px) scale(1)}to{opacity:.6;transform:translateX(0) translateY(0) scale(1)}}@keyframes lightningBlipSequence{0%{filter:hue-rotate(0deg) contrast(1) brightness(1);text-shadow:0 0 0 #0000;transform:translate(0) scale(1) skew(0deg,0deg)}1%{filter:hue-rotate(0deg) contrast(8) brightness(10) saturate(3);text-shadow:0 0 20px #0ff,0 0 40px #fff,0 0 60px #0ff;transform:translate(0) scale(1) skew(15deg,-8deg)}2%{filter:hue-rotate(0deg) contrast(1) brightness(.1);text-shadow:0 0 0 #0000;transform:translate(0) scale(1) skew(-25deg,12deg)}3%{filter:hue-rotate(180deg) contrast(10) brightness(15) saturate(5);text-shadow:0 0 30px #f0f,0 0 50px #fff,0 0 80px #ff0;transform:translate(-50px,20px) scale(1.3) skew(45deg,-30deg)}4%{filter:hue-rotate(-90deg) contrast(1) brightness(.05);text-shadow:0 0 0 #0000;transform:translate(40px,-30px) scale(.7) skew(-60deg,40deg)}5%{filter:hue-rotate(270deg) contrast(12) brightness(20) saturate(8);text-shadow:0 0 40px #0f0,0 0 60px #fff,0 0 100px red;transform:translate(-35px,45px) scale(1.5) skew(75deg,-50deg)}8%{filter:hue-rotate(45deg) contrast(3) brightness(.3);text-shadow:0 0 10px #ff0;transform:translate(25px,-15px) scale(.8) skew(-35deg,20deg)}15%{filter:hue-rotate(-45deg) contrast(5) brightness(2);text-shadow:0 0 15px #f0f;transform:translate(-20px,10px) scale(1.1) skew(25deg,-15deg)}25%{filter:hue-rotate(135deg) contrast(2) brightness(.7);text-shadow:0 0 8px #0ff;transform:translate(15px,-25px) scale(.9) skew(-20deg,10deg)}35%{filter:hue-rotate(-135deg) contrast(4) brightness(1.5);text-shadow:0 0 12px #ff0;transform:translate(-10px,18px) scale(1.05) skew(15deg,-8deg)}50%{filter:hue-rotate(90deg) contrast(1.8) brightness(.8);text-shadow:0 0 6px #f0f;transform:translate(8px,-12px) scale(.95) skew(-10deg,5deg)}65%{filter:hue-rotate(-30deg) contrast(2.5) brightness(1.1);text-shadow:0 0 4px #0f0;transform:translate(-5px,8px) scale(1.02) skew(8deg,-4deg)}80%{filter:hue-rotate(15deg) contrast(1.3) brightness(.9);text-shadow:0 0 2px #ff0;transform:translate(3px,-4px) scale(.98) skew(-5deg,2deg)}95%{filter:hue-rotate(-15deg) contrast(1.3) brightness(.9);text-shadow:0 0 2px #f0f;transform:translate(-3px,4px) scale(.98) skew(-8deg,6deg)}to{filter:hue-rotate(-25deg) contrast(1.4) brightness(.85);text-shadow:0 0 3px #ff0;transform:translate(-5px,2px) scale(.96) skew(-12deg,8deg)}}.osaka-flash-overlay{align-items:center;animation:osakaOverlayBurnFade 15s ease-out;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;right:50px;top:0;width:350px;z-index:1000}.osaka-kanji{animation:osakaKanjiFlicker .15s infinite;color:red;font-size:6rem;font-weight:100;position:relative;text-shadow:0 0 15px red,0 0 30px red,0 0 45px red,0 0 60px #fff,2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}.osaka-kanji:after{animation:osakaBurnAfterimage 30s ease-out;color:#ff646466;content:"大阪";filter:blur(2px);left:0;position:absolute;text-shadow:0 0 20px #ff00004d,0 0 40px #ff646433;top:0;z-index:-1}@keyframes osakaOverlayBurnFade{0%{opacity:1;transform:translateX(0)}80%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(5px)}}.osaka-burn-overlay{align-items:center;animation:osakaBurnScreenFade 45s ease-out;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;right:50px;top:0;width:350px;z-index:999}.osaka-burn-kanji{color:#ff5050b3;filter:blur(1px);font-size:6rem;font-weight:100;position:relative;text-shadow:0 0 20px #f006,0 0 40px #ff50504d,0 0 60px #ff787833}@keyframes osakaBurnScreenFade{0%{filter:blur(1px);opacity:.85}10%{filter:blur(1.2px);opacity:.75}20%{filter:blur(1.5px);opacity:.65}30%{filter:blur(1.8px);opacity:.55}40%{filter:blur(2px);opacity:.48}50%{filter:blur(2.3px);opacity:.42}60%{filter:blur(2.6px);opacity:.35}70%{filter:blur(3px);opacity:.28}80%{filter:blur(3.5px);opacity:.2}90%{filter:blur(4px);opacity:.1}95%{filter:blur(4.5px);opacity:.05}to{filter:blur(5px);opacity:0}}.oh-no-message{animation:typewriterAppear 5s steps(8) forwards,ohNoFadeOut 25s ease-out 5s forwards;color:#0f0;left:20px;opacity:1;pointer-events:none;position:absolute;position:relative;text-shadow:0 0 8px #0f0,0 0 16px #0f0,0 0 24px #0a0,2px 2px 0 #000,-2px -2px 0 #000;top:20px;width:0;z-index:1001}.oh-no-message,.oh-no-message:after{font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-size:3rem;font-weight:700;overflow:hidden;white-space:nowrap}.oh-no-message:after{animation:ohNoBurnAfterimage 30s ease-out;color:#00ff6466;content:"oh no....";filter:blur(2px);left:0;opacity:0;position:absolute;text-shadow:0 0 12px #00ff004d,0 0 24px #00ff6433;top:0;width:8ch;z-index:-1}@keyframes typewriterAppear{0%{width:0}15%{width:1ch}30%{width:2ch}45%{width:3ch}60%{width:4ch}70%{width:5ch}80%{width:6ch}90%{width:7ch}to{width:8ch}}@keyframes ohNoFadeOut{0%{opacity:1}20%{opacity:.5}40%{opacity:.25}60%{opacity:.15}80%{opacity:.08}95%{opacity:.03}to{opacity:0}}@keyframes ohNoBurnAfterimage{0%{filter:blur(2px);opacity:0;transform:scale(1)}16%{filter:blur(3px);opacity:.7;transform:scale(1.05)}30%{filter:blur(4px);opacity:.35;transform:scale(1.03)}45%{filter:blur(5px);opacity:.25;transform:scale(1.02)}60%{filter:blur(6px);opacity:.18;transform:scale(1.01)}75%{filter:blur(7px);opacity:.12;transform:scale(1.005)}85%{filter:blur(8px);opacity:.08;transform:scale(1)}92%{filter:blur(9px);opacity:.05;transform:scale(1)}97%{filter:blur(9.5px);opacity:.03;transform:scale(1)}to{filter:blur(10px);opacity:0;transform:scale(1)}}@keyframes osakaKanjiFlicker{0%{filter:brightness(1.5) contrast(1.8) hue-rotate(0deg);opacity:1;transform:scale(1) skew(0deg,0deg) rotate(0deg)}10%{filter:brightness(.3) contrast(3) hue-rotate(20deg);opacity:.2;transform:scale(.98) skew(2deg,-1deg) rotate(-1deg)}15%{filter:brightness(2) contrast(1.5) hue-rotate(-10deg);opacity:1;transform:scale(1.05) skew(-1deg,2deg) rotate(1deg)}25%{filter:brightness(1.2) contrast(2.2) hue-rotate(15deg);opacity:.7;transform:scale(1.02) skew(1deg,-.5deg) rotate(.5deg)}35%{filter:brightness(.1) contrast(4) hue-rotate(-20deg);opacity:.1;transform:scale(.95) skew(-2deg,1deg) rotate(-.5deg)}40%{filter:brightness(2.5) contrast(1.2) hue-rotate(25deg);opacity:1;transform:scale(1.08) skew(1.5deg,-1.5deg) rotate(1.5deg)}55%{filter:brightness(.8) contrast(2.5) hue-rotate(5deg);opacity:.5;transform:scale(.99) skew(-.5deg,.5deg) rotate(-.8deg)}70%{filter:brightness(1.8) contrast(1.7) hue-rotate(-15deg);opacity:1;transform:scale(1.03) skew(.8deg,-1.2deg) rotate(.3deg)}85%{filter:brightness(.4) contrast(3.5) hue-rotate(30deg);opacity:.3;transform:scale(.97) skew(-1.5deg,.8deg) rotate(-1.2deg)}to{filter:brightness(1.5) contrast(1.8) hue-rotate(0deg);opacity:1;transform:scale(1) skew(0deg,0deg) rotate(0deg)}}@keyframes osakaBurnAfterimage{0%{filter:blur(2px);opacity:0;transform:scale(1)}20%{filter:blur(3px);opacity:.6;transform:scale(1.1)}50%{filter:blur(4px);opacity:.4;transform:scale(1.05)}80%{filter:blur(6px);opacity:.2;transform:scale(1.02)}to{filter:blur(8px);opacity:0;transform:scale(1)}}@keyframes burnInAfterglowSequence{0%{filter:blur(8px) brightness(1.5) hue-rotate(0deg);opacity:0;transform:scale(1)}5%{filter:blur(12px) brightness(2) hue-rotate(30deg);opacity:.6;transform:scale(1.05)}15%{filter:blur(15px) brightness(2.5) hue-rotate(60deg);opacity:.8;transform:scale(1.1)}25%{filter:blur(18px) brightness(2.2) hue-rotate(90deg);opacity:.7;transform:scale(1.08)}35%{filter:blur(20px) brightness(2) hue-rotate(120deg);opacity:.6;transform:scale(1.06)}50%{filter:blur(22px) brightness(1.8) hue-rotate(150deg);opacity:.5;transform:scale(1.04)}65%{filter:blur(25px) brightness(1.5) hue-rotate(180deg);opacity:.35;transform:scale(1.02)}80%{filter:blur(28px) brightness(1.2) hue-rotate(210deg);opacity:.2;transform:scale(1.01)}95%{filter:blur(30px) brightness(1) hue-rotate(240deg);opacity:.05;transform:scale(1)}to{filter:blur(32px) brightness(1) hue-rotate(270deg);opacity:0;transform:scale(1)}}.vhs-container.ejected .vhs-text{animation:slideTextToTopLeft 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.vhs-container.reopening .vhs-text{animation:slideTextToCenter 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.static-text-overlay{animation:pauseStaticFlicker .3s infinite,pauseStaticDrift 4s ease-in-out infinite;background:repeating-linear-gradient(0deg,#ffffff1a,#ffffff1a 1px,#0000001a 0,#0000001a 2px,#ffffff0d 0,#ffffff0d 3px,#0000000d 0,#0000000d 4px),repeating-linear-gradient(90deg,#0000,#ffffff08 1px,#0000 2px,#00000005 3px,#0000 4px),repeating-linear-gradient(27deg,#ffffff0a,#0000000f 1px,#80808008 2px,#4040400d 3px,#c0c0c005 4px,#0000 5px);mix-blend-mode:overlay;opacity:.6;z-index:800}.vhs-container.paused:before{animation:backgroundScan 5s linear infinite,lightningStrike 2s ease-in-out infinite;animation:backgroundScan var(--vhs-background-scan-paused-duration) linear infinite,lightningStrike var(--vhs-lightning-strike-duration) ease-in-out infinite}.vhs-container.paused .static-overlay{animation:staticFlicker .5s infinite,lightningFlash 3s ease-in-out infinite;opacity:.4}.vhs-container.paused .scan-lines{animation:scanlineMove 8s linear infinite,lightningGlitch 2.5s ease-in-out infinite;animation:scanlineMove var(--vhs-scanline-move-paused-duration) linear infinite,lightningGlitch 2.5s ease-in-out infinite}@keyframes staticShift{0%{filter:brightness(1) contrast(1);transform:translateX(0) translateY(0)}25%{filter:brightness(1.1) contrast(1.05);transform:translateX(1px) translateY(-.5px)}50%{filter:brightness(.95) contrast(1.1);transform:translateX(-.5px) translateY(1px)}75%{filter:brightness(1.05) contrast(.98);transform:translateX(-1px) translateY(-1px)}to{filter:brightness(1) contrast(1);transform:translateX(0) translateY(0)}}@keyframes scramblePulse{0%,to{opacity:.15}50%{opacity:.08}}@keyframes staticFlash{0%{opacity:.8}to{opacity:0}}@keyframes trackingMove{0%{transform:translateX(-100%)}to{transform:translateX(100vw)}}@keyframes scrambleMove{0%{filter:hue-rotate(0deg);transform:translate(0)}25%{filter:hue-rotate(90deg);transform:translate(1px,-.5px)}50%{filter:hue-rotate(180deg);transform:translate(-.5px,1px)}75%{filter:hue-rotate(270deg);transform:translate(-1px,-1px)}to{filter:hue-rotate(1turn);transform:translate(0)}}@keyframes chromaticShift{0%,to{filter:brightness(1.2) contrast(1.1) drop-shadow(0 0 0 #ff0000) drop-shadow(0 0 0 #0000ff)}33%{filter:brightness(1.2) contrast(1.1) drop-shadow(1.5px 0 0 #ff0000) drop-shadow(-.5px 0 0 #0000ff)}66%{filter:brightness(1.2) contrast(1.1) drop-shadow(-.5px 0 0 #ff0000) drop-shadow(1.5px 0 0 #0000ff)}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes backgroundScan{0%{filter:contrast(1.4) brightness(.4) saturate(.1) sepia(.6) hue-rotate(25deg) blur(.3px);transform:translateX(0)}15%{filter:contrast(2.2) brightness(.2) saturate(.05) sepia(.9) hue-rotate(180deg) blur(.8px);transform:translateX(-3px)}30%{filter:contrast(.8) brightness(.6) saturate(.3) sepia(.3) hue-rotate(-45deg) blur(.1px);transform:translateX(2px)}45%{filter:contrast(3) brightness(.1) saturate(.02) sepia(1) hue-rotate(270deg) blur(1.2px);transform:translateX(-1px)}60%{filter:contrast(1.8) brightness(.3) saturate(.08) sepia(.7) hue-rotate(90deg) blur(.5px);transform:translateX(1px)}80%{filter:contrast(2.5) brightness(.15) saturate(.03) sepia(.95) hue-rotate(315deg) blur(.9px);transform:translateX(-2px)}to{filter:contrast(1.4) brightness(.4) saturate(.1) sepia(.6) hue-rotate(25deg) blur(.3px);transform:translateX(0)}}@keyframes backgroundDistortion{0%{filter:contrast(2) brightness(.3) saturate(.05);transform:translateY(0) skewX(0deg)}25%{filter:contrast(2.8) brightness(.1) saturate(.02);transform:translateY(-2px) skewX(1deg)}50%{filter:contrast(1.5) brightness(.4) saturate(.08);transform:translateY(1px) skewX(-.5deg)}75%{filter:contrast(3.2) brightness(.08) saturate(.01);transform:translateY(-1px) skewX(.8deg)}to{filter:contrast(2) brightness(.3) saturate(.05);transform:translateY(0) skewX(0deg)}}@keyframes navFadeIn{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes navSlideUp{0%{opacity:0;transform:translateY(50px) scale(.7)}60%{opacity:.8;transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes navContainerExpand{0%{transform:translateX(-50%) scaleX(.8)}to{transform:translateX(-50%) scaleX(1)}}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ejectFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes reopenFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes helpFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideTextToTopLeft{0%{opacity:1;position:relative;transform:scale(1) translate(0)}80%{left:20px;opacity:1;position:fixed;top:20px;transform:scale(.3) translate(-120vw,-80vh);z-index:1003}to{left:20px;opacity:0;position:fixed;top:20px;transform:scale(.3) translate(-120vw,-80vh);visibility:hidden;z-index:1003}}@keyframes slideTextToCenter{0%{left:20px;opacity:0;position:fixed;top:20px;transform:scale(.3) translate(-120vw,-80vh);visibility:hidden;z-index:1003}20%{left:20px;opacity:1;position:fixed;top:20px;transform:scale(.3) translate(-120vw,-80vh);visibility:visible;z-index:1003}to{opacity:1;position:relative;transform:scale(1) translate(0);visibility:visible}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes lightningStrike{0%,85%,to{filter:contrast(1.4) brightness(.4) saturate(.1) sepia(.6) hue-rotate(25deg) blur(.3px)}90%,95%{filter:contrast(8) brightness(2) saturate(2) sepia(.1) hue-rotate(200deg) blur(.1px)}}@keyframes lightningFlash{0%,88%,to{opacity:.4}90%,92%,94%{opacity:.9}}@keyframes lightningGlitch{0%,87%,to{opacity:1;transform:translateY(0)}90%{opacity:.8;transform:translateY(-5px)}92%{opacity:1;transform:translateY(3px)}94%{opacity:.9;transform:translateY(-2px)}}@keyframes pauseStaticFlicker{0%,70%,to{filter:brightness(1) contrast(1);opacity:.6}75%{filter:brightness(1.3) contrast(1.4);opacity:.8}80%{filter:brightness(.7) contrast(.9);opacity:.4}85%{filter:brightness(1.5) contrast(1.6);opacity:.9}90%{filter:brightness(.8) contrast(1.1);opacity:.5}}@keyframes pauseStaticDrift{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(-1px) translateY(.5px)}50%{transform:translateX(.5px) translateY(-1px)}75%{transform:translateX(-.5px) translateY(.5px)}to{transform:translateX(0) translateY(0)}}@media (max-width:768px){.vhs-text{box-sizing:border-box;font-size:20px;margin:10px;max-width:calc(100vw - 20px);padding:12px 16px}.vhs-container.ejected .vhs-text{animation:hideTextOnMobile .5s ease-out forwards;opacity:0;visibility:hidden}.vhs-nav{bottom:100px;box-sizing:border-box;flex-wrap:wrap;gap:8px;justify-content:center;left:10px;margin:0;max-width:none;padding:12px 16px;right:10px;transform:none;width:calc(100vw - 20px)}.vhs-nav.show{opacity:1;transform:none}.vhs-nav-item{flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0;font-size:12px;margin-bottom:0;max-width:140px;min-width:100px;padding:10px 12px}.nav-label{font-size:14px}.nav-desc{font-size:10px}.vhs-timestamp{font-size:14px;padding:6px 10px;right:10px;top:10px}.rec-dot{height:6px;width:6px}.control-buttons-left{padding-right:1.5px;transform:translateX(-100%);width:auto}.control-buttons-left,.control-buttons-right{bottom:10px;flex-direction:row;gap:3px;left:50%;position:absolute}.control-buttons-right{display:flex;padding-left:1.5px;transform:translateX(0)}.fast-forward-btn,.pause-btn,.photo-gallery-btn,.toggle-effects-btn{font-size:10px;height:36px;line-height:1.1;min-width:65px;padding:8px 6px;text-align:center;white-space:normal}.top-button-container{gap:6px;left:10px;top:10px}.help-button{font-size:12px;padding:6px 10px}.contact-button{font-size:16px;margin-top:15px;padding:10px 20px}.eject-button{bottom:10px;right:10px}.eject-button,.reopen-icon{font-size:12px;padding:5px 10px}.osaka-burn-overlay,.osaka-flash-overlay{right:10px;width:200px}.osaka-burn-kanji,.osaka-kanji{font-size:4rem}.oh-no-message{font-size:2rem;left:10px;top:10px}}@media (max-width:480px){.vhs-text{font-size:18px;margin:8px;max-width:calc(100vw - 16px);padding:10px 12px}.vhs-nav{bottom:90px;flex-wrap:wrap;gap:6px;justify-content:center;left:8px;padding:10px 12px;right:8px;width:calc(100vw - 16px)}.vhs-nav-item{flex-basis:calc(50% - 3px);flex-grow:0;flex-shrink:0;font-size:11px;margin-bottom:0;max-width:120px;min-width:85px;padding:8px 10px}.nav-label{font-size:12px}.nav-desc{font-size:9px}.vhs-timestamp{font-size:12px;padding:5px 8px;right:8px;top:8px}.rec-dot{height:5px;width:5px}.control-buttons-left{bottom:8px;gap:2.5px;left:50%;padding-right:1.25px;transform:translateX(-100%)}.control-buttons-right{bottom:8px;display:flex;gap:2.5px;left:50%;padding-left:1.25px;position:absolute;transform:translateX(0)}.fast-forward-btn,.pause-btn,.photo-gallery-btn,.toggle-effects-btn{font-size:9px;height:32px;min-width:55px;padding:6px 4px}.top-button-container{gap:5px;left:8px;top:8px}.help-button{font-size:11px;padding:5px 8px}.contact-button{font-size:14px;margin-top:12px;padding:8px 16px}.eject-button{bottom:8px;right:8px}.eject-button,.reopen-icon{font-size:11px;padding:4px 8px}.osaka-burn-overlay,.osaka-flash-overlay{right:5px;width:150px}.osaka-burn-kanji,.osaka-kanji{font-size:3rem}.oh-no-message{font-size:1.5rem;left:8px;top:8px}}@keyframes hideTextOnMobile{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes recBlink{0%,50%{box-shadow:0 0 6px red;opacity:1}51%,to{box-shadow:0 0 2px red;opacity:.3}}.vhs-loading-container{align-items:center;background:linear-gradient(45deg,#012,#024,#013);display:flex;font-family:VT323,monospace;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.vhs-loading-text{color:#0f0;font-size:24px;letter-spacing:2px;text-align:center;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0;text-transform:uppercase}.loading-line{animation:loadingFlicker 2s infinite;margin-bottom:15px}.loading-line:nth-child(2){animation-delay:.5s}.loading-progress{background:#0f03;border:1px solid #0f0;height:4px;margin:20px auto 0;overflow:hidden;width:300px}.loading-bar{animation:loadingBar 1.5s linear infinite;background:linear-gradient(90deg,#0000,#0f0,#0000);height:100%}@keyframes loadingFlicker{0%,90%,to{opacity:1;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0}95%{opacity:.8;text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0}}@keyframes loadingBar{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.japanese-flash{animation:japaneseFlashFade 3s ease-in-out forwards;color:#0fa;display:inline-block;font-size:inherit;font-weight:400;left:50%;line-height:inherit;pointer-events:none;position:absolute;text-shadow:0 0 10px #0fa,0 0 20px #0fa;top:50%;transform:translate(-50%,-50%) scale(.72);white-space:nowrap;z-index:10}.japanese-flash+span{animation:englishFadeOut 3s ease-in-out forwards}@keyframes japaneseFlashFade{0%{opacity:0}15%{opacity:1}75%{opacity:1}90%{opacity:.5}to{opacity:0}}@keyframes englishFadeOut{0%{opacity:1}15%{opacity:0}75%{opacity:0}90%{opacity:.5}to{opacity:1}}.random-char-flash{animation:randomCharFlash 1.2s ease-in-out forwards;color:#f0f;display:inline-block;font-size:inherit;left:50%;line-height:inherit;pointer-events:none;position:absolute;text-shadow:0 0 8px #f0f,0 0 16px #f0f;top:50%;transform:translate(-50%,-50%) scale(.72);white-space:nowrap;z-index:10}.random-char-flash+span{animation:randomEnglishFadeOut 1.2s ease-in-out forwards}@keyframes randomCharFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}15%{opacity:1;transform:translate(-50%,calc(-50% - 1px)) scale(.72)}25%{opacity:.9;transform:translate(-50%,calc(-50% + 1px)) scale(.72)}40%{opacity:1;transform:translate(-50%,-50%) scale(.72)}70%{opacity:1;transform:translate(-50%,-50%) scale(.72)}85%{opacity:.4;transform:translate(-50%,calc(-50% - 1px)) scale(.72)}to{opacity:0;transform:translate(-50%,-50%) scale(.72)}}@keyframes randomEnglishFadeOut{0%{opacity:1}15%{opacity:0}70%{opacity:0}85%{opacity:.5}to{opacity:1}}.contact-modal{align-items:center;animation:modalFadeIn .3s ease-out;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.contact-modal-content{background:#000;border:2px solid #0f0;box-shadow:0 0 20px #0f0,inset 0 0 20px #00ff001a;font-family:VT323,monospace;max-height:80vh;max-width:500px;overflow:hidden;padding:0;position:relative;width:90%}.contact-modal-static{animation:modalStaticFlicker 3s infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" filter="url(%23contact-noise)" opacity=".05"/></svg>');opacity:.1;z-index:1}.contact-modal-scanlines,.contact-modal-static{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.contact-modal-scanlines{animation:modalScanlineMove 4s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0003 0,#00ff0003 4px);z-index:2}.contact-modal-close{background:none;border:none;color:red;cursor:pointer;font-family:inherit;font-size:28px;font-weight:700;position:absolute;right:15px;top:15px;transition:all .2s;z-index:10}.contact-modal-close:hover{color:#f66;transform:scale(1.2)}.contact-modal-header{align-items:center;background:#00ff001a;border-bottom:1px solid #0f0;display:flex;justify-content:space-between;padding:15px 60px 15px 15px;position:relative;z-index:5}.contact-title{color:#0f0;font-size:24px;font-weight:700;text-transform:uppercase}.contact-modal-timestamp{background:#0009;border-radius:3px;color:red;font-size:24px;padding:5px 10px}.contact-modal-body{background:#000;padding:20px;position:relative;z-index:5}.contact-form{gap:15px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{color:#0f0;font-size:24px;text-transform:uppercase}.form-group input,.form-group textarea{background:#00ff000d;border:1px solid #0f0;border-radius:4px;color:#0f0;font-family:VT323,monospace;font-size:24px;outline:none;padding:10px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{background:#00ff001a;border-color:#0ff;box-shadow:0 0 10px #00ff004d}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.5}.form-group input.error,.form-group textarea.error{background:#ff00000d;border-color:red;box-shadow:0 0 10px #ff00004d}.validation-error{color:red;font-family:VT323,monospace;font-size:24px;margin-top:5px;text-transform:uppercase}.form-group textarea{min-height:80px;resize:vertical}.contact-submit{background:#00ff001a;border:2px solid #0f0;border-radius:4px;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:24px;margin-top:10px;padding:12px 20px;text-transform:uppercase;transition:all .2s}.contact-submit:hover:not(:disabled){background:#0f03;box-shadow:0 0 15px #0f06;transform:scale(1.02)}.contact-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.contact-success{padding:20px;text-align:center}.success-message{animation:textGlow 2s ease-in-out infinite alternate;color:#0f0;font-size:24px;margin-bottom:10px;text-transform:uppercase}.success-subtitle{color:#0ff;font-size:24px}.contact-error{background:#ff00001a;border:1px solid red;border-radius:4px;color:red;margin-top:10px;padding:10px;text-align:center}.contact-button,.contact-error{font-size:24px;text-transform:uppercase}.contact-button{animation:contactButtonSlideUp 1s cubic-bezier(.68,-.55,.265,1.55) forwards;background:#ffff001a;border:2px solid #ff0;border-radius:4px;box-shadow:0 0 10px #ff03;color:#ff0;cursor:pointer;font-family:VT323,monospace;margin-top:20px;opacity:0;padding:10px 20px;transform:translateY(30px) scale(.9);transition:all .2s}.contact-button:hover{background:#ff03;box-shadow:0 0 20px #ff06;transform:scale(1.05)}@keyframes contactButtonSlideUp{0%{opacity:0;transform:translateY(30px) scale(.7)}60%{opacity:.8;transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.contact-modal-content{max-height:90vh;max-width:none;width:95%}.contact-modal-close{font-size:24px;right:10px;top:10px}.contact-modal-header{padding:12px 50px 12px 12px}.contact-title{font-size:20px}.contact-modal-timestamp{font-size:18px;padding:4px 8px}.contact-modal-body{padding:15px}.form-group label{font-size:18px}.form-group input,.form-group textarea{font-size:18px;padding:8px}.contact-submit{font-size:18px;padding:10px 16px}.contact-error,.success-message,.success-subtitle,.validation-error{font-size:18px}}@media (max-width:480px){.contact-modal-content{width:98%}.contact-modal-close{font-size:20px;right:8px;top:8px}.contact-modal-header{padding:10px 45px 10px 10px}.contact-title{font-size:18px}.contact-modal-timestamp{font-size:16px;padding:3px 6px}.contact-modal-body{padding:12px}.form-group label{font-size:16px}.form-group input,.form-group textarea{font-size:16px;padding:6px}.contact-submit{font-size:16px;padding:8px 12px}.contact-error,.success-message,.success-subtitle,.validation-error{font-size:16px}}.recording-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.recording-modal-content{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#012,#024,#013);border:2px solid red;border-radius:8px;box-shadow:0 0 30px #ff00004d,inset 0 0 20px #00000080;font-family:VT323,monospace;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.recording-modal-header{align-items:center;background:#ff00001a;border-bottom:1px solid red;display:flex;justify-content:space-between;padding:15px 20px}.rec-indicator{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px}.rec-dot-large{animation:recBlink 1.5s infinite;background:red;border-radius:50%;box-shadow:0 0 8px red;height:12px;width:12px}.recording-modal-close{align-items:center;background:none;border:1px solid red;border-radius:4px;color:red;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:18px;height:30px;justify-content:center;transition:all .2s;width:30px}.recording-modal-close:hover{background:#f003;box-shadow:0 0 10px #ff00004d}.recording-modal-body{padding:20px}.recording-info h3{color:red;font-size:24px;margin:0 0 15px;text-align:center;text-transform:uppercase}.recording-info p{color:#0f0;font-size:16px;line-height:1.4;margin:10px 0}.vhs-details{background:#00ff000d;border:1px solid #0f0;border-radius:4px;margin-top:20px;padding:15px}.detail-line{display:flex;font-size:14px;justify-content:space-between;margin:8px 0}.detail-line .label{color:#0ff}.detail-line .value{color:#ff0;font-weight:700}.recording-modal-footer{background:#ff00001a;border-top:1px solid red;padding:15px 20px;text-align:center}.recording-modal-ok{background:#0f03;border:2px solid #0f0;border-radius:4px;box-shadow:0 0 10px #0f03;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:16px;padding:10px 20px;text-transform:uppercase;transition:all .3s}.recording-modal-ok:hover{background:#00ff004d;box-shadow:0 0 15px #0f06;transform:scale(1.05)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.recording-modal-content{margin:20px;width:95%}.recording-info h3{font-size:20px}.recording-info p{font-size:14px}.detail-line{font-size:12px}}.help-content{color:#0f0;line-height:1.4;max-height:60vh;overflow-y:auto;padding:15px;position:relative;z-index:2}.help-content h3{border-bottom:1px solid #0f0;color:#0f0;font-size:24px;font-weight:700;letter-spacing:1px;margin:15px 0 10px;padding-bottom:5px;text-transform:uppercase}.help-content h3:first-child{margin-top:0}.help-content ul{list-style:none;margin:0 0 15px;padding:0}.help-content li{background:#00ff0008;border-left:2px solid #0f0;margin-bottom:8px;padding:5px 0 5px 15px}.help-content strong{color:#8f8;font-weight:700}.help-content p{background:#00ff000d;border:1px solid #0f0;font-style:italic;margin:15px 0;padding:10px;text-align:center}.help-content em{color:#6f6}.help-content::-webkit-scrollbar{width:8px}.help-content::-webkit-scrollbar-track{background:#0000004d;border:1px solid #0f0}.help-content::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.help-content::-webkit-scrollbar-thumb:hover{background:#8f8}.help-cta-section{border-top:2px solid #0f0;margin-top:20px;padding-top:15px;text-align:center}.help-about-cta{animation:ctaPulse 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#0f0,#8f8);border:3px solid #0f0;border-radius:8px;box-shadow:0 0 20px #00ff0080,inset 0 0 10px #00ff001a;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:22px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.help-about-cta:hover{background:linear-gradient(45deg,#8f8,#afa);box-shadow:0 0 30px #00ff00b3,inset 0 0 15px #0f03;transform:scale(1.05)}.help-about-cta:active{transform:scale(.98)}@keyframes ctaPulse{0%{box-shadow:0 0 20px #00ff0080,inset 0 0 10px #00ff001a}to{box-shadow:0 0 25px #00ff00b3,inset 0 0 15px #0f03}}.about-modal-backdrop{align-items:center;animation:modalFadeIn .4s ease-out;background-color:#000000f2;display:flex;height:100%;justify-content:center;left:0;padding:2vh;position:fixed;top:0;width:100%;z-index:9999}.about-modal-content{background:#000;border:3px solid #0f0;box-shadow:0 0 30px #0f0,inset 0 0 30px #00ff001a;display:flex;flex-direction:column;font-family:VT323,monospace;height:80vh;max-height:800px;max-width:1200px;overflow:hidden;position:relative;width:80vw}.about-modal-static{animation:modalStaticFlicker 4s infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" filter="url(%23about-noise)" opacity=".03"/></svg>');opacity:.1}.about-modal-scanlines,.about-modal-static{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.about-modal-scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0008 0,#00ff0008 4px)}.about-modal-close{align-items:center;background:#0000;border:2px solid #0f0;color:#0f0;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:24px;font-weight:700;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s;width:35px;z-index:3}.about-modal-close:hover{background:#0f03;box-shadow:0 0 10px #00ff0080;transform:scale(1.1)}.about-modal-header{background:#00ff000d;border-bottom:2px solid #0f0;padding:25px 30px 15px;position:relative;z-index:2}.about-title{animation:titleGlow 3s ease-in-out infinite alternate;color:#0f0;font-size:32px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.about-subtitle{color:#8f8;font-size:24px;font-style:italic;margin-top:8px;opacity:.9}.about-modal-body{flex:1 1;overflow-y:auto;padding:0;position:relative;z-index:2}.blog-content{color:#0f0;font-size:22px;line-height:1.6;padding:30px}.blog-content h2{border-left:4px solid #0f0;color:#8f8;font-size:24px;font-weight:700;letter-spacing:1px;margin:25px 0 15px;padding-left:15px;text-transform:uppercase}.blog-content h2:first-child{margin-top:0}.blog-content p{margin:0 0 20px;text-align:justify}.blog-content p:last-of-type{margin-bottom:30px}.closing-note{background:#00ff000d;border:1px solid #0f0;border-radius:8px;color:#afa;font-style:italic;margin:30px 0!important;padding:20px;text-align:center}.signature{align-items:flex-end;border-top:1px solid #0f0;display:flex;flex-direction:column;gap:5px;margin-top:40px;padding-top:20px;text-align:right}.signature span:first-child{color:#8f8;font-size:24px;font-weight:700}.signature .date{color:#6f6;font-size:24px;opacity:.8}.about-modal-body::-webkit-scrollbar{width:12px}.about-modal-body::-webkit-scrollbar-track{background:#0000004d;border:1px solid #0f0}.about-modal-body::-webkit-scrollbar-thumb{background:#0f0;border-radius:6px}.about-modal-body::-webkit-scrollbar-thumb:hover{background:#8f8}.blog-content blockquote,.claude-pop{background:#00ff0014;border-left:3px solid #0f0;border-radius:4px;box-shadow:inset 0 0 10px #00ff001a;font-style:italic;margin:15px 0;padding:15px}.blog-content blockquote p{margin:0}.blog-content hr{border:none;border-top:1px solid #0f0;margin:30px 0}.blog-content em{color:#afa}.blog-content strong{color:#8f8}.blog-content .plain-bold{color:#fff;font-size:inherit;font-weight:700;letter-spacing:.5px;text-shadow:none}.escapism-link{background:none;border:none;color:red;cursor:pointer;font-family:inherit;font-size:inherit;font-style:italic;margin:0;padding:0;position:relative;text-decoration:underline;-webkit-text-decoration-color:red;text-decoration-color:red;transition:all .3s ease}.escapism-link:hover{animation:escapismGlow 1s ease-in-out infinite alternate;color:#f66;text-shadow:0 0 8px #f009}.escapism-link:active{transform:scale(.98)}@keyframes escapismGlow{0%{text-shadow:0 0 8px #f009}to{text-shadow:0 0 15px #ff0000e6,0 0 25px #f006}}@keyframes titleGlow{0%{opacity:.8}to{opacity:1}}@media (max-width:768px){.about-modal-content{height:90vh;width:95vw}.about-subtitle,.about-title{font-size:24px}.blog-content{font-size:20px;padding:20px}.blog-content h2{font-size:24px}}.video-modal-backdrop{align-items:center;animation:modalFadeIn .4s ease-out;background-color:#000000fa;display:flex;height:100%;justify-content:center;left:0;padding:2vh;position:fixed;top:0;width:100%;z-index:9999}.video-modal-content{background:#000;border:3px solid red;box-shadow:0 0 30px red,inset 0 0 30px #ff00001a;display:flex;flex-direction:column;font-family:VT323,monospace;height:85vh;max-height:900px;max-width:1400px;overflow:hidden;position:relative;width:90vw}.video-modal-static{animation:modalStaticFlicker 3s infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" filter="url(%23video-noise)" opacity=".02"/></svg>');opacity:.1}.video-modal-scanlines,.video-modal-static{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.video-modal-scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff000005 0,#ff000005 4px)}.video-modal-close{align-items:center;background:#000000e6;border:2px solid red;border-radius:4px;box-shadow:0 0 15px #000000e6,0 0 5px #ff000080;color:red;cursor:pointer;display:flex;flex-shrink:0;font-family:VT323,monospace;font-size:28px;font-weight:700;height:40px;justify-content:center;transition:all .3s;width:40px}.video-modal-close:hover{background:#f003;box-shadow:0 0 10px #ff000080;transform:scale(1.1)}.video-modal-header{align-items:center;background:#ff00000d;border-bottom:2px solid red;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px 25px;position:relative;z-index:2}.vhs-player-controls{align-items:center;color:red;display:flex;flex:1 1;font-size:16px;gap:15px;min-width:0}.vhs-label{color:#000;font-size:14px;padding:2px 8px}.tape-counter{background:#000;border:1px solid red;color:red;font-family:Courier New,monospace;padding:2px 8px}.vhs-indicators{display:flex;gap:8px}.play-indicator{animation:blink 1.5s infinite;color:#0f0}.rec-indicator{animation:blink 2s infinite;color:red}.video-title{color:red;flex-shrink:0;font-size:24px;font-weight:700;letter-spacing:1px;margin:0;text-align:right;text-transform:uppercase}.video-modal-body{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:20px;position:relative;z-index:2}.video-container{background:#000;border:2px solid #333;flex:1 1;overflow:hidden;position:relative}.video-iframe{background:#000;height:100%;width:100%}.vhs-controls-panel{align-items:center;background:#ff00000d;border:1px solid red;border-radius:4px;display:flex;justify-content:space-between;padding:15px}.control-group{display:flex;gap:10px}.vhs-control-btn{align-items:center;background:#ff00001a;border:1px solid red;border-radius:2px;color:red;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:18px;height:40px;justify-content:center;line-height:1;min-width:44px;padding:0;transition:all .2s}.vhs-control-btn:hover{background:#f003;box-shadow:0 0 8px #ff00004d}.volume-control{align-items:center;color:red;display:flex;font-size:14px;gap:8px}.volume-bars{display:flex;gap:2px}.volume-bar{background:#333;border:1px solid red;height:12px;width:4px}.volume-bar.active{background:red;box-shadow:0 0 4px #ff000080}.video-modal-footer{background:#000c;border-top:1px solid red;padding:15px 25px;position:relative;z-index:2}.tape-info{color:red}.tape-label{background:#ff00001a;border:1px solid red;padding:2px 8px}.tape-date,.tape-label{font-family:Courier New,monospace}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width:768px){.video-modal-content{height:90vh;width:95vw}.video-modal-header{flex-direction:column;gap:10px;text-align:center}.video-title{font-size:18px}.vhs-controls-panel{flex-direction:column;gap:10px}.tape-info{flex-direction:column;gap:5px;text-align:center}}.photo-gallery-modal{align-items:center;animation:fadeIn .3s ease-out;background:#000000e6;display:flex;font-family:VT323,monospace;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.photo-gallery-content{background:#0a0a14f2;border:2px solid #0f0;border-radius:8px;box-shadow:0 0 30px #00ff004d,inset 0 0 50px #00000080;display:flex;flex-direction:column;height:85vh;max-width:1400px;overflow:hidden;position:relative;width:90vw}.photo-gallery-static{animation:staticFlicker 3s infinite;background:repeating-linear-gradient(0deg,#ffffff05,#00000005 1px,#ffffff03 2px,#00000003 3px);mix-blend-mode:overlay;opacity:.4}.photo-gallery-scanlines,.photo-gallery-static{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.photo-gallery-scanlines{animation:scanlineMove 20s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0005 0,#00ff0005 4px)}.photo-gallery-header{align-items:center;background:#0009;border-bottom:1px solid #00ff004d;display:flex;justify-content:space-between;padding:15px 25px;position:relative;z-index:2}.gallery-title{align-items:center;color:#0f0;display:flex;font-size:16px;gap:15px}.vhs-label{background:red;border-radius:2px;color:#fff;font-weight:700;padding:4px 8px;text-shadow:none}.gallery-counter{font-size:18px;text-shadow:0 0 5px #0f0}.gallery-heading{color:#0f0;font-size:28px;left:50%;letter-spacing:3px;margin:0;position:absolute;text-shadow:0 0 10px #0f0,0 0 20px #0f0;transform:translateX(-50%)}.photo-gallery-close{align-items:center;background:#f003;border:2px solid red;border-radius:4px;color:red;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:32px;height:40px;justify-content:center;line-height:1;padding:0;text-shadow:0 0 5px red;transition:all .2s;width:40px;z-index:2}.photo-gallery-close:hover{background:#f006;box-shadow:0 0 15px #ff000080;transform:scale(1.1)}.photo-gallery-grid{grid-gap:2rem;display:grid;flex:1 1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-x:hidden;overflow-y:auto;padding:2rem;position:relative;z-index:2}.photo-gallery-grid::-webkit-scrollbar{width:12px}.photo-gallery-grid::-webkit-scrollbar-track{background:#00000080;border:1px solid #0f03}.photo-gallery-grid::-webkit-scrollbar-thumb{background:#00ff004d;border:1px solid #0f0;border-radius:2px}.photo-gallery-grid::-webkit-scrollbar-thumb:hover{background:#00ff0080}.photo-gallery-item{background:#00000080;border:2px solid #00ff004d;border-radius:4px;box-sizing:border-box;cursor:pointer;height:0;overflow:hidden;padding-bottom:66.67%;position:relative;transition:all .3s;width:100%}.photo-gallery-item:hover{border-color:#0f0;box-shadow:0 0 20px #0f06;transform:scale(1.02);z-index:10}.photo-gallery-item img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:all .3s;width:100%}.photo-gallery-item:hover img{filter:brightness(1.1) contrast(1.1)}.photo-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;opacity:0;padding:10px;position:absolute;right:0;transition:opacity .3s}.photo-gallery-item:hover .photo-overlay{opacity:1}.photo-number{color:#0f0;font-size:16px;text-shadow:0 0 5px #0f0}.photo-detail-view{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:20px;justify-content:space-between;padding:20px;position:relative;z-index:2}.photo-detail-content{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-height:100%;max-width:100%}.photo-detail-image{border:2px solid #0f0;border-radius:4px;box-shadow:0 0 30px #00ff004d;max-height:calc(100% - 60px);max-width:100%;object-fit:contain}.photo-detail-info{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:20px}.photo-detail-counter{color:#0f0;font-size:20px;font-weight:700;text-shadow:0 0 10px #0f0}.photo-detail-hint{animation:hintPulse 2s infinite;background:#000000b3;border:1px solid #00ff004d;border-radius:4px;font-size:14px;padding:8px 16px}.photo-detail-hint,.photo-nav-btn{color:#0f0;text-shadow:0 0 10px #0f0}.photo-nav-btn{align-items:center;align-self:center;background:#0f03;border:2px solid #0f0;border-radius:50%;box-shadow:0 0 15px #00ff004d;cursor:pointer;display:flex;flex-shrink:0;font-family:VT323,monospace;font-size:48px;height:60px;justify-content:center;line-height:1;padding-bottom:.5rem;transition:all .3s;width:60px}.photo-nav-btn:hover:not(:disabled){background:#00ff004d;box-shadow:0 0 25px #00ff0080;transform:scale(1.1)}.photo-nav-btn:disabled{border-color:#00ff004d;color:#00ff004d;cursor:not-allowed}@keyframes hintPulse{0%,to{opacity:.7}50%{opacity:1}}.photo-gallery-footer{background:#0009;border-top:1px solid #00ff004d;padding:15px 25px;position:relative;z-index:2}.tape-info{align-items:center;color:#0f0;display:flex;font-size:14px;justify-content:space-between;text-shadow:0 0 5px #0f0}.tape-label{letter-spacing:1px}.tape-date{opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes staticFlicker{0%,85%,to{opacity:.4}90%{opacity:.6}95%{opacity:.3}}@keyframes scanlineMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (max-width:768px){.photo-gallery-content{height:90vh;width:95vw}.photo-gallery-grid{grid-gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:1.5rem}.gallery-heading{font-size:20px}.gallery-title{font-size:14px}.photo-detail-hint{bottom:20px;font-size:14px}}@media (max-width:480px){.photo-gallery-grid{grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:1rem}.gallery-heading{display:none}.photo-gallery-header{padding:10px 15px}}.background-manager{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;transition:background-image .1s ease-in-out;width:100%;z-index:0}:root{--vhs-scanlines-duration:25s;--vhs-static-flicker-duration:2s;--vhs-tracking-duration:8s;--vhs-static-noise-duration:1s}.vhs-scramble{background:repeating-linear-gradient(90deg,#0000,#0000 98px,#ffffff08 100px);z-index:10}.static-overlay,.vhs-scramble{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.static-overlay{animation:static-flicker 2s linear infinite alternate;animation:static-flicker var(--vhs-static-flicker-duration) infinite linear alternate;background:radial-gradient(circle,#0000 20%,#ffffff0d 70%),repeating-linear-gradient(0deg,#0000,#00ffff05 1px,#0000 2px);opacity:.6;z-index:8}.scan-lines{animation:scanlines 25s linear infinite;animation:scanlines var(--vhs-scanlines-duration) linear infinite;background:repeating-linear-gradient(0deg,#0000,#ffffff0d 1px,#0000 3px);z-index:9}.scan-lines,.tracking-lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.tracking-lines{animation:tracking 8s ease-in-out infinite;animation:tracking var(--vhs-tracking-duration) ease-in-out infinite;background:repeating-linear-gradient(90deg,#0000,#ff00ff05 1px,#0000 3px);z-index:7}.static-text-overlay{animation:static-noise 1s infinite;animation:static-noise var(--vhs-static-noise-duration) infinite;background:#ffffff08;z-index:15}.pre-chaos-tracking,.static-text-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.pre-chaos-tracking{animation:preChaosTracking 5s ease-in;background:repeating-linear-gradient(90deg,#0000,#f0f6 2px,#0000 4px),repeating-linear-gradient(0deg,#0000,#00ffff4d 2px,#0000 5px),repeating-linear-gradient(45deg,#0000,#ff03 1px,#0000 3px);filter:blur(.5px);opacity:0;z-index:20}@keyframes static-flicker{0%{opacity:.6}to{opacity:.8}}@keyframes scanlines{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes tracking{0%,to{transform:translateX(0)}50%{transform:translateX(2px)}}@keyframes static-noise{0%{opacity:.1;transform:translateX(0)}50%{opacity:.05;transform:translateX(1px)}to{opacity:.1;transform:translateX(0)}}@keyframes preChaosTracking{0%{filter:blur(0);opacity:0;transform:translateX(0) translateY(0) scaleX(1)}10%{filter:blur(.5px);opacity:.5;transform:translateX(8px) translateY(3px) scaleX(1.02)}20%{filter:blur(1px);opacity:.4;transform:translateX(-12px) translateY(-5px) scaleX(.98)}30%{filter:blur(.8px);opacity:.7;transform:translateX(15px) translateY(7px) scaleX(1.04)}40%{filter:blur(1.2px);opacity:.6;transform:translateX(-18px) translateY(-9px) scaleX(.96)}50%{filter:blur(1px);opacity:.8;transform:translateX(22px) translateY(11px) scaleX(1.06)}60%{filter:blur(1.5px);opacity:.7;transform:translateX(-25px) translateY(-13px) scaleX(.94)}70%{filter:blur(1.3px);opacity:.9;transform:translateX(28px) translateY(15px) scaleX(1.08)}80%{filter:blur(2px);opacity:.85;transform:translateX(-30px) translateY(-17px) scaleX(.92)}90%{filter:blur(1.8px);opacity:1;transform:translateX(35px) translateY(20px) scaleX(1.1)}to{filter:blur(2.5px);opacity:1;transform:translateX(-40px) translateY(-25px) scaleX(.9)}}.cat-modal{align-items:center;animation:modalFadeIn .3s ease-out;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.cat-modal-content{background:#000;border:2px solid #0f0;box-shadow:0 0 20px #0f0,inset 0 0 20px #00ff001a;font-family:VT323,monospace;max-height:80vh;max-width:600px;overflow:hidden;padding:0;position:relative;width:80%}.cat-modal-static{animation:modalStaticFlicker 3s infinite;background:repeating-linear-gradient(45deg,#ffffff03,rgba(0,0,0,.015) 1px,hsla(0,0%,50%,.008) 2px,#0000 3px),repeating-linear-gradient(-45deg,hsla(0,0%,75%,.005),#40404003 1px,#0000 2px);opacity:.1;z-index:1}.cat-modal-scanlines,.cat-modal-static{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cat-modal-scanlines{animation:modalScanlineMove 4s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0003 0,#00ff0003 4px);z-index:2}.cat-modal-close{background:none;border:none;color:red;cursor:pointer;font-family:inherit;font-size:28px;font-weight:700;position:absolute;right:15px;top:15px;transition:all .2s;z-index:10}.cat-modal-close:hover{color:#f66;transform:scale(1.2)}.cat-modal-header{align-items:center;background:#00ff001a;border-bottom:1px solid #0f0;display:flex;justify-content:space-between;padding:15px 60px 15px 15px;position:relative;z-index:5}.cat-name{color:#0f0;font-size:24px;font-weight:700;text-transform:uppercase}.cat-modal-timestamp{background:#0009;border-radius:3px;color:red;font-size:16px;padding:5px 10px}.cat-modal-body{background:#000;padding:20px;position:relative;text-align:center;z-index:5}.cat-modal-body img{border:1px solid #0f0;box-shadow:0 0 15px #00ff004d;filter:contrast(1.1) brightness(.9) saturate(1.2) sepia(.1);max-height:60vh;max-width:100%;object-fit:contain}@keyframes modalScanlineMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.osaka-modal-backdrop{align-items:center;animation:modalFadeIn .4s ease-out;background-color:#000000f2;display:flex;height:100%;justify-content:center;left:0;padding:2vh;position:fixed;top:0;width:100%;z-index:10000}.osaka-modal-content{background:#000;border:3px solid red;box-shadow:0 0 30px red,inset 0 0 30px #ff00001a;display:flex;flex-direction:column;font-family:VT323,monospace;max-height:80vh;max-width:900px;overflow:hidden;position:relative;width:70vw}.osaka-modal-static{animation:modalStaticFlicker 4s infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" filter="url(%23osaka-noise)" opacity=".03"/></svg>');opacity:.1}.osaka-modal-scanlines,.osaka-modal-static{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.osaka-modal-scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff000008 0,#ff000008 4px)}.osaka-modal-close{align-items:center;background:#0000;border:2px solid red;color:red;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:24px;font-weight:700;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s;width:35px;z-index:3}.osaka-modal-close:hover{background:#f003;box-shadow:0 0 10px #ff000080;transform:scale(1.1)}.osaka-modal-header{background:#ff00000d;border-bottom:2px solid red;padding:25px 30px 15px;position:relative;text-align:center;z-index:2}.osaka-modal-title{animation:osakaGlow 2s ease-in-out infinite alternate;color:red;font-size:64px;font-weight:700;letter-spacing:8px;margin:0;text-shadow:0 0 10px red,0 0 20px red,0 0 30px red}.osaka-modal-subtitle{color:#faa;font-size:28px;letter-spacing:4px;margin:5px 0 0;opacity:.9}.osaka-modal-body{flex:1 1;overflow-y:auto;padding:0;position:relative;z-index:2}.osaka-content{color:#f66;font-size:22px;line-height:1.6;padding:30px}.osaka-content h2{border-left:4px solid red;color:#f88;font-size:28px;font-weight:700;letter-spacing:2px;margin:25px 0 15px;padding-left:15px;text-transform:uppercase}.osaka-content h3{color:#faa;font-size:24px;letter-spacing:1px;margin:15px 0 10px;text-transform:uppercase}.osaka-content h2:first-child{margin-top:0}.osaka-content p{margin:0 0 20px;text-align:justify}.osaka-intro{background:#ff00000d;border-left:3px solid red;border-radius:4px;color:#faa;font-size:24px;font-style:italic;margin-bottom:30px!important;padding:15px}.osaka-technical{background:#ff000014;border:1px solid red;border-radius:8px;margin:25px 0;padding:20px}.osaka-technical h3{margin-top:0}.osaka-technical ul{list-style-type:none;margin:15px 0 0;padding-left:30px}.osaka-technical li{margin-bottom:10px;padding-left:20px;position:relative}.osaka-technical li:before{color:red;content:"▸";font-size:18px;left:0;position:absolute}.osaka-footer{border-top:1px solid red;color:#f88;font-size:20px;margin-top:30px!important;padding-top:20px;text-align:center}.osaka-modal-body::-webkit-scrollbar{width:12px}.osaka-modal-body::-webkit-scrollbar-track{background:#0000004d;border:1px solid red}.osaka-modal-body::-webkit-scrollbar-thumb{background:red;border-radius:6px}.osaka-modal-body::-webkit-scrollbar-thumb:hover{background:#f66}@keyframes osakaGlow{0%{opacity:.8;text-shadow:0 0 10px red,0 0 20px red,0 0 30px red}to{opacity:1;text-shadow:0 0 15px red,0 0 30px red,0 0 45px red}}@keyframes modalStaticFlicker{0%,to{opacity:.05}50%{opacity:.1}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.osaka-modal-content{max-height:90vh;width:95vw}.osaka-modal-title{font-size:48px;letter-spacing:6px}.osaka-modal-subtitle{font-size:22px}.osaka-content{font-size:20px;padding:20px}.osaka-content h2{font-size:24px}.osaka-content h3{font-size:20px}}.vhs-tape-intro{align-items:center;background:#000;display:flex;font-family:VT323,monospace;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:10000}.vhs-tape-intro.complete{animation:introFadeOut 1s ease-out forwards}.intro-static-layer{animation:staticNoise .15s infinite;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 0,#ffffff08 4px);height:100%;left:0;opacity:.8;pointer-events:none;position:absolute;top:0;width:100%}.vhs-tape-intro.tracking .intro-static-layer{animation:staticNoise .1s infinite,heavyStatic .3s ease-in-out;opacity:1}.vhs-tape-intro.stabilizing .intro-static-layer{animation:staticFadeOut 2s ease-out forwards}.intro-tracking-lines{background:repeating-linear-gradient(0deg,#0000,#00ff001a 50%,#0000);background-size:100% 4px;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.vhs-tape-intro.tracking .intro-tracking-lines{animation:trackingDistortion 2.5s ease-in-out;opacity:1}.intro-scanlines{background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 0,#0000 2px);left:0;opacity:.6;pointer-events:none;top:0}.intro-scanlines,.intro-tape-container{height:100%;position:absolute;width:100%}.intro-tape-container{align-items:center;display:flex;justify-content:center}.intro-tape{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border-radius:8px;box-shadow:0 10px 40px #000c,inset 0 2px 4px #ffffff1a;height:250px;position:relative;transform:translateY(85px);width:400px}.vhs-tape-intro.inserting .intro-tape{animation:tapeInsert 2.5s cubic-bezier(.34,1.56,.64,1) forwards}.vhs-tape-intro.tracking .intro-tape{animation:tapeShake .5s ease-in-out infinite}.intro-tape-label{background:#ffffffe6;border:2px solid #333;border-radius:4px;left:40px;padding:20px;position:absolute;right:40px;top:30px}.intro-tape-text{color:#000;font-size:24px;font-weight:700;letter-spacing:2px;text-align:center}.intro-tape-subtext{color:#333;font-size:16px;letter-spacing:1px;margin-top:5px;text-align:center}.intro-tape-reels{bottom:30px;display:flex;gap:120px;left:50%;position:absolute;transform:translateX(-50%)}.intro-reel{background:radial-gradient(circle,#444 30%,#222 70%);border:3px solid #333;border-radius:50%;height:60px;position:relative;width:60px}.intro-reel:before{background:#111;border-radius:50%;height:20px;width:20px}.intro-reel:after,.intro-reel:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.intro-reel:after{background:#555;height:2px;width:50px}.vhs-tape-intro.inserting .intro-reel{animation:reelSpin 1.5s linear infinite}.vhs-tape-intro.tracking .intro-reel{animation:reelSpin .8s linear infinite}.intro-vcr-slot{background:linear-gradient(180deg,#0a0a0a,#1a1a1a);border:2px solid #333;border-radius:10px;bottom:20%;box-shadow:inset 0 5px 15px #000000e6,0 0 30px #00ff001a;height:260px;width:420px}.intro-vcr-slot,.intro-vcr-slot:before{left:50%;position:absolute;transform:translateX(-50%)}.intro-vcr-slot:before{background:#0f0;box-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0;content:"";height:15px;opacity:0;top:-20px;width:100px}.vhs-tape-intro.stabilizing .intro-vcr-slot:before,.vhs-tape-intro.tracking .intro-vcr-slot:before{animation:powerLightBlink .5s ease-in-out;opacity:1}.intro-status{bottom:10%;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.intro-status-text{animation:statusPulse .8s ease-in-out infinite;color:#0f0;font-size:32px;letter-spacing:4px;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0}.intro-play-prompt{align-items:center;animation:playPromptFadeIn .5s ease-in forwards;display:flex;gap:15px;justify-content:center}.intro-play-symbol{animation:playSymbolPulse 1.2s ease-in-out infinite;color:#0f0;font-size:48px;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0,0 0 40px #0f0}.intro-play-text{color:#0f0;font-size:36px;font-weight:700;letter-spacing:6px;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0}.intro-chromatic{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.vhs-tape-intro.tracking .intro-chromatic{animation:chromaticPulse .3s ease-in-out;background:radial-gradient(circle at 30% 50%,#ff00001a 0,#0000 50%),radial-gradient(circle at 70% 50%,#0000ff1a 0,#0000 50%);opacity:1}@keyframes tapeInsert{0%{opacity:0;transform:translateY(-100vh) rotate(-5deg)}30%{opacity:1}60%{transform:translateY(80px) rotate(2deg)}80%{transform:translateY(90px) rotate(-1deg)}to{transform:translateY(85px) rotate(0deg)}}@keyframes tapeShake{0%,to{transform:translateX(0) translateY(85px)}10%{transform:translateX(-3px) translateY(87px)}20%{transform:translateX(3px) translateY(83px)}30%{transform:translateX(-3px) translateY(86px)}40%{transform:translateX(2px) translateY(84px)}50%{transform:translateX(-2px) translateY(87px)}60%{transform:translateX(2px) translateY(83px)}70%{transform:translateX(-1px) translateY(86px)}80%{transform:translateX(1px) translateY(84px)}90%{transform:translateX(-1px) translateY(85px)}}@keyframes tapeFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes reelSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes staticNoise{0%{transform:translate(0)}10%{transform:translate(-2px,1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(2px,-2px)}50%{transform:translate(-2px,1px)}60%{transform:translate(1px,-1px)}70%{transform:translate(-1px,2px)}80%{transform:translate(2px,-1px)}90%{transform:translate(-1px,1px)}to{transform:translate(0)}}@keyframes heavyStatic{0%,to{opacity:.8}50%{opacity:1}}@keyframes staticFadeOut{0%{opacity:1}to{opacity:.3}}@keyframes trackingDistortion{0%{opacity:0;transform:translateX(0)}10%{opacity:1;transform:translateX(-50px)}20%{transform:translateX(30px)}30%{transform:translateX(-20px)}40%{transform:translateX(15px)}50%{transform:translateX(-10px)}60%{transform:translateX(5px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}to{opacity:0;transform:translateX(0)}}@keyframes powerLightBlink{0%,to{opacity:0}20%,80%{opacity:1}40%,60%{opacity:.5}}@keyframes statusPulse{0%,to{opacity:1;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0}50%{opacity:.7;text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0}}@keyframes chromaticPulse{0%,to{opacity:0}50%{opacity:1}}@keyframes introFadeOut{0%{opacity:1}to{opacity:0}}@keyframes playPromptFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes playSymbolPulse{0%,to{opacity:1;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0,0 0 40px #0f0;transform:scale(1)}50%{opacity:.6;text-shadow:0 0 15px #0f0,0 0 30px #0f0,0 0 45px #0f0,0 0 60px #0f0;transform:scale(1.1)}}@media (max-width:768px){.intro-tape{height:175px;width:280px}.intro-tape-label{left:20px;padding:15px;right:20px;top:20px}.intro-tape-text{font-size:18px}.intro-tape-subtext{font-size:12px}.intro-tape-reels{bottom:20px;gap:80px}.intro-reel{height:40px;width:40px}.intro-reel:before{height:15px;width:15px}.intro-vcr-slot{height:185px;width:300px}.intro-status-text{font-size:24px}.intro-play-symbol{font-size:36px}.intro-play-text{font-size:28px}}
/*# sourceMappingURL=main.05013248.css.map*/