body{background:radial-gradient(ellipse at center,#0000,#000000e6 80%,#000),radial-gradient(ellipse at 30% 20%,#ff00ff26,#ffff001a 30%,#0000 70%);background-size:cover;background-repeat:no-repeat,no-repeat;background-position:center,center;background-blend-mode:normal,normal;background-attachment:fixed;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden;box-shadow:inset 0 0 50px #ff00ff4d,inset 0 0 40px #000000e6;padding:5px;box-sizing:border-box}@media (max-width: 768px){body{background-attachment:scroll;padding:2px}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/checkerbg.jpg);background-size:auto;background-repeat:repeat;opacity:.2;z-index:-1;pointer-events:none}.tagline{padding:0;text-align:center;width:100%;max-width:100vw;box-sizing:border-box}.tagline h1,.tagline p,.tagline .small-desc{margin-top:4px;margin-bottom:4px;padding:0 5px;line-height:1.2;word-wrap:break-word}@media (max-width: 768px){.tagline{padding:0;width:100%}.tagline h1{font-size:1.6em;margin:2px 0;padding:0 2px}.tagline p{font-size:.85em;margin:2px 0;padding:0 2px}.tagline .small-desc{font-size:.8em;margin:2px 0;padding:0 2px}}@media (max-width: 480px){.tagline h1{font-size:1.4em;margin:1px 0}.tagline p{font-size:.8em;margin:1px 0}.tagline .small-desc{font-size:.75em;margin:1px 0}}.page-title{margin:0 0 15px;text-align:center;width:100%;max-width:100vw;box-sizing:border-box;padding:0 5px}.page-title img{max-width:100%;height:auto;display:block;margin:0 auto}@media (max-width: 768px){.page-title{margin:0 0 10px;padding:0 2px}}@media (max-width: 480px){.page-title{margin:0 0 8px;padding:0 1px}.page-title img{max-width:90vw;height:auto}}.description-box{background:#111;border:2px solid #ff00ff;border-radius:5px;padding:12px 15px;margin-bottom:20px;position:relative;max-width:100%;width:98%;text-align:center;color:#e0e0e0;font-size:1.1em;line-height:1.3;box-shadow:0 0 10px #ff00ff4d;box-sizing:border-box}@media (max-width: 768px){.description-box{width:100%;padding:10px 12px;font-size:.95em;margin-bottom:15px;border-width:1px}}@media (max-width: 480px){.description-box{width:100%;padding:8px 10px;font-size:.9em;margin-bottom:12px;margin-left:0;margin-right:0}}.description-box p{margin:6px 0}.description-box strong{color:#ff0;text-shadow:0 0 5px rgba(255,255,0,.3)}.blink{animation:blink-animation 1s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.polaroid-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:15px 5px;max-width:100%;width:100%;box-sizing:border-box}@media (max-width: 768px){.polaroid-gallery{gap:15px;padding:12px 2px}}@media (max-width: 480px){.polaroid-gallery{gap:10px;padding:10px 0;flex-direction:column;align-items:center}}.polaroid{border:2px solid #ff00ff;background:#000000e6;box-shadow:0 5px 15px #ff00ff26;padding:12px;margin-bottom:20px;position:relative;transition:all .3s;cursor:pointer;width:250px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;min-height:250px}@media (max-width: 768px){.polaroid{width:200px;padding:10px;margin-bottom:15px;min-height:230px}}@media (max-width: 480px){.polaroid{width:calc(100vw - 20px);max-width:280px;padding:8px;margin-bottom:12px;min-height:210px}}.polaroid:nth-child(1){border-color:#f0f}.polaroid:nth-child(2){border-color:#ff0}.polaroid:nth-child(3){border-color:#0ff}.polaroid-image{width:100%;max-width:100%;border:3px solid #ff00ff;margin:0 auto 12px;background:#000;padding:4px;display:block;box-sizing:border-box;transition:all .3s;height:140px;object-fit:cover}.polaroid-image img{width:100%;height:100%;object-fit:cover;display:block;border:none;background:transparent;border-radius:4px}@media (max-width: 480px){.polaroid-image{height:120px;margin:0 auto 10px;border-width:2px}}.polaroid:nth-child(2) .polaroid-image{border-color:#ff0}.polaroid:nth-child(3) .polaroid-image{border-color:#0ff}.polaroid-caption{color:#ff0;text-align:center;font-weight:700;font-size:1.2em;font-family:Courier New,monospace;margin-top:8px;text-shadow:0 0 5px rgba(255,255,0,.3)}@media (max-width: 480px){.polaroid-caption{font-size:.85em;margin-top:6px}}.polaroid:hover{box-shadow:0 5px 15px #ffff004d;transform:translateY(-3px)}@media (hover: none){.polaroid:hover{transform:none}.polaroid:active{transform:scale(.98)}}@keyframes iconGlow{0%{box-shadow:0 0 20px #f0f6}to{box-shadow:0 0 30px #f0fc}}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-container{width:100%;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin-bottom:0!important;padding:0 5px;box-sizing:border-box}@media (max-width: 480px){.main-container{padding:0 2px}}.switchboard{background:#111;border:3px solid #ff00ff;padding:15px;width:100%;max-width:100%;margin:15px 0;margin-bottom:0!important;position:relative;box-sizing:border-box}@media (max-width: 768px){.switchboard{padding:12px;margin:10px 0;margin-bottom:0!important;width:100%;border-width:2px}}@media (max-width: 480px){.switchboard{padding:10px;margin:8px 0;margin-bottom:0!important;width:100%;border-width:1px}}.switchboard:before{content:"✧･ﾟ:*";position:absolute;top:-10px;left:50%;transform:translate(-50%);color:#ff0;font-size:12px;background:#000;padding:0 8px;white-space:nowrap}@media (max-width: 480px){.switchboard:before{font-size:10px;top:-8px;padding:0 6px}}.directory{display:grid;grid-template-columns:1fr;gap:8px}@media (max-width: 480px){.directory{gap:6px}}.extension{background:#222;border:1px solid #ffff00;padding:10px 12px;transition:all .2s;position:relative;overflow:visible;text-align:center;border-top:1px solid rgba(255,255,0,.3);box-shadow:0 2px #0000004d,inset 0 1px 1px #ffffff1a;box-sizing:border-box}@media (max-width: 768px){.extension{padding:8px 10px}}@media (max-width: 480px){.extension{padding:6px 8px}}.extension:hover{background:#333;border-color:#f0f;box-shadow:0 0 15px #ff00ff4d;animation:glitch .5s linear infinite}@media (max-width: 768px){.extension:hover{animation:none}.extension:active{background:#333;border-color:#f0f}}.extension:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,#ff00ff,transparent);opacity:0;transition:opacity .3s}.extension:hover:before{opacity:.7}.extension a{color:#fff;text-decoration:none;display:block;position:relative;z-index:2;min-height:44px;display:flex;flex-direction:column;justify-content:center}.extension-number{color:#f0f;font-weight:700;display:block;font-size:1.1em;margin-bottom:3px;text-shadow:0 0 5px rgba(255,0,255,.3)}@media (max-width: 480px){.extension-number{font-size:1em;margin-bottom:2px}}.extension-name{font-size:1.2em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:block;margin:6px 0;color:#ff0;text-shadow:0 0 5px rgba(255,255,0,.3)}@media (max-width: 768px){.extension-name{font-size:1.1em;margin:4px 0}}@media (max-width: 480px){.extension-name{font-size:1em;margin:3px 0;letter-spacing:.3px}}.extension-desc{color:#aaa;font-size:.85em;display:block;margin-top:6px}@media (max-width: 480px){.extension-desc{font-size:.8em;margin-top:4px}}.vhs-scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 3px;z-index:10;pointer-events:none;opacity:.5}@media (max-width: 768px){.vhs-scanlines{opacity:.3;background-size:100% 4px}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#0000 0px 1px,#0000001a 1px 2px);pointer-events:none;z-index:9;animation:scan 8s linear infinite}@media (max-width: 768px){body:after{animation-duration:12s}}.vhs-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:11;mix-blend-mode:hard-light;opacity:.05;animation:vhs-flicker 8s infinite}@media (max-width: 768px){.vhs-effect{opacity:.03;animation-duration:12s}}.vhs-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,rgba(255,0,255,.2) 10%,transparent 15%,rgba(0,255,255,.2) 20%,transparent 25%,rgba(255,255,0,.2) 30%,transparent 35%,rgba(255,0,255,.1) 40%,transparent 45%,rgba(0,255,255,.1) 50%,transparent 55%,rgba(255,255,0,.1) 60%,transparent 65%,rgba(255,0,255,.1) 70%,transparent 75%,rgba(0,255,255,.1) 80%,transparent 85%,rgba(255,255,0,.1) 90%,transparent 95%);opacity:.1;animation:vhs-track 10s linear infinite}@keyframes scan{0%{background-position:0 0}to{background-position:0 100%}}@keyframes vhs-track{0%{transform:translateY(-100px)}to{transform:translateY(100vh)}}@keyframes vhs-flicker{0%,to{opacity:.05}42%{opacity:.05}43%{opacity:.1}44%{opacity:.05}46%{opacity:.05}47%{opacity:.1}48%,49%{opacity:.05}50%{opacity:.1}51%,90%{opacity:.05}91%{opacity:.1}92%,99%{opacity:.05}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}#terminal-text{display:inline-block;min-width:10px;position:relative}#terminal-text:after{content:"█";display:inline-block;position:relative;animation:cursor-blink 1s infinite;color:#f0f}@keyframes cursor-blink{0%,40%{opacity:1}50%,90%{opacity:0}to{opacity:1}}@media (max-width: 768px){@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.extension a{min-height:48px;padding:4px 0}body{font-size:16px;line-height:1.4}}@media (max-width: 320px){body{padding:1px}.description-box{font-size:.85em;padding:6px 8px}.polaroid{width:calc(100vw - 10px);max-width:300px}.extension-name{font-size:.95em}}