/* =========================================================
   GEOCITIES SKIN - 90s hand-coded homepage vibe layered over
   the modern site. Same colors, same layout, retro elements.
   Load AFTER the page's own <style> so equal selectors win.
   ========================================================= */
:root{--radius:0;--radius-lg:0;--bevel-hi:rgba(255,255,255,.6);--bevel-lo:rgba(0,0,0,.45);--bevel:inset -3px -3px 0 var(--bevel-lo),inset 3px 3px 0 var(--bevel-hi);--bevel-in:inset 3px 3px 0 var(--bevel-lo),inset -3px -3px 0 var(--bevel-hi);--geo-body:Verdana,Tahoma,Geneva,sans-serif;--geo-fun:'Comic Neue','Comic Sans MS','Chalkboard SE',cursive;--geo-serif:'Times New Roman',Times,serif}
::selection{background:var(--pink);color:#fff}

/* ---- classic colored scrollbar (IE5.5 energy) ---- */
html{scrollbar-color:var(--purple) #d9cdf5}
::-webkit-scrollbar{width:16px;height:16px}
::-webkit-scrollbar-track{background:repeating-conic-gradient(#d9cdf5 0 25%,#efe0ff 0 50%) 0 0/4px 4px}
::-webkit-scrollbar-thumb{background:var(--purple);box-shadow:var(--bevel)}
::-webkit-scrollbar-button:single-button{background:var(--purple);box-shadow:var(--bevel);height:16px;width:16px}

/* ---- type ---- */
body{font-family:var(--geo-body);font-size:15px}
.section-heading p,.card-body p,.info-box p,.hero-sub{font-family:var(--geo-body)}
a{text-decoration:underline;text-underline-offset:2px}
.btn,.nav-links a,.nav-logo,.footer-social a,.mbb-btn,.yt-facade,.rgb-game-grid span{text-decoration:none}

/* ---- tiled backgrounds ---- */
/* light sections: tiled glowing arcade icons over a soft lavender checker */
.section:not(.section-dark):not(.section-neon-purple){background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22g%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%3E%3CfeGaussianBlur%20in%3D%22SourceAlpha%22%20stdDeviation%3D%223%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%22linear%22%20slope%3D%22.9%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeFlood%20flood-color%3D%22%23fff%22%2F%3E%3CfeComposite%20operator%3D%22in%22%20in2%3D%22SourceAlpha%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url%28%23g%29%22%20opacity%3D%22.42%22%3E%3Cg%20transform%3D%22translate%2834%2040%29%20rotate%28-14%29%22%3E%3Cpath%20fill%3D%22%23ff2d9b%22%20d%3D%22M0%2014a14%2014%200%200%201%2028%200v18l-4.7-4-4.6%204-4.7-4-4.7%204-4.6-4L0%2032z%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2213%22%20r%3D%223.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2213%22%20r%3D%223.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2214%22%20r%3D%221.6%22%20fill%3D%22%231a1a2e%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2214%22%20r%3D%221.6%22%20fill%3D%22%231a1a2e%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28160%2030%29%20rotate%2818%29%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23ffe600%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%229.5%22%20fill%3D%22none%22%20stroke%3D%22%23e0a800%22%20stroke-width%3D%222.5%22%2F%3E%3Ctext%20x%3D%2214%22%20y%3D%2219%22%20font-family%3D%22Arial%22%20font-weight%3D%22bold%22%20font-size%3D%2213%22%20text-anchor%3D%22middle%22%20fill%3D%22%23e0a800%22%3ESR%3C%2Ftext%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20120%29%20rotate%28-8%29%22%3E%3Crect%20x%3D%220%22%20y%3D%2226%22%20width%3D%2234%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22%237b2dff%22%2F%3E%3Crect%20x%3D%2214.5%22%20y%3D%228%22%20width%3D%225%22%20height%3D%2220%22%20fill%3D%22%2300d4b1%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%228%22%20r%3D%227%22%20fill%3D%22%2300d4b1%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2231%22%20r%3D%223%22%20fill%3D%22%23ff2d9b%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2836%20160%29%20rotate%2812%29%22%3E%3Cpath%20fill%3D%22%23b8ff00%22%20d%3D%22M14%200l4%209.6%2010.4.8-8%206.7%202.5%2010.1L14%2021.7l-8.9%205.5%202.5-10.1-8-6.7%2010.4-.8z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28190%20168%29%20rotate%28-20%29%22%3E%3Cpath%20fill%3D%22%2300d4b1%22%20d%3D%22M14%200A14%2014%200%201%200%2026.1%2021L14%2014%2026.1%207A14%2014%200%200%200%2014%200z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28196%20100%29%20rotate%2825%29%22%3E%3Cpath%20fill%3D%22%237b2dff%22%20d%3D%22M6%200l1.8%204.2L12%206%207.8%207.8%206%2012%204.2%207.8%200%206l4.2-1.8z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2890%20205%29%22%3E%3Cpath%20fill%3D%22%23ff2d9b%22%20d%3D%22M6%200l1.8%204.2L12%206%207.8%207.8%206%2012%204.2%207.8%200%206l4.2-1.8z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2896%2048%29%20rotate%28-30%29%22%3E%3Cpath%20fill%3D%22%23ff2d9b%22%20d%3D%22M8%203a5%205%200%200%201%208%200%205%205%200%200%201%200%207L8%2018%200%2010a5%205%200%200%201%200-7%205%205%200%200%201%208%200z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"),repeating-conic-gradient(#fff 0 25%,#faf7ff 0 50%);background-size:240px 240px,24px 24px}
/* dark sections: tiled starfield like every space-themed homepage ever */
.section-dark,.section-neon-purple,.footer,.hero{background-color:var(--bg-dark);background-image:radial-gradient(1px 1px at 12px 18px,#fff,transparent),radial-gradient(1px 1px at 64px 92px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 130px 40px,#fff,transparent),radial-gradient(1px 1px at 170px 150px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 95px 170px,rgba(184,255,0,.9),transparent),radial-gradient(1.5px 1.5px at 30px 130px,rgba(0,212,177,.9),transparent),radial-gradient(1.5px 1.5px at 185px 75px,rgba(255,45,155,.9),transparent);background-size:200px 200px;animation:geoStarDrift 120s linear infinite}
@keyframes geoStarDrift{from{background-position:0 0}to{background-position:0 2000px}}
/* the floating blur orbs are too 2020s; dim them so the tiles read */
.neon-orbs{opacity:.35}

/* ---- headings: WordArt fill + hard 3D extrusion + spinning stars ---- */
.section-heading h2{font-family:'Bangers',cursive;background:linear-gradient(180deg,var(--pink) 0%,var(--purple) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #1a1a2e) drop-shadow(1px 1px 0 #1a1a2e);padding:0 1.5em 10px;border-bottom:5px solid;border-image:linear-gradient(90deg,#ff0000,#ff9900,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff) 1}
.section-dark .section-heading h2,.section-neon-purple .section-heading h2{background-image:linear-gradient(180deg,#fff 0%,var(--teal) 55%,var(--lime) 100%);color:transparent;text-shadow:none;filter:drop-shadow(3px 3px 0 var(--purple)) drop-shadow(0 0 12px rgba(123,45,255,.6))}
.section-heading h2::after{display:none}
.section-heading h2::before,.section-heading h2>.geo-star{content:'';position:absolute;top:50%;left:0;width:1em;height:1em;margin-top:-.62em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffe600' stroke='%23000' stroke-width='1.2' d='M12 1.5l3 7.2 7.8.6-6 5 1.9 7.6L12 17.8l-6.7 4.1 1.9-7.6-6-5 7.8-.6z'/%3E%3C/svg%3E") center/contain no-repeat;animation:geoSpin 3s linear infinite}
.section-heading h2>.geo-star{left:auto;right:0;animation-direction:reverse}
@keyframes geoSpin{to{transform:rotate(360deg)}}
.section-heading p{font-family:var(--geo-fun);font-weight:700;font-size:1.1rem;color:var(--purple)}
.section-dark .section-heading p,.section-neon-purple .section-heading p{color:var(--lime)}

/* hero h1: chunky 3D letters, glow kept */
@keyframes glowText{0%,100%{text-shadow:2px 2px 0 var(--purple),4px 4px 0 #1a1a2e,0 0 20px rgba(255,45,155,.45)}50%{text-shadow:2px 2px 0 var(--purple),4px 4px 0 #1a1a2e,0 0 40px rgba(255,45,155,.8),0 0 70px rgba(255,45,155,.3)}}
.hero-sub{font-family:var(--geo-fun);font-weight:700;font-size:clamp(1.05rem,2vw,1.3rem)}

/* hero chips become little beveled web-badges */
.hero-content>div[style] a,.hero-content>div[style] span{border-radius:0!important;backdrop-filter:none!important;background:rgba(13,13,32,.75)!important;border:2px solid!important;border-color:#fff #555 #555 #fff!important;font-family:var(--geo-body);font-size:.8rem!important}
.hero-content>div[style] a:first-child{animation:geoBlink 1.2s steps(1) infinite}
@keyframes geoBlink{50%{box-shadow:0 0 0 2px var(--pink),0 0 14px var(--pink);color:var(--lime)}}
/* hero logo: 90s spinning-GIF energy. gentle bob, nonstop Y-axis spin,
   twinkling sparkles */
.geo-logo{position:relative;width:320px;max-width:80vw;margin:0 auto 28px;animation:geoBob 3.2s ease-in-out infinite;perspective:800px}
.geo-logo .hero-logo{width:100%;max-width:100%;margin:0;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.6)) drop-shadow(0 4px 30px rgba(123,45,255,.6))}
.geo-logo .hero-logo{animation:geoLogoSpin 6s linear infinite}
@keyframes geoLogoSpin{to{transform:rotateY(360deg)}}
.geo-logo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%) no-repeat;background-size:300% 100%;-webkit-mask:url(../Super_Rad_Retro_Lounge.png) center/contain no-repeat;mask:url(../Super_Rad_Retro_Lounge.png) center/contain no-repeat;mix-blend-mode:screen;animation:geoShine 4.5s ease-in-out infinite}
.geo-logo::after{display:none}
@keyframes geoBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes geoShine{0%,55%{background-position:120% 0}100%{background-position:-20% 0}}
.geo-twinkle{position:absolute;width:26px;height:26px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 0c.8 6.5 4.7 10.4 12 12-7.3 1.6-11.2 5.5-12 12-.8-6.5-4.7-10.4-12-12C7.3 10.4 11.2 6.5 12 0z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px var(--pink));animation:geoTwinkle 2.4s ease-in-out infinite;opacity:0}
.geo-t1{top:6%;left:4%}.geo-t2{top:30%;right:-2%;width:20px;height:20px;animation-delay:.6s;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px var(--teal))}.geo-t3{bottom:12%;left:18%;width:16px;height:16px;animation-delay:1.2s;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px var(--lime))}.geo-t4{top:-4%;right:22%;width:18px;height:18px;animation-delay:1.8s}
@keyframes geoTwinkle{0%,100%{opacity:0;transform:scale(.2) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}

/* ---- buttons: Windows 95 bevel in brand colors, neon pulse kept ---- */
.btn{border-radius:0;font-family:var(--geo-body);font-weight:700;letter-spacing:.04em;border:2px solid #1a1a2e;box-shadow:var(--bevel);padding:13px 28px}
.btn:hover{transform:none}
.btn:active{box-shadow:var(--bevel-in);transform:translate(1px,1px)}
.btn-white{border-color:#1a1a2e;box-shadow:inset -3px -3px 0 #9a8fb5,inset 3px 3px 0 #fff}
.btn-outline{box-shadow:none}
.btn-pink:hover,.btn-teal:hover,.btn-purple:hover{filter:brightness(1.12)}
@keyframes neonPulse{0%,100%{box-shadow:var(--bevel),0 0 6px var(--pink),0 0 18px rgba(255,45,155,.3)}50%{box-shadow:var(--bevel),0 0 14px var(--pink),0 0 36px rgba(255,45,155,.5)}}
@keyframes neonPulseTeal{0%,100%{box-shadow:var(--bevel),0 0 6px var(--teal),0 0 18px rgba(0,212,177,.3)}50%{box-shadow:var(--bevel),0 0 14px var(--teal),0 0 36px rgba(0,212,177,.5)}}

/* ---- nav: toolbar with beveled buttons ---- */
.nav{backdrop-filter:none;background:var(--purple);background-image:linear-gradient(180deg,#8f4bff 0%,#5a14c8 100%);border-bottom:3px solid #1a1a2e;box-shadow:inset 0 -2px 0 rgba(255,255,255,.25),0 3px 0 rgba(0,0,0,.25)}
.nav-links a{border-radius:0;border:2px solid transparent;font-family:var(--geo-body);font-size:.85rem}
.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7) rgba(0,0,0,.5) rgba(0,0,0,.5) rgba(255,255,255,.7)}
.nav-dropdown-content{border-radius:0;background:#3c0aa0;border:2px solid;border-color:#b48cff #1a0550 #1a0550 #b48cff;padding:3px;box-shadow:4px 4px 0 rgba(0,0,0,.5)}
.nav-dropdown-content a{border-radius:0;border:none}
.nav-dropdown-content a:hover{background:var(--pink);color:#fff;border:none}
.nav-toggle span{border-radius:0}
@media(max-width:900px){.nav-links{backdrop-filter:none;background:#3c0aa0}}

/* ---- rainbow marquee: Times + ridge frame like a real <marquee> ---- */
.marquee{border-top:3px ridge #c9a6ff;border-bottom:3px ridge #c9a6ff}
.marquee-inner span::before{content:'\2605  ';color:#ffe600}

/* ---- photos: picture-frame borders, modern glow kept ---- */
.gallery img{border-radius:0;border:5px ridge #c9a6ff;box-shadow:4px 4px 0 rgba(26,26,46,.25)}
.gallery img:hover{transform:scale(1.03) rotate(-.6deg);border-color:var(--pink);box-shadow:0 0 20px rgba(255,45,155,.5),0 0 44px rgba(255,45,155,.25)}

/* ---- cards / boxes: table-cell look ---- */
.card,.cocktail-card,.info-box{border-radius:0;border:4px ridge #c9a6ff;box-shadow:5px 5px 0 rgba(26,26,46,.18)}
.card:hover,.cocktail-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(26,26,46,.22)}
.card-img,.cocktail-card img{border-bottom:3px ridge #c9a6ff}
.card-body h3,.cocktail-card h3,.info-box h3{font-family:var(--geo-fun);font-weight:700;letter-spacing:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.section-dark .card,.section-neon-purple .card,.section-dark .info-box,.section-neon-purple .info-box{border-color:#5a3a9a;background:rgba(13,13,32,.75)}
.info-box{background:#fff}

/* ---- daily specials: tabs are Win95 buttons, active = pushed in ---- */
.day-tab{border-radius:0;border:2px solid #1a1a2e;background:#efe0ff;color:var(--purple);box-shadow:inset -2px -2px 0 #9a8fb5,inset 2px 2px 0 #fff;font-family:var(--geo-body)}
.day-tab:hover{border-color:#1a1a2e;color:var(--pink);background:#fff}
.day-tab.active{background:var(--pink-light);color:var(--pink);border-color:#1a1a2e;box-shadow:inset 2px 2px 0 #9a8fb5,inset -2px -2px 0 #fff,0 0 12px rgba(255,45,155,.35)}
.day-content h3{font-family:var(--geo-fun);font-weight:700;text-shadow:2px 2px 0 #1a1a2e}
.day-content li{border-radius:0;border:2px dashed var(--purple);font-family:var(--geo-fun);font-weight:700}

/* ---- games box: keep the spinning RGB border, square it off ---- */
.rgb-border-wrap{border-radius:0;padding:4px}
.rgb-games-box{border-radius:0;backdrop-filter:none;background-color:rgba(13,13,32,.92)}
.rgb-games-box h2{text-shadow:3px 3px 0 var(--purple),0 0 16px rgba(255,45,155,.5)}
.rgb-games-box .rgb-sub{font-family:var(--geo-fun);font-weight:700;color:var(--lime)}
.rgb-game-grid span{border-radius:0;font-family:var(--geo-body);border:2px solid;border-color:rgba(255,255,255,.45) rgba(0,0,0,.6) rgba(0,0,0,.6) rgba(255,255,255,.45)}
.rgb-game-grid span:hover{transform:none}

/* ---- video: CRT-ish frame ---- */
.yt-facade{border-radius:0;border:8px ridge #5a3a9a}
.yt-facade .yt-play{border-radius:0;box-shadow:var(--bevel),0 0 30px rgba(255,45,155,.5)}

/* ---- reviews become guestbook entries ---- */
.review-card{border-radius:0;border:2px dashed var(--teal);background:rgba(13,13,32,.7)}
.review-card:hover{transform:none;border-style:solid}
.review-text{font-family:var(--geo-serif);font-size:1.05rem}
.review-author{font-family:var(--geo-fun)}
.review-author::before{content:'~ '}
.reviews-slider-dot{border-radius:0}

/* ---- forms: sunken inputs ---- */
.form-group label{font-family:var(--geo-fun);font-size:1rem}
.form-group input,.form-group textarea,.form-group select{border-radius:0;font-family:var(--geo-body);border:2px solid;border-color:#7a7a7a #fff #fff #7a7a7a;box-shadow:inset 1px 1px 0 #1a1a2e;background:#fff}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#7a7a7a #fff #fff #7a7a7a;box-shadow:inset 1px 1px 0 #1a1a2e,0 0 0 3px var(--pink),0 0 14px rgba(255,45,155,.4)}

/* ---- FAQ: little dialog windows ---- */
.faq-item{border-radius:0;border:2px solid;border-color:#7b5cc4 #1a0550 #1a0550 #7b5cc4}
.faq-question{font-family:var(--geo-body)}

/* ---- now playing chips ---- */
.np-card{border-radius:0;box-shadow:var(--bevel)}
.np-badge{border-radius:0}
.np-new{animation:geoBlinkText 1s steps(1) infinite}
@keyframes geoBlinkText{50%{opacity:0}}

/* ---- popup: a Windows dialog box with a title bar ---- */
.promo-box{border-radius:0;border:3px solid;border-color:#fff #1a1a2e #1a1a2e #fff;padding:52px 28px 28px}
.promo-box::before{content:'Super Rad Message';position:absolute;top:0;left:0;right:0;height:30px;line-height:30px;padding-left:10px;text-align:left;font:700 .8rem var(--geo-body);color:#fff;background:linear-gradient(90deg,var(--purple),var(--pink))}
.promo-close{top:3px;right:4px;width:24px;height:24px;font-size:1rem;line-height:1;background:#efe0ff;color:#1a1a2e;border:none;box-shadow:inset -2px -2px 0 #6b5f86,inset 2px 2px 0 #fff;padding:0}
.promo-close:hover{transform:none;color:var(--pink)}

/* ---- footer ---- */
.footer h4{font-family:var(--geo-fun);font-weight:700;letter-spacing:0;text-shadow:2px 2px 0 var(--purple)}
.footer-social a{border-radius:0;box-shadow:inset -2px -2px 0 rgba(0,0,0,.5),inset 2px 2px 0 rgba(255,255,255,.3)}
.footer-signup-form input{border-radius:0;font-family:var(--geo-body);border:2px solid;border-color:#555 #ddd #ddd #555}
.footer-signup-form button{border-radius:0;font-family:var(--geo-body);border:2px solid #000;box-shadow:var(--bevel)}
.footer-signup-form button:hover{transform:none}

/* 90s web-badge strip */
.geo-badges{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin:28px 0 8px}
.geo-badge{display:inline-flex;align-items:center;justify-content:center;width:88px;height:31px;font:700 9px/1.1 var(--geo-body);text-align:center;text-transform:uppercase;letter-spacing:.02em;color:#fff;border:1px solid;border-color:#fff #333 #333 #fff;text-decoration:none!important}
.geo-badge-ns{background:linear-gradient(180deg,#0a2a8a,#00125a);color:#ffe600}
.geo-badge-np{background:#000;color:var(--lime);font-family:'Courier New',monospace}
.footer .geo-badge{font-size:9px;line-height:1.1;color:#fff}.footer .geo-badge-ns{color:#ffe600}.footer .geo-badge-np{color:var(--lime)}
.geo-badge-gb{background:var(--pink);animation:geoBlinkBg 1.4s steps(1) infinite}
.geo-badge-gb:hover{color:#fff}
@keyframes geoBlinkBg{50%{background:var(--purple)}}
.geo-construction{width:min(420px,100%);margin:12px auto 0;padding:7px 10px;text-align:center;font:700 .72rem 'Press Start 2P',monospace;letter-spacing:.06em;color:#000;background:repeating-linear-gradient(-45deg,#ffe600 0 14px,#000 14px 28px);border:2px solid #000}
.geo-construction span{background:#ffe600;padding:3px 8px;display:inline-block}
.geo-counter{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:22px;font:700 .78rem var(--geo-fun);color:rgba(255,255,255,.75)}
.geo-counter-digits{display:inline-flex;gap:2px;padding:3px;background:#000;border:2px solid;border-color:#555 #ccc #ccc #555}
.geo-counter-digits b{display:inline-block;width:16px;padding:2px 0;text-align:center;font:400 .85rem 'Courier New',monospace;color:var(--lime);background:linear-gradient(180deg,#111 0 48%,#000 52%);text-shadow:0 0 6px var(--lime)}

/* ---- mobile bottom bar: taskbar ---- */
.mobile-bottom-bar{border-top:3px solid;border-color:#7ff3df;box-shadow:0 -2px 0 #1a1a2e}
.mbb-btn{border-radius:0;font-family:var(--geo-body)}
.mbb-btn .mbb-icon{border-radius:0;box-shadow:inset -2px -2px 0 #8a8a8a,inset 2px 2px 0 #fff;border:1px solid #1a1a2e}
.mbb-age .mbb-icon{border:none}
.trivia-cta-btn{border-radius:0;border:2px solid #1a1a2e;box-shadow:var(--bevel),0 4px 20px rgba(255,45,155,.5)}
.sound-toggle{border-radius:0;backdrop-filter:none}

/* ---- cursor sparkle trail (spawned by js/geocities.js) ---- */
.geo-sparkle{position:fixed;z-index:100002;pointer-events:none;font-size:14px;line-height:1;transform:translate(-50%,-50%);animation:geoSparkle .8s ease-out forwards}
@keyframes geoSparkle{to{opacity:0;transform:translate(-50%,calc(-50% + 22px)) scale(.3) rotate(140deg)}}

@media(max-width:600px){.section-heading h2{padding-left:1.3em;padding-right:1.3em}.geo-badges{gap:8px}}

/* =========== ROUND 2: five more classic effects =========== */

/* 1. tiled arcade wallpaper is on light sections above */

/* 2. spinning starburst stickers on photo cards */
.card,.cocktail-card{position:relative}
.card::after,.cocktail-card::after{position:absolute;top:10px;right:10px;z-index:3;width:62px;height:62px;display:flex;align-items:center;justify-content:center;font:700 .78rem/1 var(--geo-fun);color:#1a1a2e;text-align:center;pointer-events:none;background:#ffe600;clip-path:polygon(50% 0,61% 13%,77% 6%,79% 23%,96% 25%,89% 40%,100% 50%,89% 60%,96% 75%,79% 77%,77% 94%,61% 87%,50% 100%,39% 87%,23% 94%,21% 77%,4% 75%,11% 60%,0 50%,11% 40%,4% 25%,21% 23%,23% 6%,39% 13%);animation:geoSticker 2.2s ease-in-out infinite}
.card:nth-child(4n+1)::after,.cocktail-card:nth-child(4n+1)::after{content:'NEW!'}
.card:nth-child(4n+2)::after,.cocktail-card:nth-child(4n+2)::after{content:'HOT!';background:var(--pink);color:#fff;animation-delay:.5s}
.card:nth-child(4n+3)::after,.cocktail-card:nth-child(4n+3)::after{content:'RAD!';background:var(--lime);animation-delay:1s}
.card:nth-child(4n)::after,.cocktail-card:nth-child(4n)::after{content:'WOW!';background:var(--teal);color:#fff;animation-delay:1.5s}
.cocktail-card:not(:has(img))::after{display:none}
@keyframes geoSticker{0%,100%{transform:rotate(-12deg) scale(1)}50%{transform:rotate(12deg) scale(1.12)}}

/* 3. Windows 98 title bars on info boxes (title set by js/geocities.js) */
.info-box[data-title]{position:relative;padding-top:56px;border:3px solid;border-color:#fff #1a1a2e #1a1a2e #fff;box-shadow:inset -2px -2px 0 #9a8fb5,inset 2px 2px 0 #efe0ff,5px 5px 0 rgba(26,26,46,.18)}
.info-box[data-title]::before{content:attr(data-title);position:absolute;top:3px;left:3px;right:3px;height:26px;line-height:26px;padding:0 34px 0 8px;font:700 .8rem var(--geo-body);color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(90deg,var(--purple),var(--pink))}
.info-box[data-title]::after{content:'\00D7';position:absolute;top:6px;right:7px;width:20px;height:20px;line-height:17px;text-align:center;font:700 .95rem var(--geo-body);color:#1a1a2e;background:#efe0ff;box-shadow:inset -2px -2px 0 #6b5f86,inset 2px 2px 0 #fff}
.section-dark .info-box[data-title],.section-neon-purple .info-box[data-title]{border-color:#9a7ae0 #0d0d20 #0d0d20 #9a7ae0;box-shadow:inset -2px -2px 0 #2a1a5a,inset 2px 2px 0 #5a3a9a,5px 5px 0 rgba(0,0,0,.35)}

/* 4. fake browser status bar, desktop only (built by js/geocities.js) */
.geo-statusbar{position:fixed;left:0;right:0;bottom:0;z-index:1001;height:24px;display:flex;gap:2px;padding:2px;background:#d4d0c8;border-top:2px solid #fff;font:12px Tahoma,Verdana,sans-serif;color:#000}
.geo-statusbar>span{display:flex;align-items:center;gap:5px;padding:0 6px;border:1px solid;border-color:#808080 #fff #fff #808080;white-space:nowrap;overflow:hidden}
.geo-status-text{flex:1;min-width:0}
.geo-status-cell{width:26px}
.geo-status-zone{width:150px}
@media(min-width:901px){body.geo-has-status .footer{padding-bottom:54px}body.geo-has-status .trivia-cta-btn{bottom:48px}body.geo-has-status .sound-toggle{bottom:40px}}

/* 5. animated "GIF" icons: CLICK HERE pointer + wobbling envelopes */
.hero-actions .btn-teal{position:relative;overflow:visible}
.hero-actions .btn-teal::before{content:'CLICK HERE!';position:absolute;top:-22px;right:-14px;padding:2px 6px;font:700 .7rem var(--geo-fun);letter-spacing:0;color:#1a1a2e;background:#ffe600;border:2px solid #1a1a2e;transform:rotate(6deg);animation:geoBlinkText 1s steps(1) infinite;pointer-events:none}
.hero-actions .btn-teal::after{content:'\1F448';position:absolute;right:-46px;top:50%;font-size:1.7rem;line-height:1;margin-top:-.5em;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.6));animation:geoPoint .6s ease-in-out infinite alternate;pointer-events:none}
@keyframes geoPoint{from{transform:translateX(0)}to{transform:translateX(-10px)}}
@media(max-width:700px){.hero-actions .btn-teal::after{display:none}}
a[href^="mailto:"]::before{content:'\2709';display:inline-block;margin-right:6px;text-decoration:none;color:var(--pink);animation:geoWobble 1.2s ease-in-out infinite}
@keyframes geoWobble{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(12deg) translateY(-3px)}}

/* yellow underlined Comic Sans welcome above the hero logo */
.geo-welcome{margin:0 auto 22px;display:flex;flex-direction:column;align-items:center;gap:6px}
.geo-kicker{display:block;margin:0 auto 14px}
.geo-welcome-hey,.geo-kicker{font:700 clamp(1.1rem,2.4vw,1.6rem)/1.2 var(--geo-fun);color:#ffe600;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;text-shadow:2px 2px 0 #1a1a2e}
.geo-welcome-big{font:900 clamp(1.7rem,4.6vw,3.4rem)/1.05 'Arial Black','Arial Bold',Gadget,sans-serif;letter-spacing:-.01em;color:#c4f4ff;-webkit-text-stroke:1px #1a1a2e;text-shadow:1px 1px 0 #ff2d9b,2px 2px 0 #ff3d8f,3px 3px 0 #ff4f80,4px 4px 0 #ff6470,5px 5px 0 #ff7a5c,6px 6px 0 #ff8f48,7px 7px 0 #ffa236,8px 8px 0 #ffb428,9px 9px 0 #1a1a2e,10px 10px 14px rgba(0,0,0,.5);animation:geoWave 3s ease-in-out infinite}
@keyframes geoWave{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:600px){.geo-welcome{margin-bottom:16px}.geo-welcome-big{-webkit-text-stroke:.6px #1a1a2e}}

/* "SUPER RAD" WordArt: italic light-blue block letters with a deep
   extrusion receding to a vanishing point below (layers from js/geocities.js) */
.geo-wordart{position:relative;display:inline-block;margin:2px 0 6px;font:italic 900 clamp(2.6rem,8vw,5.4rem)/1 'Arial Black','Arial Bold',Gadget,sans-serif;letter-spacing:.01em;white-space:nowrap}
.geo-wa-front{position:relative;z-index:30;color:#c4f4ff;-webkit-text-stroke:1.5px #1a1a2e;text-shadow:-1px -1px 0 #fff}
.geo-wa-layer{position:absolute;left:0;top:0;transform-origin:50% 230%;pointer-events:none}
.geo-wa-layer:first-child{-webkit-text-stroke:1px #1a1a2e}
@media(max-width:600px){.geo-wa-front{-webkit-text-stroke:1px #1a1a2e}}

/* Netscape Navigator chrome around the nav (desktop): title bar, toolbar
   buttons with icons over labels, location bar. Purple instead of gray. */
.geo-titlebar,.geo-locbar{display:none}
@media(min-width:901px){
body.geo-has-chrome{scroll-padding-top:150px}
html:has(body.geo-has-chrome){scroll-padding-top:150px}
.geo-has-chrome .hero{padding-top:170px!important}
.geo-titlebar{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 4px 0 8px;background:linear-gradient(90deg,#1a0a6e,#7b2dff 60%,#ff2d9b);font:700 12px Tahoma,Verdana,sans-serif;color:#fff;letter-spacing:.02em}
.geo-tb-btns{display:flex;gap:2px}
.geo-tb-btns b{width:18px;height:16px;display:flex;align-items:center;justify-content:center;font:700 11px/1 Tahoma,sans-serif;color:#000;background:#efe0ff;box-shadow:inset -1px -1px 0 #1a1a2e,inset 1px 1px 0 #fff,inset -2px -2px 0 #9a8fb5}
.geo-tb-btns b:last-child{margin-left:2px}
.geo-has-chrome .nav-inner{height:68px;border-top:1px solid rgba(255,255,255,.35)}
.geo-has-chrome .nav-links{gap:2px}
.geo-has-chrome .nav-links>li>a:not(.btn){display:flex;flex-direction:column;align-items:center;gap:2px;min-width:68px;padding:5px 8px 4px;font:400 12px Tahoma,Verdana,sans-serif;color:#fff}
.geo-has-chrome .nav-links>li>a:not(.btn)::before{font-size:22px;line-height:1;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.5))}
.geo-has-chrome .nav-links>li:nth-child(1)>a::before{content:'\1F47E'}
.geo-has-chrome .nav-links>li:nth-child(2)>a::before{content:'\1F378'}
.geo-has-chrome .nav-links>li:nth-child(3)>a::before{content:'\1F4C5'}
.geo-has-chrome .nav-links>li:nth-child(4)>a::before{content:'\1FA99'}
.geo-has-chrome .nav-links>li:nth-child(5)>a::before{content:'\1F9ED'}
.geo-has-chrome .nav-links>li:nth-child(6)>a::before{content:'\2753'}
.geo-has-chrome .nav-links>li:not(:last-child)+li:last-child{margin-left:10px;padding-left:12px;border-left:2px groove rgba(255,255,255,.4)}
.geo-locbar{display:flex;align-items:center;gap:10px;height:28px;padding:0 8px;background:#3c0aa0;border-top:1px solid rgba(255,255,255,.3);font:12px Tahoma,Verdana,sans-serif;color:#fff}
.geo-lb-label{white-space:nowrap}
.geo-lb-field{flex:1;display:flex;justify-content:space-between;align-items:center;height:20px;padding:0 0 0 6px;background:#fff;color:#000;border:2px solid;border-color:#1a0550 #b48cff #b48cff #1a0550;overflow:hidden;white-space:nowrap}
.geo-lb-field b{width:16px;height:16px;margin-right:1px;display:flex;align-items:center;justify-content:center;font-size:11px;background:#efe0ff;box-shadow:inset -1px -1px 0 #1a1a2e,inset 1px 1px 0 #fff}
}

/* mobile menu: same Netscape/Win98 look + icons as desktop, with
   tap-to-open accordion submenus (toggled by js/geocities.js) */
@media(max-width:900px){
.nav .nav-links{padding:0!important;gap:0!important;align-items:stretch;max-height:calc(100vh - 72px);overflow-y:auto;background:#3c0aa0;border:3px solid;border-color:#b48cff #1a0550 #1a0550 #b48cff;box-shadow:0 6px 0 rgba(0,0,0,.35)}
.nav .nav-links.open::before{content:'\2726  SUPER RAD - Menu';display:block;flex:none;height:28px;line-height:28px;padding:0 10px;font:700 12px Tahoma,Verdana,sans-serif;color:#fff;background:linear-gradient(90deg,#1a0a6e,#7b2dff 60%,#ff2d9b)}
.nav .nav-links>li{border-bottom:2px groove rgba(180,140,255,.45)}
.nav .nav-links>li>a:not(.btn){display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;font:700 15px Tahoma,Verdana,sans-serif;color:#fff;text-align:left}
.nav .nav-links>li>a:not(.btn)::before{width:28px;flex:none;text-align:center;font-size:22px;line-height:1;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.5))}
.nav-links>li:nth-child(1)>a::before{content:'\1F47E'}.nav-links>li:nth-child(2)>a::before{content:'\1F378'}.nav-links>li:nth-child(3)>a::before{content:'\1F4C5'}.nav-links>li:nth-child(4)>a::before{content:'\1FA99'}.nav-links>li:nth-child(5)>a::before{content:'\1F9ED'}.nav-links>li:nth-child(6)>a::before{content:'\2753'}
.nav .nav-dropdown>a::after{content:'\25B8';margin-left:auto;font-size:14px;transition:transform .2s}
.nav .nav-dropdown.geo-open>a{background:rgba(255,255,255,.12)}
.nav .nav-dropdown.geo-open>a::after{transform:rotate(90deg)}
body .nav .nav-links .nav-dropdown .nav-dropdown-content{display:none!important}
body .nav .nav-links .nav-dropdown.geo-open .nav-dropdown-content{display:block!important;margin:0 12px 12px 44px!important;padding:3px!important;background:#1a0550!important;border:2px solid!important;border-color:#0d0230 #b48cff #b48cff #0d0230!important}
.nav .nav-dropdown-content a{padding:10px 12px;font:400 14px Tahoma,Verdana,sans-serif;color:#fff;border-bottom:1px dotted rgba(180,140,255,.35)}
.nav .nav-dropdown-content a:last-child{border-bottom:none}
.nav .nav-links>li:last-child{padding:14px 16px;border-bottom:none}
.nav .nav-links>li:last-child .btn{width:100%;justify-content:center}
}