@import"https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><text y='20' font-size='20'>👆</text></svg>"),auto}body{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive;background-color:navy;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='10' y='25' font-size='16' fill='rgba(255,255,255,0.06)'%3E★%3C/text%3E%3C/svg%3E");color:#0f0;line-height:1.4;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.retro-page{max-width:900px;margin:0 auto;background:#003;border:4px ridge #C0C0C0;box-shadow:0 0 0 2px #000,0 0 0 6px gray,0 0 30px #00ff0026,inset 0 0 60px #00008080;position:relative}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.shooting-star{position:absolute;left:-100px;width:80px;height:2px;background:linear-gradient(90deg,transparent,#FFD700,#FFFFFF);animation:shootingStar 4s linear infinite;opacity:0}@keyframes shootingStar{0%{left:-100px;opacity:0;transform:rotate(-15deg)}5%{opacity:1}40%{opacity:1}50%{left:110%;opacity:0;transform:rotate(-15deg)}to{left:110%;opacity:0}}.top-banner{background:linear-gradient(90deg,red,#f60,#ff0,#0f0,#00f,#8b00ff,red);background-size:400% 100%;animation:rainbowBg 3s linear infinite;padding:6px 0;border-bottom:3px ridge #C0C0C0;overflow:hidden}@keyframes rainbowBg{0%{background-position:0% 50%}to{background-position:400% 50%}}.marquee-wrapper{overflow:hidden;white-space:nowrap}.marquee-content{display:inline-block;font-family:VT323,Courier New,monospace;font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 0 #000000;animation:marqueeScroll 20s linear infinite;padding-right:100%}.marquee-reverse{animation-direction:reverse}@keyframes marqueeScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.retro-header{text-align:center;padding:20px 15px 10px;background:radial-gradient(ellipse at center,rgba(0,0,128,.8) 0%,transparent 70%),linear-gradient(180deg,#006,#003);border-bottom:3px groove #808080}.header-decoration{font-family:Courier New,monospace;color:gold;font-size:12px;letter-spacing:4px;margin:4px 0;overflow:hidden}.retro-title{font-family:"Press Start 2P",VT323,monospace;font-size:clamp(20px,5vw,38px);margin:12px 0;line-height:1.3}.title-shadow{color:gold;text-shadow:3px 3px 0 #FF0000,-1px -1px 0 #FF6600,0 0 20px #FFD700,0 0 40px #FF6600,0 0 60px #FF0000;animation:titleGlow 2s ease-in-out infinite alternate;letter-spacing:2px}@keyframes titleGlow{0%{text-shadow:3px 3px 0 #FF0000,-1px -1px 0 #FF6600,0 0 20px #FFD700,0 0 40px #FF6600}to{text-shadow:3px 3px 0 #FF6600,-1px -1px 0 #FF0000,0 0 30px #FFFF00,0 0 60px #FFD700,0 0 80px #FF0000}}.retro-subtitle{font-family:Comic Sans MS,cursive;color:#0ff;font-size:clamp(14px,2.5vw,18px);font-style:italic;margin:8px 0;text-shadow:1px 1px 0 #008080}.counter-box{display:inline-block;background:#000;border:2px inset #808080;padding:6px 14px;margin-top:10px;font-family:VT323,Courier New,monospace;font-size:16px;color:#0f0}.visitor-counter{color:red;font-weight:700;font-size:18px;letter-spacing:2px;animation:counterBlink 1s step-end infinite}@keyframes counterBlink{0%,to{opacity:1}50%{opacity:.6}}.retro-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;padding:8px 6px;background:linear-gradient(180deg,silver,#a0a0a0,silver);border-top:2px solid #FFFFFF;border-bottom:2px solid #808080;border-left:2px solid #FFFFFF;border-right:2px solid #808080}.nav-item{font-family:VT323,Courier New,monospace;font-size:14px;color:navy;cursor:pointer;padding:4px 8px;background:linear-gradient(180deg,#e0e0e0,silver);border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF;border-bottom:2px solid #808080;border-right:2px solid #808080;transition:none;text-decoration:none}.nav-item:hover{background:linear-gradient(180deg,silver,#a0a0a0);border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:2px solid #FFFFFF;border-right:2px solid #FFFFFF;color:red}.construction-banner{text-align:center;padding:8px;background:repeating-linear-gradient(45deg,gold,gold 10px,#000 10px 20px);font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.8vw,12px);color:#fff;text-shadow:2px 2px 0 #000000,-1px -1px 0 #000000;animation:constructionPulse 1s ease-in-out infinite alternate;border:2px solid #FFD700}@keyframes constructionPulse{0%{opacity:.8}to{opacity:1}}.retro-main{padding:20px 15px}.section-title-box{text-align:center;margin:20px 0}.section-title-decor{font-family:Courier New,monospace;color:gray;font-size:11px;letter-spacing:2px}.section-title{font-family:"Press Start 2P",monospace;font-size:clamp(12px,2.5vw,18px);color:#ff0;text-shadow:2px 2px 0 #FF6600;padding:8px 0}.apps-table-container{overflow-x:auto;margin:20px 0}.apps-table{width:100%;border-collapse:separate;border-spacing:0;border:3px ridge #C0C0C0;font-size:14px}.apps-table thead tr{background:linear-gradient(180deg,navy,#006)}.apps-table th{font-family:VT323,Courier New,monospace;color:#fff;text-align:left;padding:10px 12px;border:2px ridge #4040A0;font-size:16px;letter-spacing:1px;text-shadow:1px 1px 0 #000000}.apps-table tbody tr{cursor:pointer}.apps-table tbody tr:nth-child(2n){background-color:#0000504d}.apps-table tbody tr:nth-child(odd){background-color:#00003c4d}.apps-table tbody tr:hover{background-color:#ffff0026!important;outline:2px dashed #FFFF00;outline-offset:-2px}.apps-table td{padding:10px 12px;border:1px solid #404080;vertical-align:middle}.app-name-cell{font-family:Comic Sans MS,cursive;font-weight:700;font-size:15px;white-space:nowrap;position:relative;border:2px outset;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.app-name-text{display:inline-block}.hot-badge{display:inline-block;background:red;color:#fff;font-family:"Press Start 2P",monospace;font-size:8px;padding:2px 4px;margin-left:6px;border:1px solid #FFFF00;animation:hotPulse .5s ease-in-out infinite alternate;vertical-align:middle}@keyframes hotPulse{0%{transform:scale(1);background:red}to{transform:scale(1.15);background:#f40}}.new-retro-badge{display:inline-block;background:#f0f;color:#ff0;font-family:"Press Start 2P",monospace;font-size:8px;padding:2px 4px;margin-left:6px;border:1px solid #00FF00;animation:newSpin 3s linear infinite;vertical-align:middle}@keyframes newSpin{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.app-desc-cell{font-family:Comic Sans MS,cursive;color:#ccc;font-size:13px}.app-action-cell{text-align:center;white-space:nowrap}.retro-button{font-family:VT323,Courier New,monospace;font-size:14px;padding:6px 14px;border-top:3px solid rgba(255,255,255,.5);border-left:3px solid rgba(255,255,255,.5);border-bottom:3px solid rgba(0,0,0,.5);border-right:3px solid rgba(0,0,0,.5);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:none}.retro-button:hover{filter:brightness(1.3)}.retro-button:active{border-top:3px solid rgba(0,0,0,.5);border-left:3px solid rgba(0,0,0,.5);border-bottom:3px solid rgba(255,255,255,.5);border-right:3px solid rgba(255,255,255,.5)}.retro-cards-grid{display:none;flex-wrap:wrap;gap:15px;justify-content:center;padding:15px 0}.retro-card{width:100%;max-width:260px;border:3px outset #808080;cursor:pointer;position:relative;background:#003;box-shadow:4px 4px #000}.retro-card:hover{box-shadow:2px 2px #000;transform:translate(2px,2px)}.retro-card:hover .retro-card-header{animation:headerFlash .4s ease-in-out}@keyframes headerFlash{50%{filter:brightness(1.5)}}.card-hot-label{position:absolute;top:-10px;right:-10px;font-family:"Press Start 2P",monospace;font-size:8px;color:#fff;padding:3px 6px;border:2px solid #FFFF00;transform:rotate(15deg);animation:hotPulse .5s ease-in-out infinite alternate;z-index:5}.retro-card-header{font-family:VT323,Courier New,monospace;font-size:16px;font-weight:700;padding:8px 10px;text-shadow:1px 1px 0 rgba(0,0,0,.5);border-bottom:2px groove #808080;letter-spacing:1px}.retro-card-body{padding:12px 10px;font-family:Comic Sans MS,cursive;font-size:12px;color:#000;min-height:80px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.card-btn{display:block;width:100%;font-size:12px;padding:5px 8px}.retro-separator{text-align:center;padding:10px 0;font-size:16px;color:gold;letter-spacing:6px;animation:separatorColorShift 3s linear infinite}@keyframes separatorColorShift{0%{color:gold}33%{color:#f0f}66%{color:#0ff}to{color:gold}}.bottom-marquee{background:maroon;padding:5px 0;border-top:2px solid #FF0000;border-bottom:2px solid #FF0000;overflow:hidden}.bottom-marquee .marquee-content{font-size:14px;color:#ff0}.retro-footer{text-align:center;padding:20px 15px;background:linear-gradient(180deg,#004,#002);border-top:3px ridge #808080}.footer-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:15px}.footer-badge{font-family:VT323,monospace;font-size:12px;padding:4px 10px;border:2px outset;font-weight:700;letter-spacing:1px}.badge-1{background:#00a;color:#fff;border-color:#44f}.badge-2{background:#a60;color:#fff;border-color:#f90}.badge-3{background:#060;color:#fff;border-color:#0a0}.badge-4{background:#606;color:#ff0;border-color:#a0a}.guestbook-box{background:#000;border:2px inset #808080;padding:10px;margin:15px auto;max-width:300px;font-family:Comic Sans MS,cursive;color:#0ff;font-size:14px}.retro-footer-text{font-family:Comic Sans MS,cursive;color:silver;font-size:14px;margin:8px 0}.retro-footer-link{color:#0f0;text-decoration:underline;font-weight:700}.retro-footer-link:hover{color:#ff0;text-decoration:none;background:red;padding:0 4px}.copyright-text{font-family:Courier New,monospace;color:gray;font-size:11px;margin:4px 0}.webring-box{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:15px;padding:8px;border:2px groove #808080;background:#0000004d;font-family:VT323,monospace;font-size:14px;color:#0ff}.webring-box span{cursor:pointer}.webring-box span:hover{color:#ff0}.webring-title{color:gold;font-size:16px;font-weight:700}@media (max-width: 700px){.retro-page{border-width:2px}.retro-title{font-size:16px}.retro-nav{gap:4px;padding:6px}.nav-item{font-size:11px;padding:3px 5px}.apps-table-container{display:none}.retro-cards-grid{display:flex}.retro-card{max-width:100%}.construction-banner{font-size:8px}.footer-badges{gap:4px}.footer-badge{font-size:10px;padding:3px 6px}.webring-box{gap:10px;font-size:12px}}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:silver;border:1px solid #808080}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e0e0e0,silver,#a0a0a0);border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF;border-bottom:2px solid #808080;border-right:2px solid #808080}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d0d0d0,#b0b0b0,#909090)}a{color:#0f0}a:visited{color:#f0f}a:hover{color:#ff0}::-moz-selection{background:#00f;color:#fff}::selection{background:#00f;color:#fff}a.nav-item{text-decoration:none;color:navy}a.nav-item:visited{color:navy}.app-disabled{cursor:not-allowed!important;opacity:.7}.app-disabled:hover{background-color:#50505033!important;outline:2px dashed #808080!important}.app-wip{cursor:pointer}.app-wip:hover{background-color:#ff88001a!important;outline:2px dashed #FF8800!important}.text-strikethrough{text-decoration:line-through}.text-disabled{color:#666!important;font-style:italic}.disabled-badge{display:inline-block;background:gray;color:#fff;font-family:"Press Start 2P",monospace;font-size:7px;padding:2px 4px;margin-left:6px;border:1px solid #FF0000;vertical-align:middle;animation:disabledPulse 2s ease-in-out infinite}@keyframes disabledPulse{0%,to{opacity:.6}50%{opacity:1}}.wip-badge{display:inline-block;background:#f80;color:#000;font-family:"Press Start 2P",monospace;font-size:7px;padding:2px 4px;margin-left:6px;border:1px solid #FFFF00;vertical-align:middle;animation:wipBlink 1s step-end infinite}@keyframes wipBlink{0%,to{opacity:1}50%{opacity:.5}}.app-status-cell{text-align:center;white-space:nowrap;font-family:VT323,monospace;font-size:14px}.status-online{color:#0f0}.status-unavailable{color:red;animation:disabledPulse 2s ease-in-out infinite}.status-wip{color:#f80}.retro-button-disabled{background:#555!important;color:#999!important;cursor:not-allowed!important;border-color:#666!important}.retro-button-disabled:hover{filter:none!important}.retro-button-wip{background:#640!important;color:#f80!important;border-color:#850!important}.retro-card-disabled{opacity:.6;cursor:not-allowed!important}.retro-card-disabled:hover{box-shadow:4px 4px #000;transform:none}.retro-card-wip{cursor:not-allowed!important}.retro-about-box{background:#000;border:3px ridge #808080;padding:15px 20px;margin:10px 0 20px;font-family:Comic Sans MS,cursive;font-size:14px;color:#0ff;line-height:1.8}.retro-about-box p{margin:6px 0}.retro-links-box{display:flex;flex-direction:column;gap:8px;margin:10px 0 20px}.retro-social-link{display:block;font-family:VT323,Courier New,monospace;font-size:18px;padding:10px 15px;border:2px outset #808080;text-decoration:none;transition:none;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.retro-social-link:hover{border-style:inset;filter:brightness(1.3)}.link-twitter{background:linear-gradient(90deg,#000,#1a1a2e);color:#fff;border-color:#444}.link-instagram{background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);color:#fff;border-color:#fd1d1d}.link-letterboxd{background:linear-gradient(90deg,#00c030,#40bcf4);color:#fff;border-color:#00c030}