/**/.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .text-align-right{text-align:right!important}.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}
.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}
.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}
.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}
.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/@media(max-width:767px){body.dmRoot div[dmtemplateid]:not([dmtemplateid=SlideRightTopFloatM]) .dmHeader .multilingualWidget{position:absolute;top:14px;left:13px;margin-top:0}body.dmRoot div[dmtemplateid][dmtemplateid=SlideRightTopFloatM] .dmHeader .multilingualWidget{position:absolute;top:5px;right:17px}
}@media(min-width:768px) and (max-width:1024px){body:not(.responsiveTablet) #dm div[dmtemplateid=StandardLayoutMultiT] .dmHeader .multilingualWidget{position:absolute!important;top:5px!important;right:17px!important;left:initial!important}
}@media(max-width:767px){body.dmRoot .dmHeader .displayHidden-inner .multilingualWidget{top:0!important}}#dm_content div.dmRespCol div.multilingualWidget,#hcontainer div.dmRespCol div.multilingualWidget{width:auto!important;display:table!important}
.multilingualWidget{clear:both;margin:0;vertical-align:top;display:table!important;font-size:0;font-family:sans-serif}.multilingualWidget.displayNone{display:none!important}.multilingualWidget>div{position:relative}
.multilingualWidget .language{color:#888;display:inline-block}.multilingualWidget .language a{text-align:center;display:inline-block;color:inherit;border:#dadada 1px solid;background-color:#fff}.multilingualWidget .language a img{width:24px;height:26px;min-width:24px;min-height:26px}
.multilingualWidget .language a span{display:none;line-height:initial}.multilingualWidget .language a span.name{margin-top:5px;margin-left:7px;font-size:12px;font-weight:400;text-transform:capitalize}
.multilingualWidget .language a span.short-label{font-size:12px}.multilingualWidget .language a:after{line-height:initial}.multilingualWidget.open .current-language a:after{transform:rotate(-180deg)}.multilingualWidget .current-language a:after{transition:transform .2s}
.multilingualWidget.dropdown .language{width:100%}.multilingualWidget.dropdown .language a{display:block;padding:1px 5px}.multilingualWidget.dropdown .language.other-languages{position:absolute;z-index:800;max-height:0;overflow:hidden;transition:max-height .1s ease-in-out}
.multilingualWidget.dropdown .language.other-languages a{border-top:0!important}.multilingualWidget.dropdown .current-language{position:relative}.multilingualWidget.dropdown .current-language span.name{padding-right:25px}
.multilingualWidget.dropdown .dm-icon{font-size:9px;display:inline-block;position:absolute;top:46%;transform:translateY(-50%);transition:transform .2s;right:8px}.multilingualWidget.dropdown.open .dm-icon{transform:rotate(-180deg) translateY(50%)}
.multilingualWidget.dropdown.open .other-languages{display:block;max-height:300px}.multilingualWidget.dropdown .other-languages,.multilingualWidget.dropdown.flag-only .dm-icon,.multilingualWidget.inline span,.multilingualWidget.no-flag a img{display:none}
.multilingualWidget.dropdown.flag-only a{border:transparent 1px solid;background-color:transparent}.multilingualWidget.dropdown.flag-only.open .language a{background-color:rgba(0,0,0,.3);border:#dadada 1px solid}
.multilingualWidget.dropdown.long-label a{text-align:left;padding:2px 0 2px 5px;position:relative;box-sizing:border-box}.multilingualWidget.dropdown.long-label a span.name,.multilingualWidget.inline.flag-only .language,.multilingualWidget.inline.short-label.no-flag span.short-label{display:inline-block}
.multilingualWidget.dropdown.long-label.no-flag a{padding:7px 10px 9px}.multilingualWidget.dropdown.long-label.no-flag a span.name,.multilingualWidget.dropdown.short-label.no-flag a span.short-label{margin:0;display:inline-block}
.multilingualWidget.dropdown.short-label.no-flag a{padding:8px 22px 9px 10px;font-size:12px;min-height:32px;height:auto;box-sizing:border-box}.multilingualWidget.dropdown.short-label.no-flag .current-language a:after{top:12px}
.multilingualWidget.short-label span.short-label{text-transform:uppercase}.multilingualWidget.inline.flag-only a{padding:2px 5px;height:32px;box-sizing:border-box}.multilingualWidget.inline.flag-only .current-language a{box-shadow:inset 0 0 8px 0 rgba(0,0,0,.6);border-right:0;border-right-width:0!important;border-right-color:transparent!important;border-right-style:none!important}
.multilingualWidget.inline.flag-only .other-languages a:not(:last-child){border-right-width:0!important;border-right-color:transparent!important;border-right-style:none!important}.multilingualWidget.inline.flag-only .dm-icon,.multilingualWidget.inline.short-label.no-flag .dm-icon{display:none}
.multilingualWidget.inline.short-label.no-flag .current-language a{padding-right:0;border-right-width:0!important;border-right-color:transparent!important;border-right-style:none!important}.multilingualWidget.inline.short-label.no-flag .current-language a span.short-label{font-weight:700}
.multilingualWidget.inline.short-label.no-flag .other-languages a{border-left-color:transparent!important;border-left-width:0!important;border-left-style:none!important}.multilingualWidget.inline.short-label.no-flag .other-languages a:not(:last-child){padding-right:0;border-right-color:transparent!important;border-right-width:0!important;border-right-style:none!important}
.multilingualWidget.inline.short-label.no-flag a{position:relative;padding:8px 10px;font-size:12px;min-height:32px;height:auto;text-decoration:none}.multilingualWidget.inline.short-label.no-flag a:after{content:"/";position:absolute;top:8px;right:-7px;z-index:1;pointer-events:none}
.multilingualWidget.inline.short-label.no-flag a:hover .short-label{text-decoration:underline}.multilingualWidget.inline.short-label.no-flag .other-languages a:last-child:after{content:""}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}/**/#dm .dmSocialHub:not(.gapSpacing) .socialHubInnerDiv a:not(:last-child){margin-right:5px}.socialHubIcon{display:flex!important;align-items:center;justify-content:center}.socialHubIcon svg{fill:currentColor;width:80%;height:80%}
.socialHubIcon.style1,.socialHubIcon.style4,.socialHubIcon.style6,.socialHubIcon.style7{background:#617379}.socialHubIcon.style7{box-shadow:0 5px 0 0 #475459}.style1.dmSocialTiktok,.style4.dmSocialTiktok{background:#000}
.style1.dmSocialFacebook,.style4.dmSocialFacebook{background:#1877f2}.style1.dmSocialTwitter,.style4.dmSocialTwitter{background:#0f1419}.style1.dmSocialGooglePlus,.style4.dmSocialGooglePlus{background:#da4835}
.style1.dmSocialInstagram,.style4.dmSocialInstagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}.style1.dmSocialYoutube,.style4.dmSocialYoutube{background:red}
.style1.dmSocialLinkedin,.style4.dmSocialLinkedin{background:#2867b2}.style1.dmSocialYelp,.style4.dmSocialYelp{background:#e43340}.style1.dmSocialPinterest,.style4.dmSocialPinterest{background:#c8232c}
.style1.dmSocialVimeo,.style4.dmSocialVimeo{background:#1ab7ea}.style1.dmSocialPicasa,.style4.dmSocialPicasa{background:#be81d1}.style1.dmSocialFoursquare,.style4.dmSocialFoursquare{background:#ef4b78}
.style1.dmSocialRss,.style4.dmSocialRss{background:#f39200}.style1.dmSocialReddit,.style4.dmSocialReddit{background:#ff4500}.style1.dmSocialEmail,.style4.dmSocialEmail{background:#617379}.style1.dmSocialSnapchat,.style4.dmSocialSnapchat{background:#fffc00}
.style1.dmSocialTripadvisor,.style4.dmSocialTripadvisor{background:#589442}.style1.dmSocialWaze,.style4.dmSocialWaze{background:#56cbe7}.style1.dmSocialGoogleMyBusiness,.style4.dmSocialGoogleMyBusiness{background:#477cdf}
.style1.dmSocialWhatsapp,.style4.dmSocialWhatsapp{background:#25d366}.style1.dmSocialPhone,.style4.dmSocialPhone{background:#616c79}.style1:after{content:"";width:44px;height:28px;display:block;position:absolute;top:0;left:0;z-index:-1;border-radius:10px}
.style1.dmSocialEmail:after,.style1.dmSocialFacebook:after,.style1.dmSocialFoursquare:after,.style1.dmSocialGoogleMyBusiness:after,.style1.dmSocialGooglePlus:after,.style1.dmSocialInstagram:after,.style1.dmSocialLinkedin:after,.style1.dmSocialPhone:after,.style1.dmSocialPicasa:after,.style1.dmSocialPinterest:after,.style1.dmSocialReddit:after,.style1.dmSocialRss:after,.style1.dmSocialSnapchat:after,.style1.dmSocialTripadvisor:after,.style1.dmSocialTwitter:after,.style1.dmSocialVimeo:after,.style1.dmSocialYelp:after,.style1.dmSocialYoutube:after{background:#fff;opacity:.2}
.style2.dmSocialTiktok{color:#000}.style2.dmSocialFacebook{color:#1877f2}.style2.dmSocialTwitter{color:#0f1419}.style2.dmSocialGooglePlus{color:#da4835}.style2.dmSocialInstagram:before{background-image:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.style2.dmSocialYoutube{color:red}.style2.dmSocialLinkedin{color:#2867b2}.style2.dmSocialYelp{color:#e43340}.style2.dmSocialPinterest{color:#c8232c}.style2.dmSocialVimeo{color:#1ab7ea}.style2.dmSocialPicasa{color:#be81d1}
.style2.dmSocialFoursquare{color:#ef4b78}.style2.dmSocialRss{color:#f39200}.style2.dmSocialReddit{color:#ff4500}.style2.dmSocialEmail{color:#617379}.style2.dmSocialSnapchat{color:#fffc00}.style2.dmSocialTripadvisor{color:#589442}
.style2.dmSocialGoogleMyBusiness:before{color:#477cdf}.style2.dmSocialWaze:before{color:#56cbe7}.style2.dmSocialWhatsapp:before{color:#25d366}.style2.dmSocialPhone{color:#616c79}.style6.dmSocialTiktok{background:#000}
.style6.dmSocialFacebook{background:#1877f2}.style6.dmSocialTwitter{background:#0f1419}.style6.dmSocialGooglePlus{background:#da4835}.style6.dmSocialInstagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}
.style6.dmSocialYoutube{background:red}.style6.dmSocialLinkedin{background:#2867b2}.style6.dmSocialYelp{background:#e43340}.style6.dmSocialPinterest{background:#c8232c}.style6.dmSocialVimeo{background:#1ab7ea}
.style6.dmSocialPicasa{background:#be81d1}.style6.dmSocialFoursquare{background:#ef4b78}.style6.dmSocialRss{background:#f39200}.style6.dmSocialReddit{background:#ff4500}.style6.dmSocialEmail{background:#617379}
.style6.dmSocialSnapchat{background:#fffc00}.style6.dmSocialTripadvisor{background:#589442}.style6.dmSocialWaze{background:#56cbe7}.style6.dmSocialGoogleMyBusiness{background:#477cdf}.style6.dmSocialWhatsapp{background:#25d366}
.style6.dmSocialPhone{background:#616c79}.style7.dmSocialTiktok{background:#000}.style7.dmSocialFacebook{background:#1877f2;box-shadow:0 5px 0 0 #4b68a5}.style7.dmSocialTwitter{background:#0f1419}.style7.dmSocialGooglePlus{background:#da4835;box-shadow:0 5px 0 0 #c44130}
.style7.dmSocialInstagram{box-shadow:0 5px 0 0 #ad2271;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}.style7.dmSocialYoutube{background:red;box-shadow:0 5px 0 0 #b3392c}
.style7.dmSocialLinkedin{background:#2867b2;box-shadow:0 5px 0 0 #1278b1}.style7.dmSocialYelp{background:#e43340;box-shadow:0 5px 0 0 #b62933}.style7.dmSocialPinterest{background:#c8232c;box-shadow:0 5px 0 0 #a21a2d}
.style7.dmSocialVimeo{background:#1ab7ea;box-shadow:0 5px 0 0 #1592bb}.style7.dmSocialPicasa{background:#be81d1;box-shadow:0 5px 0 0 #9867a7}.style7.dmSocialFoursquare{background:#ef4b78;box-shadow:0 5px 0 0 #da3b67}
.style7.dmSocialRss{background:#f39200;box-shadow:0 5px 0 0 #c27500}.style7.dmSocialReddit{background:#ff4500;box-shadow:0 5px 0 0 #ae5534}.style7.dmSocialEmail{background:#617379;box-shadow:0 5px 0 0 #475459}
.style7.dmSocialSnapchat{background:#fffc00;box-shadow:0 5px 0 0 #d1d05d}.style7.dmSocialTripadvisor{background:#589442;box-shadow:0 5px 0 0 #4e7b3e}.style7.dmSocialWaze{background:#56cbe7;box-shadow:0 5px 0 0 #475459}
.style7.dmSocialGoogleMyBusiness{background:#477cdf;box-shadow:0 5px 0 0 #475459}.style7.dmSocialWhatsapp{background:#25d366;box-shadow:0 5px 0 0 #475459}.style7.dmSocialPhone{background:#616c79;box-shadow:0 5px 0 0 #4a5458}
/* Custom Widgets Styles */
.widget-e5904d {
  font-family: 'Times New Roman', serif;
  background: transparent !important;
  color: #000000;
  position: relative;
  min-height: 800px;
  width: 100%;
  overflow: visible;

  .retro-forum-container {
    position: relative;
    width: 100%;
    background: transparent;
    padding: 10px;
    min-height: 800px;
  }

  /* FLOATING TRASHCAN IN THE MIDDLE */
  .floating-trashcan {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    cursor: pointer;
    text-align: center;
    animation: trashFloat 3s ease-in-out infinite;
    
    .trashcan-glow {
      font-size: 60px;
      background: radial-gradient(circle, rgba(0,255,0,0.4) 0%, rgba(255,255,0,0.2) 50%, transparent 70%);
      border-radius: 50%;
      padding: 25px;
      filter: drop-shadow(0 0 25px #00ff00) drop-shadow(0 0 35px #ffff00);
      animation: glow 2s ease-in-out infinite alternate;
    }
    
    .site-name {
      font-size: 14px;
      font-weight: bold;
      color: #00ff00;
      text-shadow: 2px 2px 4px #000000, 0 0 10px #00ff00;
      margin-top: 8px;
      background: rgba(0,0,0,0.8);
      padding: 6px 12px;
      border-radius: 4px;
      border: 2px solid #00ff00;
      font-family: 'Courier New', monospace;
      letter-spacing: 1px;
    }
  }

  @keyframes trashFloat {
    0%, 100% { transform: translate(-50%, -50%) rotate(-3deg); }
    50% { transform: translate(-50%, -45%) rotate(3deg); }
  }

  @keyframes glow {
    0% { filter: drop-shadow(0 0 15px #00ff00) drop-shadow(0 0 25px #ffff00); }
    100% { filter: drop-shadow(0 0 35px #00ff00) drop-shadow(0 0 50px #ffff00) drop-shadow(0 0 60px #ff0000); }
  }

  /* AD CLOSE BUTTONS - ONLY FOR FLASHY ADS */
  .ad-close-btn {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg, #ff0000, #cc0000);
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    cursor: pointer;
    z-index: 200;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    
    &:hover {
      background: linear-gradient(135deg, #ff3333, #ff0000);
      transform: scale(1.2) rotate(180deg);
      box-shadow: 0 0 15px rgba(255,0,0,0.8);
    }
    
    &:active {
      transform: scale(0.9);
    }
  }

  /* 7 HORIZONTAL ADS */
  .flashy-ad {
    position: absolute;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 50;
    filter: drop-shadow(3px 3px 8px rgba(0,0,0,0.5));
    
    .ad-border-effect {
      position: relative;
      border: 4px solid;
      border-image: linear-gradient(45deg, #ff6600, #ffaa00, #ff6600) 1;
      animation: subtleBorderPulse 3s ease-in-out infinite alternate;
      background: linear-gradient(45deg, rgba(255,102,0,0.1), rgba(255,170,0,0.1));
      padding: 4px;
      box-shadow: inset 0 0 15px rgba(255,255,255,0.2), 0 0 15px rgba(255,102,0,0.3);
      
      &::before {
        content: '';
        position: absolute;
        top: -6px;
        left: -6px;
        right: -6px;
        bottom: -6px;
        background: linear-gradient(45deg, #ff6600, #ffaa00, #ff6600);
        z-index: -1;
        animation: subtleBorderRotate 4s linear infinite;
        border-radius: 4px;
        filter: blur(1px);
      }
      
      &::after {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.7), transparent);
        animation: shine 4s ease-in-out infinite;
        pointer-events: none;
      }
    }
    
    .ad-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: contrast(1.1) saturate(1.1);
    }
    
    .ad-flash-text {
      position: absolute;
      bottom: 3px;
      left: 3px;
      right: 3px;
      background: linear-gradient(45deg, rgba(255,102,0,0.9), rgba(255,170,0,0.9));
      color: #ffffff;
      font-size: 10px;
      font-weight: bold;
      text-align: center;
      padding: 3px;
      animation: subtleTextFlash 2s ease-in-out infinite alternate;
      text-shadow: 2px 2px 4px #000000;
      border: 1px solid #ffffff;
    }
  }

  /* POSITIONING FOR HORIZONTAL ADS */
  .ad-slot-1 {
    top: 15px;
    left: 10px;
    width: 200px;
    height: 70px;
    transform: rotate(-2deg);
    animation: subtleFloat1 6s ease-in-out infinite;
  }

  .ad-slot-2 {
    top: 12px;
    right: 40px;
    width: 220px;
    height: 65px;
    transform: rotate(3deg);
    animation: subtleFloat2 5s ease-in-out infinite;
  }

  .ad-slot-3 {
    top: 140px;
    left: 5%;
    width: 190px;
    height: 75px;
    transform: rotate(-1deg);
    animation: subtleFloat3 7s ease-in-out infinite;
  }

  .ad-slot-4 {
    top: 110px;
    right: 8%;
    width: 210px;
    height: 60px;
    transform: rotate(2deg);
    animation: subtleFloat4 6s ease-in-out infinite;
  }

  .ad-slot-5 {
    bottom: 200px;
    left: 4%;
    width: 240px;
    height: 55px;
    transform: rotate(1deg);
    animation: subtleFloat5 5.5s ease-in-out infinite;
  }

  .ad-slot-6 {
    bottom: 180px;
    right: 6%;
    width: 185px;
    height: 80px;
    transform: rotate(-2deg);
    animation: subtleFloat6 6.5s ease-in-out infinite;
  }

  .ad-slot-7 {
    top: 280px;
    left: 38%;
    width: 160px;
    height: 90px;
    transform: rotate(1deg);
    animation: subtleFloat7 4.5s ease-in-out infinite;
  }

  /* 7 SCATTERED GOLD 4x3 ADS - NO CLOSE BUTTONS */
  .gold-ad {
    position: relative;
    cursor: pointer;
    transition: all 0.4s ease;
    margin: 15px 0;
    z-index: 40;
    
    .gold-border-effect {
      position: relative;
      border: 5px solid #ffd700;
      background: linear-gradient(135deg, #ffd700, #ffed4e, #fff700);
      padding: 3px;
      box-shadow: 
        inset 0 0 20px rgba(255,255,255,0.6),
        0 0 25px rgba(255,215,0,0.8),
        0 8px 16px rgba(0,0,0,0.3);
      animation: goldPulse 3s ease-in-out infinite alternate;
      
      &::before {
        content: '';
        position: absolute;
        top: -8px;
        left: -8px;
        right: -8px;
        bottom: -8px;
        background: linear-gradient(45deg, #ffd700, #ffed4e, #fff700, #ffd700);
        z-index: -1;
        animation: goldBorderRotate 6s linear infinite;
        border-radius: 8px;
        filter: blur(2px);
      }
      
      &::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent);
        animation: goldShine 4s ease-in-out infinite;
        pointer-events: none;
        z-index: 2;
      }
      
      &.gold-shine-active::after {
        animation-duration: 3s;
      }
    }
    
    .scattered-ad-image {
      width: 100%;
      height: 100px;
      object-fit: cover;
      display: block;
      aspect-ratio: 4/3;
      filter: contrast(1.1) saturate(1.2) brightness(1.05);
      position: relative;
      z-index: 1;
    }
  }

  .scattered-ad-1 { 
    max-width: 160px; 
    float: right;
    margin: 10px 0 20px 15px;
  }
  
  .scattered-ad-2 { 
    max-width: 140px; 
    margin: 20px auto 15px auto;
  }
  
  .scattered-ad-3 { 
    max-width: 150px; 
    float: left;
    margin: 15px 15px 10px 0;
  }
  
  .scattered-ad-4 { 
    max-width: 180px; 
    float: right;
    margin: 20px 0 15px 20px;
  }
  
  .scattered-ad-5 { 
    max-width: 170px; 
    margin: 25px auto 20px auto;
  }
  
  .scattered-ad-6 { 
    max-width: 145px; 
    float: left;
    margin: 15px 20px 15px 0;
  }
  
  .scattered-ad-7 { 
    max-width: 160px; 
    margin: 20px auto 15px auto;
  }

  /* AD ANIMATIONS */
  @keyframes subtleBorderRotate {
    0% { border-image: linear-gradient(0deg, #ff6600, #ffaa00, #ff6600) 1; }
    50% { border-image: linear-gradient(180deg, #ff6600, #ffaa00, #ff6600) 1; }
    100% { border-image: linear-gradient(360deg, #ff6600, #ffaa00, #ff6600) 1; }
  }

  @keyframes subtleBorderPulse {
    0% { box-shadow: inset 0 0 15px rgba(255,255,255,0.2), 0 0 15px rgba(255,102,0,0.3); }
    100% { box-shadow: inset 0 0 25px rgba(255,255,255,0.4), 0 0 25px rgba(255,170,0,0.6); }
  }

  @keyframes shine {
    0% { transform: translateX(-150%) skewX(-25deg); }
    100% { transform: translateX(250%) skewX(-25deg); }
  }

  @keyframes subtleTextFlash {
    0% { background: linear-gradient(45deg, rgba(255,102,0,0.9), rgba(255,170,0,0.9)); }
    100% { background: linear-gradient(45deg, rgba(255,170,0,0.9), rgba(255,204,0,0.9)); }
  }

  @keyframes subtleFloat1 {
    0%, 100% { transform: rotate(-2deg) translateY(0px); }
    50% { transform: rotate(-1deg) translateY(-2px); }
  }

  @keyframes subtleFloat2 {
    0%, 100% { transform: rotate(3deg) translateY(0px); }
    50% { transform: rotate(4deg) translateY(2px); }
  }

  @keyframes subtleFloat3 {
    0%, 100% { transform: rotate(-1deg) translateY(0px); }
    50% { transform: rotate(0deg) translateY(-1px); }
  }

  @keyframes subtleFloat4 {
    0%, 100% { transform: rotate(2deg) translateY(0px); }
    50% { transform: rotate(3deg) translateY(1px); }
  }

  @keyframes subtleFloat5 {
    0%, 100% { transform: rotate(1deg) translateY(0px); }
    50% { transform: rotate(0deg) translateY(-1px); }
  }

  @keyframes subtleFloat6 {
    0%, 100% { transform: rotate(-2deg) translateY(0px); }
    50% { transform: rotate(-1deg) translateY(1px); }
  }

  @keyframes subtleFloat7 {
    0%, 100% { transform: rotate(1deg) translateY(0px); }
    50% { transform: rotate(2deg) translateY(-1px); }
  }

  /* GOLD AD ANIMATIONS */
  @keyframes goldPulse {
    0% { 
      box-shadow: 
        inset 0 0 20px rgba(255,255,255,0.6),
        0 0 25px rgba(255,215,0,0.8),
        0 8px 16px rgba(0,0,0,0.3);
    }
    100% { 
      box-shadow: 
        inset 0 0 30px rgba(255,255,255,0.8),
        0 0 35px rgba(255,215,0,1),
        0 12px 24px rgba(0,0,0,0.4),
        0 0 50px rgba(255,223,0,0.6);
    }
  }

  @keyframes goldBorderRotate {
    0% { background: linear-gradient(0deg, #ffd700, #ffed4e, #fff700, #ffd700); }
    25% { background: linear-gradient(90deg, #ffd700, #ffed4e, #fff700, #ffd700); }
    50% { background: linear-gradient(180deg, #ffd700, #ffed4e, #fff700, #ffd700); }
    75% { background: linear-gradient(270deg, #ffd700, #ffed4e, #fff700, #ffd700); }
    100% { background: linear-gradient(360deg, #ffd700, #ffed4e, #fff700, #ffd700); }
  }

  @keyframes goldShine {
    0% { transform: translateX(-200%) skewX(-25deg); }
    100% { transform: translateX(300%) skewX(-25deg); }
  }

  /* MAIN CONTENT AREAS - CLEAN BACKGROUNDS */
  .forum-header {
    background: #0066cc; /* Clean solid background */
    color: #ffffff;
    padding: 12px 20px;
    border: 3px ridge #cccccc;
    margin: 100px 30px 20px 30px;
    position: relative;
    box-shadow: inset 0 0 20px rgba(255,255,255,0.2), 0 5px 15px rgba(0,0,0,0.3);
    
    .forum-title {
      margin: 0;
      font-size: 24px;
      font-weight: bold;
      text-shadow: 3px 3px 6px #000000, 0 0 20px #ffffff;
      animation: titleGlow 3s ease-in-out infinite alternate;
    }
    
    .header-stats {
      margin-top: 8px;
      font-size: 12px;
      text-shadow: 2px 2px 4px #000000;
      
      .blink {
        color: #ffff00;
        font-weight: bold;
        animation: blink 0.8s infinite;
      }
      
      .visitor-counter {
        height: 20px;
        vertical-align: middle;
        border: 1px solid #ffffff;
        background: #000000;
        filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.5));
      }
    }
  }

  @keyframes titleGlow {
    0% { text-shadow: 3px 3px 6px #000000, 0 0 20px #ffffff; }
    100% { text-shadow: 3px 3px 6px #000000, 0 0 30px #ffff00, 0 0 40px #00ff00; }
  }

  @keyframes blink {
    0%, 50% { visibility: visible; }
    51%, 100% { visibility: hidden; }
  }

  /* SEARCH SECTION */
  .search-section {
    margin: 20px 30px;
    position: relative;
    z-index: 80;
    
    .search-container {
      background: #ffffff; /* Clean solid background */
      border: 4px ridge #cccccc;
      padding: 20px;
      box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 0 8px 25px rgba(0,0,0,0.3);
      position: relative;
      
      &::before {
        content: '';
        position: absolute;
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px;
        background: linear-gradient(45deg, #ff6600, #ffaa00, #ff6600, #ffaa00, #ff6600);
        z-index: -1;
        animation: subtleBorderRotate 4s linear infinite;
        border-radius: 8px;
        filter: blur(1px);
      }
    }
    
    .search-title {
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      color: #ff6600;
      margin-bottom: 15px;
      text-shadow: 2px 2px 4px #000000, 0 0 15px #ffff00;
      animation: searchTitleGlow 2s ease-in-out infinite alternate;
    }
    
    .search-bar-wrapper {
      display: flex;
      gap: 10px;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
    }
    
    .search-input {
      flex: 1;
      max-width: 400px;
      min-width: 200px;
      padding: 12px 15px;
      border: 3px solid #666666;
      background: #ffffff; /* Clean solid background */
      font-family: 'Times New Roman', serif;
      font-size: 14px;
      border-radius: 4px;
      box-shadow: inset 0 0 15px rgba(0,0,0,0.1), 0 3px 8px rgba(0,0,0,0.2);
      
      &:focus {
        outline: none;
        border-color: #00ff00;
        background: #ffffcc; /* Clean solid background */
        box-shadow: inset 0 0 15px rgba(0,255,0,0.1), 0 0 20px rgba(0,255,0,0.3);
      }
      
      &::placeholder {
        color: #999999;
        font-style: italic;
      }
    }
    
    .search-btn {
      padding: 12px 18px;
      font-family: 'Times New Roman', serif;
      font-size: 12px;
      font-weight: bold;
      border: 3px solid;
      cursor: pointer;
      transition: all 0.3s ease;
      text-shadow: 2px 2px 4px #000000;
      position: relative;
      overflow: hidden;
      
      &::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
        transition: left 0.6s ease;
      }
      
      &:hover::before {
        left: 100%;
      }
    }
    
    .lucky-btn {
      background: #ff6600; /* Clean solid background */
      border-color: #cc3300;
      color: #ffffff;
      animation: luckyPulse 2s ease-in-out infinite alternate;
      
      &:hover {
        background: #ff9900; /* Clean solid background */
        transform: scale(1.05) rotate(1deg);
        box-shadow: 0 0 25px rgba(255, 153, 0, 0.8);
      }
      
      &:active {
        transform: scale(0.95) rotate(-1deg);
      }
    }
    
    .normal-btn {
      background: #0066cc; /* Clean solid background */
      border-color: #003399;
      color: #ffffff;
      
      &:hover {
        background: #0099ff; /* Clean solid background */
        transform: scale(1.05);
        box-shadow: 0 0 20px rgba(0, 153, 255, 0.6);
      }
      
      &:active {
        transform: scale(0.95);
      }
    }
    
    .search-results {
      margin-top: 20px;
      background: #00ff00; /* Clean solid background */
      border: 4px solid #00cc00;
      padding: 20px;
      border-radius: 8px;
      box-shadow: inset 0 0 25px rgba(0,0,0,0.2), 0 8px 20px rgba(0,255,0,0.3);
      
      .result-title {
        font-size: 14px;
        font-weight: bold;
        color: #cc0000;
        text-align: center;
        margin-bottom: 15px;
        text-shadow: 2px 2px 4px #ffffff, 0 0 15px #ffff00;
        animation: resultFlash 1s ease-in-out infinite alternate;
      }
      
      .result-content {
        font-size: 12px;
        color: #000000;
        text-align: center;
        
        .lucky-result {
          background: rgba(255,255,255,0.8);
          border: 2px dashed #ff0000;
          padding: 15px;
          border-radius: 6px;
          
          .result-actions {
            margin-top: 10px;
            font-size: 10px;
            color: #666666;
            font-weight: bold;
          }
        }
      }
    }
  }

  @keyframes searchTitleGlow {
    0% { text-shadow: 2px 2px 4px #000000, 0 0 15px #ffff00; }
    100% { text-shadow: 2px 2px 4px #000000, 0 0 25px #ff6600, 0 0 35px #00ff00; }
  }

  @keyframes luckyPulse {
    0% { 
      background: #ff6600;
      box-shadow: 0 0 10px rgba(255, 102, 0, 0.5);
    }
    100% { 
      background: #ff9900;
      box-shadow: 0 0 20px rgba(255, 153, 0, 0.8), 0 0 30px rgba(255, 204, 0, 0.4);
    }
  }

  @keyframes resultFlash {
    0% { color: #cc0000; }
    100% { color: #ff3300; }
  }

  .main-content-horizontal {
    display: grid;
    grid-template-columns: 1fr 2.5fr 1fr;
    gap: 20px;
    margin: 30px;
    position: relative;
    z-index: 10;
    background: #ffffff; /* Clean solid background */
  }

  /* LEFT COLUMN */
  .left-column {
    background: #ffffcc; /* Clean solid background */
    border: 3px ridge #cccccc;
    padding: 15px;
    height: fit-content;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.1), 5px 5px 15px rgba(0,0,0,0.2);
    
    .sidebar-section {
      margin-bottom: 20px;
      border: 1px solid #cccccc;
      background: rgba(255,255,255,0.5);
      
      h3 {
        background: #0066cc; /* Clean solid background */
        color: #ffffff;
        margin: 0;
        padding: 8px;
        font-size: 12px;
        text-align: center;
        text-shadow: 2px 2px 4px #000000;
        border-bottom: 2px solid #ffffff;
      }
      
      .sidebar-content {
        font-size: 11px;
        line-height: 1.4;
        padding: 8px;
      }
    }
    
    .update-item {
      font-size: 10px;
      margin: 5px 0;
      color: #333333;
      padding: 3px 8px;
      
      &:hover {
        background: rgba(255,255,0,0.3);
      }
    }

    .webring-section {
      .webring-content {
        padding: 8px;
        text-align: center;
        
        .webring-nav {
          background: #000000;
          color: #00ff00;
          padding: 5px;
          margin-bottom: 5px;
          font-family: 'Courier New', monospace;
          font-size: 10px;
          
          a {
            color: #00ffff;
            text-decoration: none;
            
            &:hover {
              color: #ffff00;
            }
          }
        }
        
        .webring-member {
          font-size: 9px;
          color: #666666;
        }
      }
    }

    .construction {
      text-align: center;
      
      .construction-gif {
        font-size: 12px;
        color: #ff0000;
        font-weight: bold;
        animation: construction 1s ease-in-out infinite alternate;
      }
      
      .construction-text {
        font-size: 9px;
        color: #666666;
        margin-top: 5px;
      }
    }
  }

  @keyframes construction {
    0% { color: #ff0000; transform: scale(1); }
    100% { color: #ffff00; transform: scale(1.1); }
  }

  /* CENTER FORUM */
  .center-forum {
    background: #f5f5f5; /* Clean solid background */
    border: 3px ridge #cccccc;
    padding: 15px;
    position: relative;
    box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 5px 5px 20px rgba(0,0,0,0.3);
  }

  .forum-posts-horizontal {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
    
    /* Custom scrollbar */
    &::-webkit-scrollbar {
      width: 12px;
    }
    
    &::-webkit-scrollbar-track {
      background: #f1f1f1;
      border: 1px solid #cccccc;
    }
    
    &::-webkit-scrollbar-thumb {
      background: linear-gradient(135deg, #888888, #666666);
      border: 1px solid #333333;
    }
  }

  .forum-post {
    background: #ffffff; /* Clean solid background */
    border: 2px solid #cccccc;
    padding: 12px;
    font-size: 11px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.05), 2px 2px 8px rgba(0,0,0,0.1);
    
    .post-header {
      background: #e0e0e0; /* Clean solid background */
      padding: 6px;
      font-size: 10px;
      border-bottom: 2px solid #cccccc;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: -12px -12px 8px -12px;
      
      .user-avatar {
        width: 20px;
        height: 20px;
        border: 2px solid #000000;
        filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.3));
      }
    }
    
    .post-content {
      padding: 8px 0;
      font-size: 11px;
      line-height: 1.4;
    }
    
    .post-footer {
      font-size: 9px;
      color: #666666;
      border-top: 1px solid #e0e0e0;
      padding-top: 6px;
      margin-top: 8px;
    }
  }

  .sticky-posts {
    margin: 20px 0;
    background: rgba(255, 255, 0, 0.1);
    border: 2px dashed #ff0000;
    padding: 10px;
    
    h4 {
      margin: 0 0 8px 0;
      color: #ff0000;
      font-size: 12px;
      text-shadow: 1px 1px 2px #ffff00;
    }
    
    .sticky-item {
      font-size: 10px;
      margin: 4px 0;
      color: #cc0000;
      cursor: pointer;
      
      &:hover {
        background: rgba(255,255,0,0.3);
        padding: 2px;
      }
    }
  }

  .poll-section {
    margin: 20px 0;
    background: rgba(0, 255, 0, 0.05);
    border: 2px solid #00cc00;
    padding: 10px;
    
    h4 {
      margin: 0 0 10px 0;
      color: #006600;
      font-size: 12px;
    }
    
    .poll-options {
      .poll-option {
        font-size: 10px;
        margin: 6px 0;
        padding: 4px;
        background: linear-gradient(90deg, rgba(0,255,0,0.2) 0%, transparent 100%);
        border-left: 3px solid #00cc00;
        cursor: pointer;
        
        &:hover {
          background: linear-gradient(90deg, rgba(0,255,0,0.4) 0%, rgba(255,255,0,0.2) 100%);
        }
      }
    }
  }

  /* RIGHT COLUMN */
  .right-column {
    background: #ffccff; /* Clean solid background */
    border: 3px ridge #cccccc;
    padding: 15px;
    height: fit-content;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.1), 5px 5px 15px rgba(0,0,0,0.2);
    
    .sidebar-section {
      margin-bottom: 20px;
      border: 1px solid #cccccc;
      background: rgba(255,255,255,0.5);
      
      h3 {
        background: #cc0066; /* Clean solid background */
        color: #ffffff;
        margin: 0;
        padding: 8px;
        font-size: 12px;
        text-align: center;
        text-shadow: 2px 2px 4px #000000;
        border-bottom: 2px solid #ffffff;
      }
      
      .sidebar-content {
        font-size: 11px;
        line-height: 1.4;
        padding: 8px;
      }
    }
    
    .retro-counter {
      .stat-item {
        font-size: 10px;
        margin: 6px 0;
        color: #333333;
        padding: 4px 8px;
        border-left: 2px solid #ff0066;
        
        .counter-display {
          color: #ff0000;
          font-weight: bold;
          animation: counterGlow 2s ease-in-out infinite alternate;
        }
      }
    }

    .chatbox {
      .chat-messages {
        max-height: 100px;
        overflow-y: auto;
        background: rgba(0,0,0,0.8);
        color: #00ff00;
        font-family: 'Courier New', monospace;
        font-size: 9px;
        padding: 5px;
        
        .chat-msg {
          margin: 2px 0;
          
          b {
            color: #ffff00;
          }
        }
      }
    }

    .awards {
      text-align: center;
      
      .award-content {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
        
        .trophy-img {
          width: 40px;
          height: 40px;
          margin-right: 10px;
          animation: trophySpin 3s ease-in-out infinite;
        }
        
        .award-text {
          font-size: 10px;
          color: #cc6600;
          font-weight: bold;
        }
      }
    }
  }

  @keyframes counterGlow {
    0% { color: #ff0000; text-shadow: 0 0 5px #ff0000; }
    100% { color: #ff6666; text-shadow: 0 0 15px #ff0000, 0 0 25px #ffff00; }
  }

  @keyframes trophySpin {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(10deg) scale(1.1); }
  }

  /* BOTTOM CHAOS SECTION */
  .bottom-chaos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 30px;
    
    .chaos-left, .chaos-right {
      background: #ccffcc; /* Clean solid background */
      border: 3px ridge #cccccc;
      padding: 15px;
      box-shadow: inset 0 0 20px rgba(0,0,0,0.1), 5px 5px 15px rgba(0,0,0,0.2);
    }
    
    .guestbook-section {
      h3 {
        background: #666666; /* Clean solid background */
        color: #ffffff;
        margin: 0 0 10px 0;
        padding: 8px;
        font-size: 12px;
        text-align: center;
        text-shadow: 2px 2px 4px #000000;
      }
      
      .guestbook-entries {
        .guestbook-entry {
          background: rgba(255,255,255,0.7);
          border: 1px solid #cccccc;
          padding: 8px;
          margin: 8px 0;
          font-size: 10px;
          
          b {
            color: #0066cc;
          }
        }
      }
    }
    
    .hit-counter-section {
      text-align: center;
      
      h3 {
        background: #ff6600; /* Clean solid background */
        color: #ffffff;
        margin: 0 0 10px 0;
        padding: 8px;
        font-size: 12px;
        text-shadow: 2px 2px 4px #000000;
      }
      
      .hit-counter {
        margin: 10px 0;
        
        .counter-gif {
          border: 2px solid #000000;
          background: #000000;
          animation: counterFlicker 2s ease-in-out infinite;
        }
      }
      
      .counter-text {
        font-size: 9px;
        color: #666666;
        font-style: italic;
      }
    }
  }

  @keyframes counterFlicker {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.3) hue-rotate(30deg); }
  }

  /* FOOTER */
  .forum-footer {
    background: #333333; /* Clean solid background */
    color: #ffffff;
    padding: 15px;
    text-align: center;
    font-size: 10px;
    margin: 20px 30px 30px 30px;
    border: 2px solid #666666;
    box-shadow: inset 0 0 20px rgba(255,255,255,0.1), 0 5px 20px rgba(0,0,0,0.5);
    
    .footer-links {
      margin-bottom: 10px;
      
      a, span {
        color: #00ffff;
        text-decoration: underline;
        margin: 0 8px;
        text-shadow: 1px 1px 2px #000000;
        
        &:hover {
          color: #ffff00;
          text-shadow: 1px 1px 2px #000000, 0 0 10px #ffff00;
        }
      }
    }
    
    .copyright {
      font-size: 8px;
      color: #cccccc;
      margin: 8px 0;
    }
    
    .footer-extras {
      margin-top: 10px;
      
      .best-viewed {
        font-size: 7px;
        color: #999999;
        font-style: italic;
        margin: 4px 0;
      }
      
      .made-with {
        font-size: 7px;
        color: #999999;
        font-style: italic;
      }
    }
  }

  /* HOVER EFFECTS */
  .flashy-ad:hover {
    transform: scale(1.1) !important;
    z-index: 1000;
    filter: drop-shadow(0 0 15px rgba(255, 170, 0, 0.8)) saturate(1.3) brightness(1.1);
  }

  .gold-ad:hover {
    transform: scale(1.1);
    z-index: 1000;
    filter: drop-shadow(0 0 20px gold) saturate(1.4) brightness(1.2);
  }

  /* MOBILE RESPONSIVE */
  @media (max-width: 767px) {
    .retro-forum-container {
      min-height: 600px;
    }

    .main-content-horizontal {
      grid-template-columns: 1fr;
      gap: 15px;
    }
    
    .bottom-chaos {
      grid-template-columns: 1fr;
    }
    
    .flashy-ad {
      position: static !important;
      margin: 10px auto;
      transform: rotate(0deg) !important;
      display: block;
      max-width: 250px;
      height: auto;
      
      .ad-image {
        height: 80px;
      }
    }
    
    .floating-trashcan {
      position: relative;
      top: auto;
      left: auto;
      transform: none;
      margin: 30px auto;
      display: block;
      width: fit-content;
    }

    .gold-ad {
      float: none !important;
      margin: 15px auto !important;
      max-width: 200px !important;
    }

    .search-section {
      .search-bar-wrapper {
        flex-direction: column;
        align-items: stretch;
        
        .search-input {
          max-width: none;
          min-width: auto;
        }
        
        .search-btn {
          margin: 5px 0;
        }
      }
    }
  }

  @media (min-width: 768px) and (max-width: 1024px) {
    .main-content-horizontal {
      grid-template-columns: 0.9fr 2fr 0.9fr;
    }
    
    .flashy-ad {
      width: 160px !important;
      height: 60px !important;
    }

    .gold-ad {
      max-width: 120px !important;
    }

    .search-section {
      .search-bar-wrapper {
        .search-input {
          min-width: 150px;
        }
        
        .search-btn {
          font-size: 11px;
          padding: 10px 14px;
        }
      }
    }
  }
}